/* 
	Menu highlight: #323918
*/

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; z-index: 101; /*top: 27px;*/ float: left; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; font-style: normal; }
  #nav ul { display: none; position: absolute; left: -4px; margin: 0; padding: 0; }
  /** html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 197px; *top: 21px; }
#nav ul ul { left: 198px; }

/* Everything else is theming */
 
#nav 		{ margin-left: 1px; }
#nav li 	{ background-image: url("../images/menu-separator.png"); background-repeat:no-repeat; background-position: left; text-align: left; }
#nav li a 	{ height: 45px; padding-left:10px; padding-top:10px; *float: left; color: #fff; }
#nav li a:hover, #nav li a.current { color: #fff; }

#nav a {
	max-width:120px;	
	height: 45px;
	line-height: 15px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;	
	padding-right:10px;
}
#nav a:hover { color: #323918; background-image: url("../images/menu-hover.png"); background-repeat: repeat-x; }

/* drop-down items */

#nav li ul { 
	top:50px; left:0px; 
	border-left:1px solid #aaadaf; border-right:1px solid #aaadaf; border-bottom:1px solid #aaadaf;
	padding-left:2px; padding-right:2px;  
	background-color: #f9fafb; 
}

#nav li ul li 		{ 
	width: 197px; padding-top:5px; height: 21px; *line-height: 1; 
	background-color: #f9fafb; background-image: url("../images/menu-footer.png"); background-position:top;	
}
#nav li ul li:hover { 
	margin-left: 0 !important; 
	background-image: url("../images/menu-footer.png"); background-position:top;
}
#nav li ul li.first, #nav li ul li.first:hover 	{  background-image:none; }

#nav li ul li a 	{ 
	max-width:190px;
	width: expression(this.clientWidth > 100 ? "190px": "auto"); /* IE hack for max-width */
	height: 21px; padding: 0 0 0 5px !important; margin-left: 2px !important; *float: none; 
	color: #323c6e; background: none; vertical-align: top; 
	text-transform: none;
}
#nav li ul li a:hover, #nav li ul li a.current { 
	color: #a0cc13; background-image: none; 
}
#nav .separator		{ width:5px; height:45px; padding-top:10px; }


























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
