/* Generic Selectors */ 
body { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px;  text-align: left; 
color: #000000; 
background-color:#CCCCFF; 
} 


h1 { 
font-family: Arial, Georgia, "Times New Roman", Times, serif; 
font-size: 3.4em; 
font-weight: bold; 
color: #000000; 
} 
h2 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 2.0em; 
font-weight: bold; 
color: #000000; 
} 
h3 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1.5em; 
font-weight: bold; 
color: #000000; 
} 
h4 { 
font-family: Arial, Georgia, "Times New Roman", Times, serif; 
font-size: 1.8em; 
font-weight: bold; 
color: #000000; 
} 

h5 /* for notes  */
{font-family:  Comic Sans MS, Georgia, serif;
font-size: 1.2em; 
font-weight: bold; 
font-style:italic;
color: #000000; 
} 


h6 /* table heading 1*/
{ 
font-family:Arial, Georgia, "Times New Roman", Times, serif;  
font-size: 1.2em; 
font-weight: bold; 
font-style:italic;
color: #000000; 
} 



p { 
width: 100%; 
} 



TABLE   { display: table ; text-align: left; font-size: 1em; border: 1em ;}

TD, { display: table-cell;  padding:5px 5px 5px 5px;/*top right bottom left*/ }

hr {color:#D3D3D3; }



 
/**************** Pseudo classes ****************/ 
:link { 
color: rgb(153, 0, 187); 
text-decoration: none; 
font-weight: bold; 
} 

:visited { 
color:rgb(0, 18, A0) ; 
text-decoration: none; 
font-weight: bold; 
} 
 
:hover { 
color: #0033FF; 
padding-bottom: 5px; 
font-weight: bold; 
text-decoration: none; 
} 

:active { 
color: blue; 
font-weight: bold; 
} 
/************************* ID's *************************/ 



#navigation { position: absolute; z-index: 10; background-color: #CCCCFF; width: 160px;  margin: 0; margin-top: 10px;  padding:10px 25px 25px 30px;font-size:1.2em; font-style: normal; font-family: Arial; font-weight: bold;  }

#titlebar {position:absolute; top:10px; left: 180px;z-index:5; height:100px; width: 750; padding:30px 20px 50px 20px;/*top right bottom left*/text-align:center;background-color:#CCCCFF ;font-family: Arial }


#centerDoc { position: absolute; left: 190px; top: 70px; z-index: 5; padding: 10px 40px 50px 50px; /*top right bottom left*/ margin-top: 100px; width: 750; background-color:#CCCCFF ;}

#message {position:absolute;z-index:25; background-color:#CCCCFF ;right:50px;top:110px;padding:20px 30px 20px 30px;/*top right bottom left*/font-style: italic;}

#pagecontents {position:absolute;z-index:35; background-color: #CCCCFF; border-style: solid ; border-width:1px; border-color: black ;left: 805px; top:205px; width: 100px; padding:15px 20px 15px 20px; font-weight:bold;}

#indexpagecontents {position:absolute;z-index:35; background-color: #CCCCFF; border-style: solid ; border-width:1px; border-color: black ;left: 775px; top:205px; width: 100px; padding:15px 20px 15px 20px; font-weight:bold;}

#bottombar1 { position:absolute; left:320px; z-index:5; height:30px; width: 500; padding:10px 30px 0px 30px;/*top right bottom left*/text-align:center; background-color:#CCCCFF; font-family: Arial; font-size:1.3em;}




/* below this line are divs for content pages

#contentsubtitle {position:absolute; top:145px; left: 365px;z-index:9; height:30px; width: 500; padding:30px 30px 30px 40px;/*top right bottom left*/text-align:center;background-color:#CCCCFF;}

*/

#picturebox2 { position: absolute; z-index: 40; background-color: #CCCCFF; left:910px;top:40px;width: 135px;  margin: 0;  width: 96px; height: 89px; padding:0px; }

#backtomenu {position:absolute;z-index:25; background-color: #CCCCFF; border-style: solid ; border-width:1px; border-color: black ; margin-left:800px; margin-top: 200px; width: 100px; height: 60px; padding:20px 20px 20px 20px;/*top right bottom left*/ font-weight:bold;}

#picturebox { position: absolute; z-index: 40; background-color: #CCCCFF; width: 90px;  margin: 0; margin-left:50px; margin-top: 35px; height:150; padding:0px; }


#picturebox2 { position: absolute; z-index: 40; background-color: #CCCCFF; left:910px;top:40px;width: 135px;  margin: 0;  width: 96px; height: 89px; padding:0px; }


#contentsubtitle {position:absolute; top:145px; left: 60px;z-index:9; height:30px; width: 880; padding:30px 30px 30px 40px;/*top right bottom left*/;background-color:#CCCCFF; text-align:center;}


#contentintro {position:absolute; top:290px; left: 70px;z-index:15;  width: 700; padding:30px 30px 30px 70px; font-size:1.3em; font-family:arial; font-weight: bold; font-style:italic;
}

#contentDoc { position: absolute; left: 40px; top: 50px; z-index: 10; padding: 20px 80px 50px 80px; /*top right bottom left*/ margin-top: 210px;width: 980;background-color:#CCCCFF ;font-size:1.3em; font-family:arial;}




#bottombar { position:absolute; left:270px; z-index:5; height:30px; width: 500; padding:30px 30px 30px 30px;/*top right bottom left*/text-align:center; background-color:#CCCCFF; font-family: Arial; font-size:1.3em;}