ul#nav {
	  width: 777px; /*For KHTML*/
position:absolute;
left:220px;
z-index:3;
}

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


ul#nav a {
	display: block;

	  color: #CCC;
  font: bold 11px/26px Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
    padding: 0 12px;
}

ul#nav li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
	  display: inline;
	  position:relative;
}
ul#nav li ul { /* second-level lists */
	
	background: orange;
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	 display:block;
	 
	  border-top: 1px solid #5F3010;
  border-bottom: 1px solid #5F3010;
  padding: 0;
  width: 160px;
  list-style: none;

  position: absolute;
  top: 25px;
}

ul#nav li li {
width:160px;
}

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


/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.sfhover a {
  background: #5F3010;
  color: #FFF;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.sfhover li a {
  border-right: 1px solid #5F3010;
  border-left: 1px solid #5F3010;
  padding: 0 6px;
  float: none;
  background: #49240C;
  color: #CCC;
  font-weight: normal;
  font-size: 9px;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.sfhover li a:hover,
ul#nav li.sfhover li.sfhover a {
  background: #5F3010;
  color: #E3412D;
}