/*  Gloria Magid  Style sheet 139_style.css
 *  September 10, 2006 initial assignment.
 *  Applied to all files in CSIS139 site except
 *  useful Web Development information (which is linked to, but
 * is outside the CSIS139 area).
 */


/* --- Headings and Paragraph Text formatting --- */
h1 {font-size: 20pt;  color: blue; }
h2 {font-size: 18pt;  color: blue; }
h3 {font-size: 16pt;  color: maroon; }
h4 {font-size: 14pt;  color: navy; }
h5 {font-size: 12pt;  color: teal; }
h6 {font-size: 10pt;  color: red; }
p  {font-size: 10pt;  color: black; }

/*  Table attributes */

td {padding: 10px 10px 10px 10px;
    font-weight: normal; 
    margin: 5pt 5pt 5pt 5pt;}

th  {padding: 10px 10px 10px 10px;
    font-weight: normal;
    margin: 5pt 5pt 5pt 5pt;}

table {margin: 5pt 5pt 5pt 5pt; }

/* Links */

:link {color: blue; }
:visited {color: purple;}
:active {color: red;}
:hover {font-weight: bold;}
:focus {color: magenta;}

/* Font Styles */
/* Notes on usage:  The sans-serif font-family is a web default, but it is explicitly called out
 * on the CSCI139.html page.  The monospace fault is used to put code examples on the web.  I have 
 * called this font-family in my journal - see jounal entry #4.  I am calling the fantasy font in
 * my project proposal (in the title header), though no change is visible because I do not have
 * those fonts installed.  The default sans-serif font is being used.  The script font is used to sign my 
 * web pages.
 */

<!--
.12pixels {font-size: 12px;}
.13pixels {font-size: 13px;}
.14pixels {font-size: 14px;}
.15pixels {font-size: 15px;}
.16pixels {font-size: 16px;}
.17pixels {font-size: 17px;}
.18pixels {font-size: 18px;}
.sans-serif{font-family: ariel, helvetica, sans-serif;}
.fantasy{font-family: Keno, Desdemona, Copperplate, Impact, sans-serif;}
.monospace{font-family: Monaco, courier, sans-serif;}
.script{font-family: Corsiva, "Lucida Handwriting", script;}
-->

/* 10-3-06 :  CSS lists.  Added a style for numbered lists to my style sheet */


.my-list{list-style: lower-alpha inside;}

.my-item {display:list-item;}

/* 12-5-06: added a style for my hover roll-over  */
div#links a span {display: none;}
div#links a:hover span {display: block;
position: absolute;  bottom: 80; left: 0; 
width: 125px; padding: 5px; margin: 10px;
z-index: 100; color: #AAAAAA; background: black;
font: 10px Verdana, sans-serif; test-align: center;