/* ###################### MAIN MENU SETTINGS ###################### */

/* ****** Topmenu ****** */

div#topmenu {
	width			: 585px;
	height			: 0px;
	float			: left;
	padding			: 0px;
}

html>body #topmenu { /* IE will ignore this. Others will do min-height from here */
	height			: auto;
	min-height		: 0px!important;
}

div.module-topmenu {
	float			: left;
	padding			: 0px 0px 0px 20px;
	width			: 585px;
	background		: #000 url(../images/topmenu_bg.jpg) repeat-x left top;
}

ul#mainlevel-nav, #mainlevel-nav ul {
	padding			: 0px;
	margin			: 0px;
	list-style		: none;
	display			: block;
	float			: left;
}

ul#mainlevel-nav li a {	border-left: 1px solid #666; }
ul#mainlevel-nav li ul a { border-left: none; }

ul#mainlevel-nav li, ul#mainlevel-nav ul li{
	margin			: 0px;
	padding			: 0px;
	display			: block;
	float			: left;
}

ul#mainlevel-nav a {
	font-weight		: bold;
	font-size		: 11px;
	line-height		: 12px;
	white-space		: nowrap;
	display			: block;
	float			: left;
	margin			: 3px 0px 0px 0px;
	padding			: 2px 7px 1px 7px;
	text-decoration	: none;
	border-style	: solid;
	border-width	: 0px 0px 1px 0px;
	border-color	: #000 #666 #000 #000;
	background		: url(../images/tab-norm.gif) no-repeat right top;
}

ul#mainlevel-nav #active_menu-nav  {
	color			: #CC0000;
	margin-top		: 2px;
	padding			: 3px 7px 1px 7px;
	border-color	: #000 #000 #fff #666;
	background		: url(../images/tab-active.gif) no-repeat right top;
}

ul#mainlevel-nav a:hover {
	margin-top		: 2px;
	padding			: 2px 7px 2px 7px;
	border-color	: #000 #000 #999 #666;
	background		: url(../images/tab-active.gif) no-repeat right top;
}

/* ****** Main Menu ****** */

div.module-mainmenu {
	width			: 187px;
	margin			: 10px 0px 10px 0px;
	overflow		: hidden;
}

div.module-mainmenu div {
	width			: 170px;
	margin			: 0px;
	padding			: 0px;
}

li.mainlevel, li.mainlevel_current, li.mainlevel_active {
	list-style		: none;
	list-style-image	: none;
}

ul#mainlevel {
	margin			: 0px;
	padding			: 0px;
}

ul#mainlevel li.mainlevel, ul#mainlevel li.mainlevel_active, ul#mainlevel li.mainlevel_current  { 
	margin			: 0px; 
	padding			: 0px; 
}

ul#mainlevel a {
	font-size		: 11px!important;
	color			: white!important;
	width			: 100%;
	margin			: 0px;
	padding			: 0px 20px 0px 0px;
	display			: block;
	line-height		: 26px;
	text-decoration	: none;
	font-weight		: bold;
	text-align		: right;
}

html>body ul#mainlevel a {width:100%;}
html>body ul#sublevel a {width:100%;}

.mainlevel a:hover, .mainlevel a:active, .mainlevel a:focus, 
.mainlevel_active a:hover, .mainlevel_active a:active, .mainlevel_active a:focus
{
	background		: url(../images/mainlevel_hover.gif) no-repeat left top;
}

.mainlevel_current #active_menu, ul#mainlevel .mainlevel_active  {
	color			: white!important;
	background		: url(../images/mainlevel_active.gif) no-repeat left top;
}

/* ****** Main Menu -> Sub levels ****** */

.sublevel ul, .sublevel li {
	margin			: 0px;
	padding			: 0px;
}

.sublevel  a, .sublevel_current a, .sublevel_active a {
	margin			: 0px;
	padding			: 0px;
	text-indent		: 7px!important;
}

li.sublevel, li.sublevel_current, li.sublevel_active {
	list-style		: none;
	list-style-image: none;
	padding			: 0px 0px 0px 5px;
	text-indent		: 0px;
	background		: transparent url(../images/sublevel_bg.gif) no-repeat left top;
}

li.mainlevel ul, li.mainlevel_current ul, li.mainlevel_active ul {
	overflow		: hidden;
	margin			: 0px;
	padding			: 0px 0px 5px 0px;
} 

li.sublevel, li.sublevel_current, li.sublevel_active {
	margin-left		: 15px;
	border-left		: 1px dashed #3a658b;
} 

.sublevel a:hover, .sublevel a:active {
	background		: #2B4B66;
}

.sublevel_current #active_menu {
	color			: red!important;
	background		: transparent url(../images/mainlevel_active.jpg) no-repeat right top;
}


/* Hide inactive sublevels */

li.mainlevel ul, li.mainlevel li {
	visibility		: hidden;
	height			: 0px!important;
	width			: 0px!important;
	margin			: 0px!important;
	padding			: 0px!important;
	line-height		: 0px!important;
	background		: none!important;
}