/* FOR DROP DOWN MENUS - in browsers that don't support :hover psuedoclass on elements other than links
   applies the 'sfhover' class name to 'li' elements in the '#mainNav' ul element when they are 'moused over' 
   and removes it, using a regular expression, when 'moused out'.*/
sfHover = function() { 
	var sfEls = document.getElementById("mainNav").getElementsByTagName("LI"); 
	for (var i=0; i<sfEls.length; i++) { 
		sfEls[i].onmouseover=function() { this.className+=" sfhover"; } 
		sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } 
	} 
} 
if (window.attachEvent) window.attachEvent("onload", sfHover);// JavaScript Document