#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	 position: relative;
}

/* Essentials - configure this */

#nav ul { width: 185px; }
#nav ul ul { left: 186px; }
#nav { height: 32px; text-align:left; }
#nav *:hover { background-color: none; }
#nav b {font-size:16px;}
#nav ul a {
	display: block;
	width: 9em;
	 color: white; font-size: 15px; font-family:"Arial"; padding: 8px 10px; line-height: 1; text-decoration:none;
}

#nav li { /* all list items */

	float: left;
	/*width: 9em;*/ /* width needed or else Opera goes nuts */
}

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

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

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* Essentials - configure this */

#nav ul { width: 185px; }
#nav ul ul { left: 186px; }

/* Everything else is theming */
 
 #nav ul ul {background-color: #e6b43d;}
  #nav ul { top: 35px; }
	#nav ul li a { background-color: #e6b43d; text-decoration:none; padding:2px 0 4px 10px;}
      #nav ul a.hover,#nav ul a:hover { background-color: #c6941d; }
   #nav ul a {  border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
   
#nav .m1_li ul{ top: 29px;  }
#nav .m2_li ul{ top: 35px;  }
#nav .m3_li ul{ top: 41px;  }
#nav .m4_li ul{ top: 47px;  }
#nav .m6_li ul{ top: 53px; }
#nav .m7_li ul{ top: 53px; }