/* Generic Selectors */

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

p {
margin: 5px; 
width: 90%;
padding: 5px;
}


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

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

 em {
font-weight: bold;
font-size: 20px;
font-style: normal;
}


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

a:link {
color: #990099;
text-decoration: none;
font-weight: bold;
}


a:visited {
color:  #009900;
text-decoration: none;
font-weight: bold;
}



a:hover {
color:  #3366FF;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}


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


#toppage
{
position: absolute;
width: 95%;
height: 190px;
margin: 5px;
border-bottom: 0px solid green; 
}

#leftDoc 
{
position: absolute;
width: 330px;
height: 620px;
margin: 20;
margin-top: 210px;
border-right: 0px dotted blue;
border-bottom: 0px solid pink;
background-color:  #CCFFFF; 

}

#centerDoc 
{
position: absolute;
padding: 0 20 20px 5px; /*top right bottom left*/
margin-top: 240px;
margin-left: 340px;
width: 350px;
height: 600px;
border-right: 0px dotted purple;
border-left: 0px solid red;
border-bottom: 0px solid #C6EC8C;
}


#rightDoc 
{
position: absolute;
padding: 0 20 20px 20px; /*top right bottom left*/
margin-top: 210px;
margin-left: 700px;
width: 350px;
height: 620px;
border-right: 0px solid blue;
border-left: 0px solid yellow;
border-bottom: 0px solid #C6EC8C;
background-color:  #CCFFFF; 
}

#bottompage
{
position: absolute;
padding: 10 10 10px 40px;
width: 95%;
height: 100px;
margin: 20px;
margin-top: 850px;
text-align:center;
border-top: 0px solid green; 
}