#nav{
		margin:0;
		overflow:hidden;
		padding:0;
}
		
		#nav ul{
			overflow:hidden;
			display:block }
		
		#nav li{
			float:left;
			display:block;
			background: url(../images/nav_sep.png) no-repeat top right;	
		}

			#nav li a{
				display:block;
				text-decoration:none;
				text-align: center;	
				letter-spacing:0px;
				padding: 0 10px 0 0;
				margin:0 2px 0 0 ;
				font-size: 1.3em;
			}				

			#nav li a span{				
				display:block;
				color:#E5F3BC;
				font-weight:bold;
				position:relative;
				padding: 7px 0 7px 10px;
				width: auto;
				margin: 0;
				overflow: visible;
			}
				
			
			#nav li a:hover span {
				color: #FFF;
			}

			#nav li.active a {
				background: url(../images/nav_tab_b.png) no-repeat top right;		
			}
			
			
			#nav li.active a span{
				background: url(../images/nav_tab_f.png) no-repeat top left;	
				color: #686B69;
				z-index : 10px;
			}
	
					
#nav li ul li:hover, #nav li.sfhover ul li.sfhover {background:transparent url(none);}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 100;
	width: auto;
	background: #fff;
	width: 800px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* all list items */
	padding-right: 0px;
	float:left;
	display:block;
	/*width: 120px; /* width needed or else Opera goes nuts */
}

#nav li ul:hover { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a { /* second-level lists */
	display: block;
	line-height: 30px;
	padding: 0 16px 0 0;
	text-align: left;
	text-decoration: none;
	color:#95BD1E;
	font-weight: bold;
	width: auto;
	font-size: 1.2em;
}

#nav li ul a:hover { /* second-level lists */
	display: block;
	text-align: left;
	text-decoration: none;
	color:#686B69;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 180px;
}

#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 {     
	left: 10px; 
}
*/

#nav li.active ul {
	left: 10px;
} 

#nav li li a:hover, #nav li li a:hover span, #nav li.active li a, #nav li.active li a span {
	background: url(none);	
}
