/* Generated via www.cssmenubuilder.com */

#menu{margin:0 auto; padding:0; height:40px; width:100%; display:block; background:url('../img/topMenuImages.png') repeat-x;}
#menu li{padding:0; margin:0; list-style:none; display:inline;}
#menu li a{float:left; padding-left:19px; display:block; color:rgb(187,179,156);text-decoration:none; font:18px Arial; font-weight:; cursor:pointer; background:url('../img/topMenuImages.png') 0px 0px no-repeat;}
#menu li a span{line-height:40px; float:left; display:block; padding-right:19px; background:url('../img/topMenuImages.png') 100% 0px no-repeat;}
#menu li a:hover{background-position:0px -40px; color:rgb(255,255,255);}
#menu li a:hover span{background-position:100% -40px;}
#menu li a.active, .menu li a.active:hover{line-height:40px; font:18px Arial; font-weight:; background:url('../img/topMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
#menu li a.active span, .menu li a.active:hover span{background:url('../img/topMenuImages.png') 100% -40px no-repeat;}
} 
#menu li ul ul {
	margin: -1em 0 0 10em;
}
#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}
#menu li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
}
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);



