@charset "utf-8";
/* CSS Document */

.menu-surround {
	padding: 0 5px;
	width:560px;
		margin:0 auto;
}

#horiz-menu ,#bottom-menu{
	height: 32px;
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	z-index: 100;
	position: relative;
}

ul#horiznav.menutop, #horiz-menu ul.menutop,ul#bnav.menutop, #bnav ul.menutop {
	padding: 0;
	margin: 0;
	position: relative;
}

#horiz-menu ul,#bottom-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#horiz-menu li ,#bottom-menu li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	margin-right:1em;
	
}

#horiz-menu a,
#horiz-menu .separator,#bottom-menu a,
#bottom-menu .separator {
	white-space: nowrap;
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 0 12px 0 12px;
	font-weight: normal;
	font-size: 120%;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 100;
	margin-left: -1px;
}

#horiz-menu li.active a,
#horiz-menu li.active .separator,#bottom-menu li.active a,
#bottom-menu li.active .separator {
	white-space: nowrap;
	display: block;
	float: left;
	height: 43px;
	line-height: 34px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 120%;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 100;
	cursor: pointer;
}

#horiz-menu li.active,#bottom-menu li.active {
	margin-top: -1px;
	margin-left: -1px;
	position: relative;
	z-index: 100;
}

#horiz-menu li.active li {margin-top: 0;}

#horiz-menu li.active span ,#bottom-menu li.active span {
	height: 43px;
	line-height: 34px;
	padding: 0 12px 0 12px;
	display: block;
	z-index: 100;
}

#horiz-menu li.active li span {
	padding: 0;
	line-height: 30px;
	height: 30px;
}

#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;}

#horiz-menu ul li.active ul {margin-top: -2px;}

#horiz-menu ul li.active ul ul, #horiz-menu ul li ul ul {margin-top: -1px;}

#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul li.active.parent ul a span, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator, #horiz-menu ul li.active.parent ul .separator span {
	text-transform: none;
	background: none;
}

