/* ------> top-navigation styles: <<<----------*/

/* for main navigation links */
#topsubNav{width:511px; height:auto;}
ul#topNavLinks {
	position:relative;	/* position:relative; needed for ie 6 peakaboo bug */
	top:0px;
	overflow:hidden;
	width:auto;	
	height:auto;		/* height:20px */
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-indent:0px;
}

ul#topNavLinks li {	
	position:relative;	/* position:relative; needed for ie 6 peakaboo bug */
	float:left;
	height:auto; 		/* height:20px */
	display:inline;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

ul#topNavLinks li a {	
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}

ul#topNavLinks li a:link, ul#topNavLinks li a:visited {
	color: #FFFFFF;
}

ul#topNavLinks li a:hover, ul#topNavLinks li a:active {
	color: #FFFFFF;
}


/* for sub-navigation drop-down menus and links */
/* (sub-nav menu always appears 75px from top of browser viewport; 
otherwise, we'd have to position it relatively top:-25px, calculated from bottom of #mainNav) */
#subNav { 
	position:relative;
	height:auto;
	width:auto;
	z-index: 2;
	text-align:left;
	border:0px solid #ffffff;
}
#subNav2 { 
	position:relative;
	height:auto;
	width:auto;
	z-index: 2;
	text-align:left;
	border:0px solid #ffffff;
}

ul.subNavLinks {
	position:relative;		/* position:relative; needed for ie 6 peakaboo bug */
	overflow:hidden;	
	width:140px;
	height:auto; 			/* height:20px */
	margin:0px;
	padding:0px;  	/* each column already has 20px of margin right; space out just a touch more */
	list-style-type: none;
	text-indent:0px;	
	border:0px solid #000000;
	float:left;
}

ul.subNavLinks li {	
	position:relative; 		/* position:relative; needed for ie 6 peakaboo bug */
	text-indent:0px;	
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8f92cc;
	float:left;
	height:20px; 			/* height:20px */
	text-decoration: none;
	display:inline;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
}

ul.subNavLinks li.secondLevelNavTop {
	padding:0px 0px 0px 8px;
	margin:0px;
	float:left;
	width:140px;
}

ul.subNavLinks li.secondLevelNav {
	padding:0px 0px 0px 8px;
	margin:0px;
	float:left;
	width:140px;
}

ul.subNavLinks li.fourthLevelNav {
	text-indent:5px;
	padding:2px 0px 0px 8px;
}

ul.subNavLinks li.secondLevelNav a, ul.subNavLinks li.secondLevelNavTop a, ul.subNavLinks li.secondLevelNavTopOn a {
	text-decoration: none;
	display:inline;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
}

ul.subNavLinks li.secondLevelNav a:link, ul.subNavLinks li.secondLevelNav a:visited {
	color: #1338a2;
}

ul.subNavLinks li.secondLevelNav a:hover, ul.subNavLinks li.secondLevelNav a:active {
	color: #333333;
}

ul.subNavLinks li.secondLevelNavTop a:link, ul.subNavLinks li.secondLevelNavTop a:visited {
	color: #1338a2;
}

ul.subNavLinks li.secondLevelNavTop a:hover, ul.subNavLinks li.secondLevelNavTop a:active {
	color: #333333;	
}

