.menutop,.menutop *{margin:0;padding:0;}
div#horiz-menu{/* this is a z-index ie6 and ie7 bug fix */
z-index:50;}
#horiz-menu li li{margin:0;}
.menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;}
.menutop ul{background:#fff;/*IE6 needs this*/
padding:0;}
.menutop li{float:left;list-style:none;position:relative;}
div#horiz-menu li li a, div#horiz-menu li.active li a,
div#horiz-menu li li .separator, div#horiz-menu li.active li .separator {display:block;padding:0;margin:0;text-decoration:none;float:none;height:30px;line-height:30px;text-indent:8px;width:98%;}
.menutop li ul{float:none;left:-999em;position:absolute;width:177px;z-index:5;}
.menutop li:hover ul,
.menutop li.sfHover ul{left:-1px;top:41px;}
.menutop li:hover li ul,
.menutop li.sfHover li ul,
.menutop li li:hover li ul,
.menutop li li.sfHover li ul,
.menutop li li li:hover li ul,
.menutop li li li.sfHover li ul{top:-999em;}
.menutop li li:hover ul,
.menutop li li.sfHover ul,
.menutop li li li:hover ul,
.menutop li li li.sfHover ul,
.menutop li li li li:hover ul,
.menutop li li li li.sfHover ul{left:177px;top:-1px;}
.menutop li li{position:relative;float:none;width:100%;}

/* @group Horizontal Menu */

#horiz-menu {
	height: 41px;
	background: #333 url(../images/horiz-menu-top.png) 0 0 repeat-x;
	border: 1px solid #1c1c1c;
	border-bottom: 0;
}

ul#horiznav.menutop, #horiz-menu ul.menutop {
	padding: 0;
	margin: 0;
	position: relative;
}

#horiz-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#horiz-menu .separator {
	cursor: default;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a, #horiz-menu li.active a,
#horiz-menu .separator, #horiz-menu li.active .separator {
	white-space: nowrap;
	display: block;
	float: left;
	height: 41px;
	line-height: 46px;
	padding: 0 11px 0 11px;
	font-weight: bold;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 100;
	color: #ccc;
	background: url(../images/submenu-div.png) 100% 60% no-repeat;
}

#horiz-menu li.active a, #horiz-menu li.active .separator {height: 36px;line-height: 36px;}
#horiz-menu li:hover {background: url(../images/submenu-div.png) 100% 60% no-repeat;}

#horiz-menu li.blue.sfHover a, #horiz-menu li.blue:hover a, #horiz-menu li.blue.sfHover .separator, #horiz-menu li.blue:hover .separator {border-top: 5px solid #8000FF;color: #8000FF;line-height: 36px;height: 36px;}
#horiz-menu li.blue.sfHover li a:hover, #horiz-menu li.blue:hover li a:hover {color: #8000FF;}

#horiz-menu li.red.sfHover a, #horiz-menu li.red:hover a, #horiz-menu li.red.sfHover .separator, #horiz-menu li.red:hover .separator {border-top: 5px solid #CE2815;color: #CE2815;line-height: 36px;height: 36px;}
#horiz-menu li.red.sfHover li a:hover, #horiz-menu li.red:hover li a:hover {color: #CE2815;}

#horiz-menu li.purple.sfHover a, #horiz-menu li.purple:hover a, #horiz-menu li.purple.sfHover .separator, #horiz-menu li.purple:hover .separator {border-top: 5px solid #C53CAD;color: #C53CAD;line-height: 36px;height: 36px;}
#horiz-menu li.purple.sfHover li a:hover, #horiz-menu li.purple:hover li a:hover {color: #C53CAD;}

#horiz-menu li.green.sfHover a, #horiz-menu li.green:hover a, #horiz-menu li.green.sfHover .separator, #horiz-menu li.green:hover .separator {border-top: 5px solid #73B500;color: #73B500;line-height: 36px;height: 36px;}
#horiz-menu li.green.sfHover li a:hover, #horiz-menu li.green:hover li a:hover {color: #73B500;}

#horiz-menu li.orange.sfHover a, #horiz-menu li.orange:hover a, #horiz-menu li.orange.sfHover .separator, #horiz-menu li.orange:hover .separator {border-top: 5px solid #ffcc33;color: #ffcc33;line-height: 36px;height: 36px;}
#horiz-menu li.orange.sfHover li a:hover, #horiz-menu li.orange:hover li a:hover {color: #ffcc33;}

#horiz-menu li.brown.sfHover a, #horiz-menu li.brown:hover a, #horiz-menu li.brown.sfHover .separator, #horiz-menu li.brown:hover .separator {border-top: 5px solid #C4824B;color: #C4824B;line-height: 36px;height: 36px;}
#horiz-menu li.brown.sfHover li a:hover, #horiz-menu li.brown:hover li a:hover {color: #C4824B;}

#horiz-menu li.grey.sfHover a, #horiz-menu li.grey:hover a, #horiz-menu li.grey.sfHover .separator, #horiz-menu li.grey:hover .separator {border-top: 5px solid #aaa;color: #fff;line-height: 36px;height: 36px;}
#horiz-menu li.grey.sfHover li a:hover, #horiz-menu li.grey:hover li a:hover {color: #fff;}

#horiz-menu li.active {background: url(../images/submenu-div.png) 100% 58% no-repeat;}

