#nav {
  overflow: hidden;
  background: #a71e1e;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size: 13px;
}

#nav ul { /* Begin First Level Lists */
	margin: 0 0 0 8px;
	padding: 0;
  line-height: 1;
	list-style: none;
}
#nav ul li { /* All List Items */
	float: left;
	margin: 0;
	padding: 0;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav ul li.separator { } /* A little more control over nav separators when you give them their own list item */

#nav ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
  color: #FFFFFF;
  text-decoration: none; 
}
#nav ul li a span { display: block; padding: 6px 9px; }

#nav ul li a:hover {
  color: #f3ebb4;
}

#nav ul li ul { /* Begin Second Level Lists */
	position: absolute;
	width: 200px;
	margin: 0;
	padding: 0;
	left: -999em;
  z-index: 999;
  border: 1px solid #000000;
}
#nav ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
#nav ul li ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
  color: #000000;
  background: url('/images/sub-nav.gif') top left #CCCCCC;
}
#nav ul li ul li a:hover {
  color: #000000;
  background: url('/images/sub-nav-hover.gif') top left #999999;
}
#nav ul li ul li a span { display: block; padding: 3px 9px; }
  
#nav li:hover { position: static; background-position: 0 0; } /* Fixes IE sticky dropdowns somehow? */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }