/* ------------------------------------------------
	menus
-------------------------------------------------*/

		div#menu	{ clear:both;
					  width:790px;
					  height:46px;
					  display:block;
					  margin:0px 0px 1px 50px;
					  padding: 0;
					  position:relative;
					  background: url(../images/menubg.png) repeat-x;	}

		div#menu ul	{  padding:0px;
					   font-size:11px; 	}
	
		div#menu li	{ float: left;
					  display:block;
					  height:16px; 
					  margin: 0;  }
		div#menu li a:hover	{ background: url(../images/menubgactive.png) repeat-x; }
div#menu li li a:hover	{ background-color: #3DB120;}
		div#menu a	{ color:black;
					  display: block;
					  padding:15px 26px 15px 15px;
					  margin:0px; }
					  
		div#menu li a.active	{ background: url(../images/menubgactive.png) repeat-x; }
		div#menu a:hover	{ text-decoration:none; }




	#nav, #nav ul { z-index:10000; }

		 	 	  
	#nav li:hover {  }


		#nav li ul { clear:both;
					 position: absolute;
					 width:171px;
					 left: -999em; /* using left instead of display to hide menus because display: none isnt read by screen readers */
					 margin:0px 0px 0px 0px;
					 background: #AFDB9D;  }

			#nav li ul li { float:none;
							width:171px;
							height:auto;
							padding:0px 0px 0px 0px;
							text-align:left;
							border-left:0px solid #fcfdff;
							border-bottom:0px solid #fcfdff;
							background:none; }
			
			#nav li ul li:hover {  }
			
				#nav li ul li a { width:auto;
								  height:auto;
								  padding:10px;
								  font-weight:normal;
								  text-align:left;
								  color:black;
								  font:12px trebuchet ms, georgia, serif;
								  background:none; }
			
				#nav li ul ul { margin: -15px 0px 0px 157px;
								width:171px;
								border:none;
								background:url(\'../images/menuululbg.png\') repeat-y;  }
	
					#nav li ul ul li { background:none; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


			

