/* Generic Selectors */

 body {
margin: 20px; padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height:110%;
color: #9E9AAE;
background-color:  #000000; 
}

p {
width: 80%;
}

li {
list-style-type: circle;
line-height: 135%;
list-style-image: url(../images/arrowSmall.gif);
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 28px;
font-weight: bold;
color: #FF66CC;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #CC9933;
}

 

/**************** Pseudo classes ****************/

a:link {
color: #00CC00;
text-decoration: none;
}

li a:link {
color: #33333F;
text-decoration: none;
}

a:visited {
color: #00CC00;
}

li a:visited {
color: #33FFFF;
text-decoration: none;
}

a:hover {
color: rgb(0, 96, 255);
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}

li a:hover {
color: rgb(0, 96, 255);
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}

/************************* ID's *************************/

#toppage
{
position: absolute;
width: 95%;
height: 190px;
margin: 5px;
text-align:center;
border-bottom: 0px solid green;
background-color:  #000000; 
}

#navigation {
position: absolute;
width: 230px;
height: 350px;
margin: 20;
margin-top: 210px;
border-right: 0px solid blue;
border-bottom: 0px solid pink;
font-weight: normal;

}

#centerDoc 
{
position: absolute;
padding: 0 50 20px 20px; /*top right bottom left*/
margin-top: 230px;
margin-left: 260px;
height: 310px;
border-right: 0px solid blue;
border-left: 0px solid red;
border-bottom: 0px solid #C6EC8C;
}

#bottompage
{
position: absolute;
width: 95%;
height: 200px;
margin: 20px;
margin-top: 580px;
text-align:center;
border-bottom: 0px solid green;
background-color:  #000000; 
}