/* CSS Document */

body{
background-color: #95ad96;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
font-size:80%;
text-align:center;
}

#wrapper{
width:700px;
background-color: #ccffcc;
margin: 0 auto;
border: 10px solid #FFFFFF;
text-align:left;
}

#header {
	width: 700px;
	height: 120px;
	background-color: #ccffcc;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	background-position:left;
		
}

#footerlinks{
color:#ffffff;
font-size:80%;
/*text-align:center;*/
}

#footerlinks a:link{
color:#ffffff;
}
#footerlinks a:visited{
color:#ffffff;
}

#content{
margin-left: 0;
margin-right:0;
margin-top:15px;
width: 700px;
font-size:100%;
/*clear: left;*/ 	
text-align:left;

}

table{

font-size:100%;
margin-left:10px;
margin-right:10px;

}

.imgright {
float: right;
margin-right: 10px; 
}

.imgleft{
float: left;
/*margin-left: 10px;*/
padding:10px;
}

#content p.col{

margin-left: 220px;
margin-right:10px;
}

#content p.nocol{
margin-left: 20px;
margin-right:20px;
}

#content h1.col, h2.col, h3.col, h4.col, h5.col, h6.col {
 margin-left: 220px;
 margin-right:10px;
 text-align:center;
}

#content h1.nocol, h2.nocol, h3.nocol, h4.nocol, h5.nocol, h6.nocol {
 margin-left: 10px;
 margin-right:10px;

}

#content ul{
list-style:circle;
margin-left:20px;

}

#content li{
margin-left:20px;

}

#leftcol{
margin-bottom: 50px;
width: 210px;
float: left;
font-size:90%;
background-color:#ccffcc;
text-align:left;
color: #4f6a50;
border-right: 1px dashed #999999;
}

#leftcol h2{
margin-left:10px;
margin-right:10px;
}
#leftcol h3{
margin-left:10px;
margin-right:10px;
}							

#leftcol p{
margin-left:10px;
margin-right:10px;
}		

#leftcol ul{
	margin-left:10px;
	list-style:none;
	vertical-align:middle;
	width:90%;

}

/*** Nav bar styles ***/
#menu {
	width: 700px;
	height: 20px;
	background-color:white;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	text-align:center;

} 

#menu ul li ul li {

 	border-bottom: 1px solid #333333;
	padding:2px 0px 2px 0px;
	list-style:none;
	
}

ul {
 
vertical-align:middle;
width:100%;
padding:0;
margin:0;
list-style:none;

 }
 
 #menu a {
 			 text-decoration:none;
			 color: #333333;
			 padding:0.2em ;
			 text-align:center;
			 vertical-align:middle;
			 font-weight:bolder;
			
}

#menu a:hover {color:#336633; font-weight:bolder;}
#menu a:active {color:#336633; font-weight:bolder;}
#menu a:focus {color:#336633; font-weight:bolder;}
#menu li ul {

background-color:#ffffff;

}
	
li {
  float: left;
  position: relative;
  width: 9em;
  }
	
	li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }
	
	li > ul {
	top: auto;
	left: auto;

	}
	
li:hover ul, li.over ul
{ 
display: block;
color: #ffffff;
 }
	
	
a:link {
	color: #336633;
	font-weight:bolder;
}
a:visited {
	color: #336633;
	font-weight:bolder;
}