/**** CSS for flyout-style main navigation *****/

/* Main Navigation */
#mainNavContainer {
	clear: left;
	padding-left: 55px;
	position:relative;
	z-index:100;
}
#mainNav {
	float: left;
	display:inline;
	margin: 0;
	padding: 24px 0 0 15px;
	height: 32px;
	width: 898px;
	background: transparent url(/assets/images/nav/mainnav_fullbar.jpg) no-repeat;
	z-index: 100;
}

#mainNav li {
 	font-size: 11px;
	font-weight: bold;
	color: #005072;
}
	#mainNav li a:hover {
		color: #A51E39;
		font-weight: bold;
	}

/* nav level 1 */
#navElements {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 30px;	
	position: relative;
	z-index: 2;
}

#navElements a {
	text-decoration: none;
	white-space:nowrap;
 	font-size: 11px;
	font-weight: bold;
	color: #005072;
}

#navElements a.withsup {
	margin-top: -1px
}

	#navElements li a.selected {
		color: #aa273e;
	}

#navElements > li:hover > a {
	color: #A51E39;
}

#navElements a.level1 {
	float: left;
	display: block;		
	height: 25px; /*changing height will affect rollover*/
}

#navElements li {
	float: left;	
	position: relative;
 	padding: 0;
}

#navElements li span {
 	padding-left: 9px; 
 	padding-right: 9px;
	font-weight:normal;
}

 
/* nav level 2 */

#navElements ul {
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: -20px;
	width: 240px;
	background: transparent url(/assets/images/nav/nav_rollover_submenu_tile.png) repeat top left;
	z-index: 60;
}

#navElements ul li {
	width: 100%;
	padding: 0;
	position: static;
	margin: 0 0 4px 0;
}

#navElements .fixULIE6
{
	margin: 0;	
}

#navElements ul > li:hover > a {
	color: #A51E39;
}

#navElements ul li a {
	float: none;
	display: block;
	color: #666;
	font-size: 11px;
	/*letter-spacing: -1px;*/
	text-align: left;
	line-height: 24px;
	height: 25px;
	vertical-align: middle;
	padding: 0px 35px 0px 19px;
	font-weight: bold; 
}


#navElements ul a:hover, 
#navElements li:hover
{ 
	border: none;  /* without this, text disappears for some reason in IE */
	color: #A51E39;
	text-decoration: none;
}
#navElements li:hover { 
	background: transparent url(/assets/images/nav/nav_rollover_menu.jpg) repeat-x bottom left;
}
#navElements ul li:hover { 
	background-image: none;
}

#navElements li a.level1:hover {
	 background: transparent url(/assets/images/nav/nav_rollover_menu.jpg) repeat-x bottom left;
}

#navElements li.dottedHorizontalLine {
	clear: left;
	background: transparent url(/assets/images/ui/dottedline_horiz.gif) repeat-x center center;
	height: 2px;
	margin-left: 20px;
	width: 200px;
}

#navElements li.dottedHorizontalLine:hover {
	background: transparent url(/assets/images/ui/dottedline_horiz.gif) repeat-x center center;
}

#navElements ul li.level2top { 
	background: transparent url(/assets/images/nav/nav_rollover_submenu_top.png) repeat-x top left;
}
#navElements ul .level2top {
	padding: 0;
	margin: 0;
}
#navElements ul .level2top div {
	height: 10px;
	overflow: hidden;	
	margin-top: 0;	
	margin-left: 9px;
 
}

#navElements ul level2bottom {	
	padding: 0;
	margin: 0;
}
#navElements ul li.level2bottom {	
	background: transparent url(/assets/images/nav/nav_rollover_submenu_bottom.png) repeat-x bottom left;
	padding: 0;	
	position: absolute;
	bottom: -30px;
	left: 0;
}

#navElements ul .level2bottom div
{
	height: 26px;
}