/*************************************************************************************************
 *      Navigation bar
 *************************************************************************************************/
#header { background-image: none; }
#nav-container { height: 30px; background: #333 url('../img/core/gradients/bg-navbar.jpg') 0% 0% repeat-x; border: 1px solid #000000; }
#nav-container #nav-left { height: 30px; /*background-position: 0% 0%; background-image: url('../img/core/gradients/nav-left.jpg'); background-repeat: no-repeat;*/ }
#nav-container #nav-right { height: 30px; /*background-position: 100% 0%; background-image: url('../img/core/gradients/nav-right.jpg'); background-repeat: no-repeat;*/ }
#navmenu { width: 980px; margin: 0px auto; /*visibility: hidden;*/ text-align:center }

#navmenu li a #more-button { line-height: 30px; height: 30px; vertical-align: middle; }

#navmenu li a { 
	color:#CCC;
	/*float:left; */
	text-decoration: none;
	border-left: 1px solid #000;
	display: block;
	padding: 0 14px;
	/*font: bold 14px/30px Arial, sans-serif;*/
	font: normal 15px/30px 'Roboto Condensed','Arial Narrow','sans-serif';
	text-transform: uppercase;
	height: 30px;
	text-shadow: none;
	background: none;
	text-align: center;
}

#navmenu a.mainMenuParentBtnFocused, #navmenu li a:hover {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF; 
}

#navmenu li a.present-title { color: #FFE000; }
#navmenu li a:hover.present-title { color:#FFE000; }
#navmenu a.mainMenuParentBtnFocused.present-title { color: #FFE000; }

#navmenu li.selected a {
	color: #bfff00;
	background: none;
}

#navmenu li.selected a.mainMenuParentBtnFocused {
	color: #bfff00;
}

#navmenu a.mainMenuParentBtnFocused, #navmenu li.selected a {
    border-color: #000;
}

#navmenu li:first-child a {
	border-left-width: 0px;
}

#subMenusContainer a {
	padding: 10px;
}

#subMenusContainer a, #navmenu li li a {
	text-align:left;
	color:#333; 
	text-decoration: none;
	height: 12px;
	line-height: 12px;
	font: normal 12px Arial, sans-serif;
	display: block;
	white-space:nowrap;
	position:relative;
	padding-right:15px;
}

#subMenusContainer li span.more {
	font-size:14px;
	line-height:16px;
	position:absolute;
	right: 5px;
} 

#subMenusContainer .nav-list-arrow {
	width: 13px;
}

#subMenusContainer li, #navmenu li li {
	display: block;
	border-top: 1px solid #DDD;
	background-color: white;
}

#subMenusContainer li:first-child {
	border-top-width: 0px;
}

#navmenu li ul { display : none; }

#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused { background-color:#c0c0c0; color:#000; }
#subMenusContainer a.active { background-color:#c0c0c0; color:#000; }

/* .subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat;}
.subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat;}
.mainMenuParentBtn{background:url(../img/arrow_down.gif) right center no-repeat;}
.mainMenuParentBtnFocused{background:url(../img/arrow_down_over.gif) right center no-repeat;} */
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW { 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding: 0px 11px 5px;
	margin: 0px -11px; 
	z-index: 100050;
}
.smOW ul {
	margin-left: 0px;
}

#navmenu ol, #navmenu ul, #subMenusContainer ul, #subMenusContainer ol {border:1px solid #000; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; z-index: 12; box-shadow: 0px 0px 5px #888; left: 0;}
#navmenu li{display:inline-block;list-style:none;position:relative;/*float:left;*/ border: none; margin: 0px; }
#subMenusContainer li{list-style:none;}
#subMenusContainer{ display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000005;}