ul.subNavLinks li.thirdLevelNav a {
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul.subNavLinks li.thirdLevelNav a:link, ul.subNavLinks li.thirdLevelNav a:visited {
	color: #1338a2;
}

ul.subNavLinks li.thirdLevelNav a:hover, ul.subNavLinks li.thirdLevelNav a:active {
	color: #1338a2;
}

ul.subNavLinks li.fourthLevelNav a {
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul.subNavLinks li.fourthLevelNav a:link, ul.subNavLinks li.fourthLevelNav a:visited {
	color: #1338a2;
}

ul.subNavLinks li.fourthLevelNav a:hover, ul.subNavLinks li.fourthLevelNav a:active {
	color: #1338a2;
}

/*---------------------*/
ul.subNavLinks2 {
	position:relative;		/* position:relative; needed for ie 6 peakaboo bug */
	overflow:hidden;	
	width:110px;
	height:auto; 			/* height:20px */
	margin:0px;
	padding:0px;  	/* each column already has 20px of margin right; space out just a touch more */
	list-style-type: none;
	text-indent:0px;	
	border:0px solid #000000;
	float:left;
}

ul.subNavLinks2 li {	
	position:relative; 		/* position:relative; needed for ie 6 peakaboo bug */
	text-indent:0px;	
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8f92cc;
	float:left;
	height:20px; 			/* height:20px */
	text-decoration: none;
	display:inline;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
}

ul.subNavLinks2 li.secondLevelNavTop2 {
	padding:0px 0px 0px 8px;
	margin:0px;
	float:left;
	width:140px;
}

ul.subNavLinks2 li.secondLevelNav2 {
	padding:0px 0px 0px 8px;
	margin:0px;
	float:left;
	width:110px;
}

ul.subNavLinks2 li.fourthLevelNav2 {
	text-indent:5px;
	padding:2px 0px 0px 8px;
}

ul.subNavLinks2 li.secondLevelNav2 a, ul.subNavLinks2 li.secondLevelNavTop2 a, ul.subNavLinks2 li.secondLevelNavTopOn2 a {
	text-decoration: none;
	display:inline;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
}

ul.subNavLinks2 li.secondLevelNav2 a:link, ul.subNavLinks2 li.secondLevelNav2 a:visited {
	color: #1338a2;
}

ul.subNavLinks2 li.secondLevelNav2 a:hover, ul.subNavLinks2 li.secondLevelNav2 a:active {
	color: #333333;
}

ul.subNavLinks2 li.secondLevelNavTop2 a:link, ul.subNavLinks2 li.secondLevelNavTop2 a:visited {
	color: #1338a2;
}

ul.subNavLinks2 li.secondLevelNavTop2 a:hover, ul.subNavLinks2 li.secondLevelNavTop2 a:active {
	color: #333333;	
}

ul.subNavLinks2 li.thirdLevelNav2 a {
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul.subNavLinks2 li.thirdLevelNav2 a:link, ul.subNavLinks2 li.thirdLevelNav2 a:visited {
	color: #1338a2;
}

ul.subNavLinks2 li.thirdLevelNav2 a:hover, ul.subNavLinks2 li.thirdLevelNav2 a:active {
	color: #1338a2;
}

ul.subNavLinks2 li.fourthLevelNav2 a {
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul.subNavLinks2 li.fourthLevelNav2 a:link, ul.subNavLinks2 li.fourthLevelNav2 a:visited {
	color: #1338a2;
}

ul.subNavLinks2 li.fourthLevelNav2 a:hover, ul.subNavLinks2 li.fourthLevelNav2 a:active {
	color: #1338a2;
}

/* fixed width menu style with variable height. (add the code below for fixed minimum height that works in ff and ie) */
/* min-height:350px; 
	height:auto !important;
	height:350px; */
.subNavMenu {
	position:absolute;
	visibility:hidden;
	z-index:4; 
	padding:0px 0px 5px 10px;	
	height:auto;
	margin:0px;
/*	width:650px; 
*/	overflow:visible;
	background-image: url(../images/nav_screen.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
	background-color: #FFFFFF;
	border:2px solid #ffffff;
	text-align:left;
}

.subNavArrow {
	position:relative;
	top:-16px;
	height:14px;
	width:20px;
	border:0px solid #000000;
	background-image: url(../images/nav_arrow.gif);
	background-repeat:no-repeat;
}

#menu1 .subNavArrow {
	left:5px;
}

#menu2 .subNavArrow {
	left:5px;
}

#menu3 .subNavArrow {
	left:90px;
}

#menu4 .subNavArrow {
	left:5px;
}

#menu5 .subNavArrow {
	left:5px;
}

#menu6 .subNavArrow {
	left:470px;
}

#menu7 .subNavArrow {
	left:520px;
}

#menu8 .subNavArrow {
	left:580px;
}

#menu8 .subNavArrow {
	left:635px;
}

/* dictates the width and float for all all teaser and navigation columns (for 3+ horizontal columns) */
/* (this style is also present in bottom-nav_layout.css) */
.column {
	position:relative;
	float:left;
	height:auto; 
	width:auto;
	overflow:visible;
	padding-bottom:5px; /* ie cuts off bottom of text in really short containers - add padding to prevent */
	margin-right:20px; 	/* ie doesn't calculate padding the same as firefox, so use margin here instead */
	border:0px #ffffff dashed;	
	
}

/*#container { 
	margin: 0 auto; 
	position: relative; 
	
	
}*/