/* 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: 30px;
	clear: both;
	position: relative;
	z-index: 1;
}

#sub-bar {
	height: 10px;
	position: relative;
	z-index: 1;
	margin: 0 5px;
}

#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: 30px;
	line-height: 30px;
	padding: 0 12px 0 10px;
	margin: 0;
	font-weight: bold;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
	z-index: 100;
	text-indent: 0;
	background: none;
}
.menu-surround2 {
	background: url(../images/submenu-bg.png) 0 34px repeat-x;
}

#horiz-menu {
	
}

#horiz-menu a, #horiz-menu .separator,#bottom-menu a, #bottom-menu .separator {
	color: #bbb;
}

#horiz-menu.splitmenu li.active a, #horiz-menu.splitmenu li.active .separator {
	color: #fff;
	background: url(../images/menu-tab-r.png) 100% 0 no-repeat;
}

#horiz-menu.splitmenu li.active {
	background: url(../images/menu-tab-m.png) 50% 0 no-repeat;
}

#horiz-menu.splitmenu li.active span {
	background: url(../images/menu-tab-l.png) 0 0 no-repeat;
}

#horiz-menu li.active a, #horiz-menu li.active .separator {
	color: #fff;
	background: url(../images/menu2-tab-r.png) 100% 0 no-repeat;
}

#horiz-menu li.active  {
	background: url(../images/menu2-tab-m.png) 50% 0 no-repeat;
}

#horiz-menu li.active span{
	background: url(../images/menu2-tab-l.png) 0 0 no-repeat;
}

#horiz-menu li a:hover, #horiz-menu li .separator:hover ,#bottom-menu li a:hover, #bottom-menu li .separator:hover{color: #ffcc00;}

#horiz-menu ul ul {
	background: #080808;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#horiz-menu ul li.active ul {
	background: #AD0E04;
	border-top: 1px solid #5E0602;
	border-left: 1px solid #5E0602;
	border-right: 1px solid #5E0602;
}

#horiz-menu ul li.active ul li {
	border-bottom: 1px solid #5E0602;
}

#horiz-menu ul ul ul {border-top: 1px solid #333;}

#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: #bbb;
}

#horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu ul li.active.parent ul li .separator {
	color: #fff;
}

#horiz-menu li.sfHover a, #horiz-menu li:hover a, #horiz-menu li:hover li a:hover, #horiz-menu ul li.active ul li.active a, #horiz-menu ul li.active ul li.active li.active a, #horiz-menu ul li.active.parent ul li a:hover, #horiz-menu ul li.active.parent ul li .separator:hover {
	color: #ffcc00;
}

#horiz-menu ul ul li {
	border-bottom: 1px solid #333;
}

#horiz-menu ul ul li a.daddy, #horiz-menu ul ul li a.daddy:hover, #horiz-menu ul li.active.parent ul li a.daddy {
	background: url(../images/sidemod-readon2.png) 98% 50% no-repeat;
}

#sub-menu a {
	color: #fff;
	background: url(../images/submenu-div.png) 100% 50% no-repeat;
}

#sub-menu li.active a, #sub-menu a:hover {
	color: #ffcc00;
	background: url(../images/submenu-div.png) 100% 50% no-repeat;
}

a#active_menu.sublevel {
	color: #DC1004;
}
#bottom-menu #mainlevel-bottom a, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {
	color: #D3C29F;
	background: url(../images/bottom-menu-div.png) 100% 50% no-repeat;
}

#bottom-menu ul#mainlevel-bottom a#active_menu.mainlevel-bottom, #bottom-menu ul#mainlevel-bottom a.mainlevel-bottom:hover {
	color: #fff;
}

ul.menu li.active.parent ul {
	background: #2B0000;
}

ul.menu li a, ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu a, a.mainlevel {
	background: #2B0000 url(../images/sidemod-readon2.png) 16px 10px no-repeat;
	color: #fff;
}

ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel {
	background: #2B0000 url(../images/sidemod-readon3.png) 16px 10px no-repeat;
	color: #DC1004;
}

ul.menu li.active.parent ul li a {
	background-color: transparent;
}

a.sublevel {
	color: #fff;
}

ul.menu a:hover, ul.menu li.active a:hover, ul.menu li.active li a:hover, ul.menu li.active li.active li a:hover, a.mainlevel:hover, a.sublevel:hover {
	color: #DC1004;
}

/* @group Sub Menu */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}
ul.menu {margin:0;padding: 0;}
ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
ul.menu span {display: block;height: 26px;}
.moduletable-sidemenu a.mainlevel {margin: 0 0 1px 0;}
ul.menu a, ul.menu li.active a, a.mainlevel {display: block;margin-left: -14px;margin-right: -14px;margin-bottom: 1px;line-height: 26px;text-indent: 30px;height: 26px;overflow: hidden;font-size: 120%;float: none;padding: 2px 0;}
a.sublevel {padding-left: 0;margin-left: 0;height: 26px;line-height: 26px;}
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, ul.menu li.active li.active li a {font-weight: normal;}
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 -14px; padding: 10px 0 10px 30px;}
ul.menu ul ul {padding-left: 18px; margin:0; 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;}
ul.menu li.active.parent ul {
	margin-bottom: 1px;
}
ul.menu li.active.parent ul {
	background: #2B0000;
}

ul.menu li a, ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu a, a.mainlevel {
	background: #2B0000 url(../images/sidemod-readon2.png) 16px 10px no-repeat;
	color: #fff;
}

ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel {
	background: #2B0000 url(../images/sidemod-readon3.png) 16px 10px no-repeat;
	color: #DC1004;
}

ul.menu li.active.parent ul li a {
	background-color: transparent;
}

a.sublevel {
	color: #fff;
}

ul.menu a:hover, ul.menu li.active a:hover, ul.menu li.active li a:hover, ul.menu li.active li.active li a:hover, a.mainlevel:hover, a.sublevel:hover {
	color: #DC1004;
}
#bottom-menu {
width:500px;
margin:0 auto}
#bottom-menu li {
font-size:80%;}