#nav{
	/*top:15px;*/
	width:100%;
	height:35px;
	margin:auto;
	text-align:center; 
	background-color:white; /*#6cb436;*//*#009900;*/
	font-family:verdana,arial,sans-serif;
	font-size: 75%;
	/*font-weight: bold;*/
	/*clear:left;*/
	}
	
 
#nav ul li{
	list-style:none;
	float:left;
	/*border-right:1px solid #99FF33;*/}

#nav ul{margin:0;padding:0;}

#nav ul li a:link, 
#nav ul li a:visited{
	display:block;
	padding:8px 12px;
	text-decoration:none;
	/*background-color:#009900;*/}

#nav ul li a:hover{background-color:white;}

#nav  a:hover { color:#6cb436;font-weight: bold;}











/*--------------------------------------------------------------------------------------*/
/*HORIZONTAL NAVIGATION WITH DROPDOWN LISTS - ONLY WORKS IN FIREFOX AND OPERA           */
/*add javascript to make this work in IE, ref: htmldog.com/articles/suckerfish/dropdowns*/
/*--------------------------------------------------------------------------------------*/

/*this removes default list (ul) formatting: */
#nav ul
{	margin:0;
	padding:0;
	list-style:none;	
}

/*this makes the whole link clickable: */
#nav a
{
	display:block;
	width:10em;
}

/*this makes the first level nav items appear horizontally: */
#nav li 
{
	float:left;
	width:10em;
}

/*this hides the 2nd level list except when hovered over: */
#nav li ul
{
	display:none;
}
/* this makes 2nd level appear when hovered: */

#nav li: hover ul 
{
	display: block;
	width:10em;
	position:absolute;/*this keeps the rest of the page from bouncing around when 2nd level lists appear*/
}
/*to keep the rest of page from floating next to nav*/
div.content
{
	clear:left;
}