/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
ul.mainlevel-nav {margin-top:50px}
a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav,
a.mainlevel-nav:link, a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel-nav:visited, a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited {
	color: #333333;
}

a.mainlevel-nav:hover, a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover {
	color: green;
}

a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav,
a.sublevel-nav:link, a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel-nav:visited, a.sublevel_active-nav:visited, a.sublevel_current-nav:visited {
	color: green;
}

a.sublevel-nav:hover, a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	color:red;
}
/* From BTP */
.mainlevel-nav li:hover, .mainlevel-nav li.sfhover,.mainlevel-nav a:focus, .mainlevel-nav a:hover, .mainlevel-nav a:active{background:url(images/menubarhover.png)top left no-repeat;color:#c49458}

ul.mainlevel-nav ul ul a.sublevel-nav, ul.mainlevel-nav ul ul a.sublevel_active-nav, ul.mainlevel-nav ul ul a.sublevel_current-nav,
ul.mainlevel-nav ul ul a.sublevel-nav:link, ul.mainlevel-nav ul ul a.sublevel_active-nav:link, ul.mainlevel-nav ul ul a.sublevel_current-nav:link,
ul.mainlevel-nav ul ul a.sublevel-nav:visited, ul.mainlevel-nav ul ul a.sublevel_active-nav:visited, ul.mainlevel-nav ul ul a.sublevel_current-nav:visited {
	background:green;
}
ul.mainlevel-nav ul  {background:url(images/submenubg.png);border:1px solid #cea66c}

ul.mainlevel-nav ul ul a.sublevel-nav:hover, ul.mainlevel-nav ul ul a.sublevel_active-nav:hover, ul.mainlevel-nav ul ul a.sublevel_current-nav:hover {
	background-color:green;
}


ul.mainlevel-nav .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}

/** customize style / layout here */
a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav, span.mainlevel-nav,
a.mainlevel-nav:link, a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel-nav:visited, a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited,
a.mainlevel-nav:hover, a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover,
a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav, span.sublevel-nav,
a.sublevel-nav:link, a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel-nav:visited, a.sublevel_active-nav:visited, a.sublevel_current-nav:visited,
a.sublevel-nav:hover, a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	font:14px "Times New Roman", Times, serif;color:#2c0800;text-transform:uppercase;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 0.5em 0.5em 0.3em 1em;
	/*height: 1em;*/
	background:url(images/menubarborder.jpg) bottom center no-repeat;
	line-height: 1em;
}

a.mainlevel-nav:hover {background:transparent url(images/menubarhover.png)top left no-repeat;color:#c49458}
a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav, span.mainlevel-nav {

}

a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav, span.sublevel-nav {
	color:white;
}

#active_menu-nav,
a.mainlevel_active-nav, a.mainlevel_current-nav,
a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited,
a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover,
a.sublevel_active-nav, a.sublevel_current-nav,
a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel_active-nav:visited, a.sublevel_current-nav:visited,
a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	font-weight: bold;
}

ul.mainlevel-nav, .mainlevel-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 10em;
}

ul.mainlevel-nav {
	z-index: 101;
}

ul.mainlevel-nav ul {
	z-index: 102;
}

ul.mainlevel-nav ul ul {
	z-index: 103;
}

ul.mainlevel-nav li {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	float: left;
	clear: left;
	position: relative;
	width: 10em;
}

ul.mainlevel-nav li li {
}

ul.mainlevel-nav ul {
	display: none;
	position: absolute;
	top: 0;
	margin-left: 10em;
}

ul.mainlevel-nav li:hover ul,
ul.mainlevel-nav li.hover ul {
	display: block;
}


ul.mainlevel-nav li:hover ul ul,
ul.mainlevel-nav li.hover ul ul {
	display: none;
}

ul.mainlevel-nav li:hover ul li:hover ul,
ul.mainlevel-nav li.hover ul li.hover ul {
	display: block;
}


ul.mainlevel-nav, ul.mainlevel-nav li li {
	clear: left;
}
ul.mainlevel-nav li ul li a.sublevel-nav{color:#c49458}
/** separator */
span.mainlevel-nav, span.sublevel-nav {
	border-width: 0px;
	padding: 5px;
}