div#subnavContainer { clear: both; width: 754px; background: url(/images/bg-subnav.jpg) top repeat-x #fff; }
#subnavContainer * { z-index: 3; }
ul#subnav { width: 100%; display: block; }
ul#subnav a { color: #3a3aaf; text-decoration: none; }
ul#subnav a:hover { color: #3578f2; }

#subnav, #subnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#subnav a {
	display: block;
	margin: 0px 16px;
}


#subnav li { /* all list items */
	float: left;
	position: relative;
	border-right: 1px solid #bebebe;
	width: 9.4em; /* width needed or else Opera goes nuts */
	padding: 5px 0;
}

#subnav li.category { background: url(/images/category-arrow.gif) right no-repeat; }
#subnav li.category a { color: #000; }

#subnav.other li, #subnav.other li ul #subnav.other li ul li, #subnav.other li ul ul li { width: auto; }



#subnav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 13em;
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 5px;
}


* html ul#subnav li ul.location,
* html ul#subnav li ul.meteoritename { 
   height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */
}

#subnav li ul.location,
#subnav li ul.meteoritename { /* location ul */
	overflow:-moz-scrollbars-vertical; overflow-y: scroll;
	max-height: 300px;
}


#subnav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 13em;
}

#subnav li ul li,
#subnav li ul ul li,
#subnav li ul ul li ul li { /* second & third level list items */
	border: 0;
	border-bottom: 1px solid #bebebe;
	width: 13em; /* width needed or else Opera goes nuts */
}

#subnav li ul li:hover,
#subnav li ul li.sfhover { /* second level list items:hover */
	background-color: #e9e9e9;
}
#subnav li ul ul li:hover,
#subnav li ul ul li.sfhover,
#subnav li ul ul ul li:hover,
#subnav li ul ul ul li.sfhover { /* third level list items:hover */
	background-color: #dadada;
	
}

#subnav li:hover ul ul,
#subnav li:hover ul ul ul,
#subnav li.sfhover ul ul,
#subnav li.sfhover ul ul ul,
#subnav li.sfhover ul ul ul ul,
#subnav li.sfhover ul ul ul ul ul,
#subnav li:hover ul ul ul ul,
#subnav li:hover ul ul ul ul ul {
	left: -9999px;
	display: none;
}

#subnav li:hover ul,
#subnav li li:hover ul,
#subnav li li li:hover ul,
#subnav li li li li:hover ul,
#subnav li.sfhover ul,
#subnav li li.sfhover ul,
#subnav li li li.sfhover ul, 
#subnav li li li li.sfhover ul
 { /* lists nested under hovered list items */
    display: block;
	left: auto;
}
#subnav li ul { display: none; }
#subnav li:hover ul,
#subnav li.over ul { /* lists nested under hovered list items */
	display: block;
}