#horiz-menu li.blue.sfHover li a, #horiz-menu li.blue:hover li a, 
#horiz-menu li.red.sfHover li a, #horiz-menu li.red:hover li a,
#horiz-menu li.purple.sfHover li a, #horiz-menu li.purple:hover li a,
#horiz-menu li.orange.sfHover li a, #horiz-menu li.orange:hover li a,
#horiz-menu li.green.sfHover li a, #horiz-menu li.green:hover li a,
#horiz-menu li.brown.sfHover li a, #horiz-menu li.brown:hover li a,
#horiz-menu li.grey.sfHover li a, #horiz-menu li.grey:hover li a,
#horiz-menu li.blue.sfHover li .separator, #horiz-menu li.blue:hover li .separator,
#horiz-menu li.red.sfHover li .separator, #horiz-menu li.red:hover li .separator,
#horiz-menu li.purple.sfHover li .separator, #horiz-menu li.purple:hover li .separator,
#horiz-menu li.orange.sfHover li .separator, #horiz-menu li.orange:hover li .separator,
#horiz-menu li.green.sfHover li .separator, #horiz-menu li.green:hover li .separator,
#horiz-menu li.brown.sfHover li .separator, #horiz-menu li.brown:hover li .separator,
#horiz-menu li.grey.sfHover li .separator, #horiz-menu li.grey:hover li .separator {background: none;border-top:0;color:#ccc;}

#horiz-menu li.active li a, #horiz-menu li.active.parent li a,
#horiz-menu li.active li .separator, #horiz-menu li.active.parent li .separator {font-weight: normal;font-size: 100%;}

#horiz-menu ul ul {
	margin: 0;
	padding: 0 0 0 0;
	background: #333;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

#horiz-menu li.parent.blue li a.daddy, #horiz-menu li.parent.blue li span.daddy {border-right: 5px solid #0097E9;}
#horiz-menu li.parent.red li a.daddy, #horiz-menu li.parent.red li span.daddy {border-right: 5px solid #CE1100;}
#horiz-menu li.parent.purple li a.daddy, #horiz-menu li.parent.purple li span.daddy {border-right: 5px solid #C53CAD;}
#horiz-menu li.parent.green li a.daddy, #horiz-menu li.parent.green li span.daddy {border-right: 5px solid #73B500;}
#horiz-menu li.parent.orange li a.daddy, #horiz-menu li.parent.orange li span.daddy {border-right: 5px solid #ED8F00;}
#horiz-menu li.parent.brown li a.daddy, #horiz-menu li.parent.brown li span.daddy {border-right: 5px solid #C4824B;}
#horiz-menu li.parent.grey li a.daddy, #horiz-menu li.parent.grey li span.daddy {border-right: 5px solid #fff;}


#horiz-menu ul ul ul {border-top: 1px solid #444;}

#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a,
#horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator {
	color: #ccc;
	text-transform: none;
	border-bottom: 1px solid #444;
}

/* mouseovers */

#horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover, #horiz-menu li li a:hover, #horiz-menu ul li.active.parent ul a,
#horiz-menu li.active li .separator, #horiz-menu li.active li .separator:hover, #horiz-menu li li .separator:hover, #horiz-menu ul li.active.parent ul .separator {background: none;}

#horiz-menu li li a, #horiz-menu li li .separator {
	font-size: 100%;
	font-weight: normal;
	background: none;
}

#sub-menu {
	height: 34px;
	background: url(../images/sub-menu-bg.png) 0 0 repeat-x;
	border-top: 3px solid #202020;
	border-left: 1px solid #202020;
	border-right: 1px solid #202020;
	border-bottom: 1px solid #202020;
	clear: both;
}

#sub-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sub-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#sub-menu a, #sub-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	padding: 0 12px 0 12px;
	margin: 0;
	font-weight: bold;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
	z-index: 100;
	text-indent: 0;
	background: url(../images/submenu-div.png) 100% 50% no-repeat;
}

.main-page #sub-menu a:hover, .main-page #sub-menu li.active a {color: #ccc;}

/* bottom menu */

#bottom-menu ul#mainlevel-bottom {
	padding: 0;
	margin: 0;
}

#bottom-menu #mainlevel-bottom ul {list-style: none;}

#bottom-menu #mainlevel-bottom li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#bottom-menu #mainlevel-bottom a, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {
	white-space: nowrap;
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	padding: 0 15px 0 15px;
	font-weight: normal;
	font-size: 100%;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}

#bottom-menu ul#mainlevel-bottom a#active_menu.mainlevel-bottom,
#bottom-menu ul#mainlevel-bottom a.mainlevel-bottom:hover {
	height: 34px;
	line-height: 34px;
}

/* @end */

/* @group Sub Menu */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}
ul.menu {margin: 0 0 15px 0;padding: 0;}
ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
ul.menu span {display: block;height: 24px;}
ul.menu a, ul.menu li.active a, a.mainlevel {display: block;line-height: 24px;text-indent: 10px;height: 24px;overflow: hidden;font-size: 110%;float: none;background: url(../images/readon.png) 0 8px no-repeat;}
a.sublevel {background: url(../images/readon.png) 0 4px no-repeat;padding-left: 10px;margin-left: 0;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel {font-weight: bold;}
ul.menu li.active li a {font-weight: normal;}
ul.menu a:hover, a.mainlevel:hover, a.sublevel:hover {color: #fff !important;}
ul.menu ul {margin: 4px 0;}
ul.menu ul li a {text-indent: 10px;}
ul.menu ul a {background: none; text-indent: 0;}
ul.menu ul {margin: 5px -15px; padding: 10px 0 10px 30px;}
ul.menu ul ul {padding: 0; margin-left: 20px; background: none;}
ul.menu li li {padding: 0;margin: 0;}
ul.menu ul a {text-indent: 0;}
ul.menu li.active a, ul.menu li.active a:hover {text-decoration: none; line-height: 24px;}
ul.menu li a:hover {text-decoration: none;}
ul.menu li.active ul {margin-top: 0;margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;}

/* @end */

