// JavaScript Document
navHover = function() {
	var sfEls = document.getElementById("topNav").getElementsByTagName("LI");
	
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" over";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" over\\b"), "");
		}
	}
}


/* in html body, add this  
<script type="text/javascript"><!-- calls your IE patch to show the LI rollover hover-->
if (window.attachEvent) window.attachEvent("onload", navHover);
//--></script>
*/

/* and the CSS trick 

#mainNav li:hover ul, #mainNav li.over ul { 
	z-index:10;
	display: block;
}

*/