/* Generic Selectors */

body { 
               width: 768; height: 1024;
               align: left; 
               margin: 10px 10 10 10px; 
               border: 10px 10px 0 10px solid #003300;
               font-size: 100%; 
               color: #336666; 
               background-color: #BF8EA1;
                }

#logoDiv {
                float: center; 
                width: 100px; height: 75px;
                margin: 0 10 0 10; 
  }

#logoDiv p { 
                font-family: Arial, Helvetica, Verdana, sans-serif; 
                font-size: 10px; 
                color: #000080; 
                text-align: center;
                width: 80%;
 }

div.desc { 
text-align: center;  
font-family: Verdana, Helvetica, Arial sans-serif; 
size: 12px; 
color: #4B0082; 
text-decoration: none; 
background-color: #F5FFFA;  
width: 80px;
margin: 0 10px 0 5px;  
 }

.text1 {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #D92D1F;
}
.text2 {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: F1932F;
}
.text3 {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #010101;
}
.text4 {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.text5 {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.text6 {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.brder {
	border: 1px solid #C4C4C4;
}

div#overflow 
{   
background-color:#FFFFFF;
width:180px;
height:250px;
overflow: auto;
padding-left: 10px;
scrollbar-base-color: #336699;
}

#navigation { position: absolute; width: 160px; height: 1024px; font-family: Verdana, Helvetica, Arial sans-serif; font-size: 11px; font-weight: bold; background-color: #CCFFCC; padding-left: 5px; border: #AE7967 2px solid;  
} 
li {  list-style-type: none; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #333333;
}
a:link { color: #21637D; background-color: none; text-decoration: none; font-weight: normal; 
}
a:visited { color: #21637D;  background-color: none; text-decoration: underline; font-weight: bold;
}
a:hover { color: #CC9966; background-color: #BD14C5;  font-weight: bold; text-decoration: underline; padding-bottom: 5px;
} 
a:active { color: #003300; text-decoration: underline; font-weight: normal; background-color: none;
}

#centerDoc { 
                position: absolute;
                width: 500px;
                height: 1000px; 
                margin-left: 100px;
                                border-top: #AE7967 2px solid;
                border-bottom: #AE7967 2px solid; 
                padding: 0 2px 0 2px; /*top right bottom left*/ 
                background-color: ##BF8EA1; 
                	
}

       p  { 
                width: 85%;
                font-family: Verdana, Helvetica, Arial sans-serif; 
                font-size: 12px; 
                text-align: justify; 
  }


#rightDoc { 
position: absolute;
width: 124px; 
height: 1000px; 
background-color: #BF8EA1; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 10px; padding: 2px; /*top right bottom left*/ 
font-color: #FFFFFF; border: #AE7967 2px solid;
 }  
p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; width: 85%; text-align:  justify; 
}
p.spl { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; color: #000080;
  }

#paraDoc { padding-left: 3px; width: 95%; float: left; text-align: justify;
 }

 p.panel {float: left; width: 80%; height: auto;
 } 


h1 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight: bold; color: #650066; border-bottom: 1px solid #C6EC8C;
 }
 h2 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: bold; color: #000000; border-bottom: 1px solid #C6EC8C; 
 }
 h3 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #003300; border-bottom: 1px solid #C6EC8C;
  }
 h4 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #003300; border-bottom: 1px solid #C6EC8C;
 }

 h5 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; border-bottom: 1px solid #C6EC8C; 
 }
 h6 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 8px; font-weight: bold; color: #000000; 
 }

div.img  {  margin: 2px;  border: 1px solid #056B3A;  padding: 2px; height: auto;  width: auto;  float: center;  text-align: justify; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; font-weight: bold; color: olive;}

div.img img  {  display: inline;  margin: 3px;  border: 1px solid #ffffff;  }

div.img a:hover img  {  border: 1px solid #0000ff;  
}


ul  {  list-style-type: none; line-height: 100%; margin-top: 30px; margin-left: 10px; border: 1px solid #006666; padding: 3px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #4B0082; width: 90%;
 }

.thumbnail { float: left;
                 width: 60px;
                 font-family: Helvetica, Arial, Verdana, sans-serif;
                 font-size: 11px; color: #000000;
                 border: 1px solid #999;
                 margin: 0 15px 15px 0;
                 padding: 5px;
}

 .clearboth { clear: both;
 }