/* 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 code depends on jQuery having been loaded. If you want to use this drop-down menu,
   and don't want to load jQuery, and need to support IE6, it is easily rewritten for other libraries               */

/* 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. */

jQuery(document).ready(function(jQuery) {
  jQuery('#nav > li ').hover(function() {
    jQuery(this).addClass('sfhover');
  }, function() {
    jQuery(this).removeClass('sfhover');
  });
});