// Java Document
sfHover = function() { // makes the sfhover function we call in our css style sheet to make IE behave like a good browser (sf stands for sucker fish in case your wondering)     
	var sfEls = document.getElementById("navContainer").getElementsByTagName("LI"); // here we use get Element By arguments to see what id and tag sfHover's be used on. we only want to use it on nav and li, so only look for those    
	for (var i=0; i<sfEls.length; i++) { // start a counter loop that will count up to the total number of uses of the nav id and the li tag we found with the get Element By arguments above
		sfEls[i].onmouseover=function() { this.className+=" sfhover"; } // now we make out sfHover psudeo class. this will make IE behave as if it really used the Hover psuedo class correctly
		sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } // now we tell IE to be a good little browser and remoe sfHover when the mouse is nolonger over the buttons
	} // close our for loop
} // end the function
if (window.attachEvent) window.attachEvent("onload", sfHover); //tell the browser to run our sfHover function when the page loads