ul.menutop, ul.menutop * {
	margin:0;
	padding:0;
}


#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
	position: relative;
	z-index: 50;
	list-style: none;
	margin: 0;
	height: 40px;
}

#horiz-menu .wrapper {
	position: relative;
	height:100px;
}


#horiz-menu ul.menutop {
	line-height:40px;
	float:right;
	position: relative;
	vertical-align:middle;
	
}
*ul.menutop ul {
	background:#fff; /*IE6 needs this*/
}

#horiz-menu ul.menutop li {
	float:left;
	list-style:none;
	position:relative;
	padding:0 20px;
	line-height:40px;
}

ul.menutop li li a {
	display:block;
	padding: 0;
	text-decoration:none;
	background-image: none;
	float:none;
	width:175px;
}

#horiz-menu li li a {
	height: 20px;
}

#horiz-menu li:hover {background-position: 0 0;}
#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.active:hover li,
#horiz-menu li.active.sfHover li {
	background: #000;
	color:#98D7DA;
	cursor: hand;
}
/*
#horiz-menu li li:hover li a,
#horiz-menu li li.sfHover li a,
#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.active:hover li a,
#horiz-menu li.active.sfHover li a {
	background-image: none;
}*/

ul.menutop li ul {
	float:none;
	top:-999em;
	position:absolute;
	width: 200px; /*drop menu width*/
	z-index: 5;
}

ul.menutop li:hover ul,
ul.menutop li.sfHover ul {
	right:-100px; /*if change to left:-2px means align from left side*/
	top: 39px;
}
ul.menutop li:hover li ul,
ul.menutop li.sfHover li ul,
ul.menutop li li:hover li ul,
ul.menutop li li.sfHover li ul,
ul.menutop li li li:hover li ul,
ul.menutop li li li.sfHover li ul {
	top:-919em;
}
ul.menutop li li:hover ul,
ul.menutop li li.sfHover ul,
ul.menutop li li li:hover ul,
ul.menutop li li li.sfHover ul,
ul.menutop li li li li:hover ul,
ul.menutop li li li li.sfHover ul {
	left: 150px;
	top:0px;
	width: 150px;
}

ul.menutop li li {
	position: relative;
	float:right;
	width: 160px; /* LEVEL 2 MENU WIDTH  */
}