/* This little bit of JS is required to make our drop-down menu work in IE6, which doesn't recognize hover events
   on non-link elements. This version depends on the Yahoo YUI DOM utilities having been loaded.                   */

/* When the page is loaded, it finds all the menu items and adds mouseover and mouseout listeners to apply classes
   that create the hover behavior. This is not necessary for browsers that understand that hover is not limited to links. */

sfHover = function() {
        var menuItems = YAHOO.util.Dom.getChildren('nav');
	YAHOO.util.Event.addListener(menuItems, "mouseover", function(){YAHOO.util.Dom.addClass(this, 'sfhover');  
        YAHOO.util.Dom.setStyle(this, 'z-index', '2010');});
        YAHOO.util.Event.addListener(menuItems, "mouseout", function(){YAHOO.util.Dom.removeClass(this, 'sfhover');});
}
if (window.attachEvent) YAHOO.util.Event.onDOMReady(sfHover);   /* if browser appears to be IE, then run this function */