/* *****************************************************************************************

FILE: mainNav.css

DESCRIPTION: Controls the main horizontal navigation bar layout

 ****************************************************************************************** */
 
div#mainNavBar {
	width: 750px;
	z-index:500;
	position:relative;	
	margin-top: 4px;
}

* html div#mainNavBar {
	margin-top:8px;
}

div#mainNavBar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#loginNav a,
div#mainNavBar a { /* all links */
	font-weight:bold;
	font-size:11pt;	
	text-decoration: none;
	color: white;
}

#loginNav a:hover,
div#mainNavBar a:hover { /* all links */
	color: #f8e138;
	font-weight: bold;
}

#loginNav li,
div#mainNavBar li { /* all list items */
	float: left;
	position: relative;
	text-align: center;
	width: 145px;
	margin-right: 6px;
	color: white;
	font-size:11pt;
	font-weight: bold;
}

div#mainNavBar li#RHS {
	margin-right: 0px;
}

div#mainNavBar li.topLevel {
	background: transparent url("../../images/mainNav-bkgd.gif") no-repeat;
	height: 30px;
}

div#mainNavBar li.bottomLevel {
	padding-bottom: 3px;
	background: #008fde url("../../images/mainNavBottom-bkgd.gif") bottom no-repeat;
}

div#mainNavBar li ul { /* second-level lists */
	margin-top:10px;
	width: 145px;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#loginNav li ul li, 
div#mainNavBar li ul li { /* second-level list items */
	border-top:1px solid #7fb9da;
	font-weight: normal;
	background: #008fde;
	padding-bottom:2px;
	overflow: hidden;
	
}

#loginNav li ul a,
div#mainNavBar li ul a {
	font-size:10pt;	
	font-weight: normal;
}

#loginNav li>ul,
div#mainNavBar li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	position: relative;
	top: auto;
	left: auto;
	margin-top:2px;
}

#loginNav li:hover ul,
#loginNav li.over ul,
div#mainNavBar li:hover ul,
div#mainNavBar li.over ul { /* lists nested under hovered list items */
	display: block;
}

/* login nav overrides */

#loginButtons ul,
#loginNav ul {/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#loginButtons ul {
	margin-top: 5px;
}

#loginNav li.topLevel {
	padding-top: 5px;
	background: transparent url("../../images/loginNav-bkgd.gif") no-repeat;
	height: 30px;
}

#loginNav li.bottomLevel {
	padding-bottom: 3px;
	background: #008fde url("../../images/loginNavBottom-bkgd.gif") bottom no-repeat;
}

#loginNav li { /* all list items */
	float: left;
	position: relative;
	text-align: center;
	width: 253px;
	margin-right: 6px;
	color: white;
	font-size:11pt;	
	font-weight: bold;
}

#loginNav li ul { /* second-level lists */
	margin-top:10px;
	width: 253px;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}



div#mainNavBar li.topLevel ul li a:hover{
	font-size:10pt !important;;
}
