//css hover javascript (for IE)	

window.onload= function()
{
    activateMenu('hoverNav');
}

activateMenu = function(nav)
{
	var navroot = document.getElementById(nav);
	
	var lis=navroot.getElementsByTagName("LI");
	
	for (i=0; i<lis.length; i++)
	{
		var uls = lis[i].childNodes;
		
		for (c=0; c<uls.length; c++)
		{
			if (uls[c].tagName=="UL")
			{
				lis[i].className+=" sub";
			}
		}
		
		if (document.all && document.getElementById(nav).currentStyle)
		{  
			lis[i].onmouseover=function()
			{	
			   this.className+=" over";
			}
			lis[i].onmouseout=function()
			{                       
			   this.className=this.className.replace(" over", "");
			}
		}

	}
}