/* this code and the accompanying CSS are based on the so-called "Suckerfish Dropdowns",
 * from http://www.alistapart.com/articles/dropdowns and http://www.htmldog.com/articles/suckerfish/dropdowns/
 *
 * The sfHover method attaches mouse event handlers to the list-items in the #nav element, which change
 * the elements' class. This is in order to enable a :hover pseudoclass like functionality in IE browsers, which
 * do not support this pseudo-class in CSS. The code only needs to execute in IE browsers.
 */
sfHover = function() {
    var sfEls = document.getElementById("nav").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);