div#subnavBlkContainer { clear: both; width: 754px; background: url(/images/bg-subnavBlk.jpg) top repeat-x #000; }
#subnavBlkContainer * { z-index: 3; }
ul#subnavBlk { width: 100%; display: block; }
ul#subnavBlk a { color: #ff8525; text-decoration: none; }
ul#subnavBlk a:hover { color: #ffa800; }

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

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


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

#subnavBlk li.on {
	background: url(/images/subnav-bg-on.gif) center bottom no-repeat;
}

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



#subnavBlk li ul { /* second-level lists */
	position: absolute;
	background: #000;
	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#subnavBlk li ul.location,
* html ul#subnavBlk li ul.meteoritename { 
   height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */
}

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


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

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

#subnavBlk li:hover,
#subnavBlk li.sfhover { background-color: #202020; }

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

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

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