﻿/* Navigation font sizing */
#GlobalNav li a {
	font-size: 1.0em;
}
/* Accees keys */
#GlobalNav em, #click-reveal-nav a em {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
/* Set up iframe for drop nav over form and flash content and select lists
   Need the iframe for drop nav over flash and forms 
   See css .js for mods  */
.iframe-drop-nav {
	display:none;
}
a:hover .iframe-drop-nav {
	display:block;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	background-color:transparent;
	height:auto;
}
.iframe-drop-nav {
	position:absolute;
	width:202px;
	left:0px;
	top:0;
	border:none;
	display:block;
	z-index:0;
}
/* Tabbed horizontal navigation with drop secondary nav  - three levels - basic (no images)
   See /navagation/_skin.css for navagion skin */
#GlobalNav, #GlobalNav ul {
	float: left;
	width: 808px;
	height:39px;
	list-style: none;
	padding: 0;
	margin: 0;
	position:relative;
	z-index: 100;
}
#GlobalNav {
	background-color: #3ebdb0;
}
#GlobalNav.home {
	background-color: #ffffff;
}
#GlobalNav li a {
	display:block;
	font-size: 1.2em;
	white-space:nowrap;
	width:202px;
	height:40px;
	background:url('Images/tabbed-nav-hover.gif') center bottom no-repeat;
	position:relative;
	z-index: 102;
}
#GlobalNav span {
	padding:.5em 14px .5em 0;
	margin:0 0 0 25px;
	display:block;
}
#GlobalNav li a.selected {
	background-position:0% -110px;
}
#GlobalNav li.sfhover a, #GlobalNav li a:hover, #GlobalNav li:hover a {
	background-position:0% -110px;
}
#GlobalNav li.sfhover a span, #GlobalNav li a:hover span, #GlobalNav li:hover a span {
	background-position:100% -300px;
}
#GlobalNav li li a {
	background-image:none;
	white-space:normal;
}
#GlobalNav a {
	display: block;
	width: auto;
	text-decoration: none;
	color:#ffffff;
	background-color:transparent;
}
#GlobalNav li {
	float: left;
	width: auto;
	color:#ffffff;
	font-size: 1.2em;
	font-weight:bold;
	background-color:transparent;
	/* Need border for Opera to behave*/
	border-right:1px solid none;
}
/* MSIE 6 Fix */
* html #GlobalNav li {
	border-right:none !important;
}
#GlobalNav li ul {
	position: absolute;
	padding:8px 0 10px 0;
	margin:-8px -4px 0 -4px;
	left: -999em;
	height: auto;
	width: 210px;
	font-weight: normal;
	float:left;
	color:#666666;
	background-color:transparent;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	z-index:101;
}
#GlobalNav li ul {
	background:url('Images/drop-nav-base.png') bottom left no-repeat;
	padding:8px 1px 10px 1px;
	border-left:none;
	border-right:none;
	border-bottom:none;
	background-color:transparent;
}
/* MSIE 6 Fix */
* html #GlobalNav li ul {
	background:url('Images/drop-nav-base.gif') bottom left no-repeat;
	margin:-8px 0 0 0;
	width: 200px;
}
#GlobalNav li li {
	background:url('Images/tabbed-nav-second-level.gif') center left no-repeat;
	border-bottom:1px dotted #88b9b6;
	border-right:none;
	width: 187px;
	padding:.3em 7px;
	margin:0 4px;
	float:left;
	font-size: 1.0em;
	font-weight:normal;
}
* html #GlobalNav li li {
	margin:0;
}
#GlobalNav li ul a {
	width: auto;
	float:left;
	height:auto;
}
#GlobalNav li ul ul {
	margin: -.65em 0 0 175px;
}
/* MSIE 7 Fix */
*:first-child+html #GlobalNav ul li ul li ul {
	left: 8px;
}
/* MSIE 6 Fix */
* html #GlobalNav ul li.sfhover ul ul {
	margin-left:39px;
}
#GlobalNav li:hover ul ul, #GlobalNav li:hover ul ul ul, #GlobalNav li.sfhover ul ul, #GlobalNav li.sfhover ul ul ul {
	left: -999em;
	visibility:hidden;
}
#GlobalNav li:hover ul, #GlobalNav li li:hover ul, #GlobalNav li li li:hover ul, #GlobalNav li.sfhover ul, #GlobalNav li li.sfhover ul, #GlobalNav li li li.sfhover ul {
	left: auto;
	visibility:visible;
}
#GlobalNav li.selected {
	color:#666666;
	background-color:transparent;
}
#GlobalNav li:hover, #GlobalNav li.sfhover {
	background:url('Images/tabbed-nav-second-level-hover.gif') center left no-repeat;
	color:#666666;
	background-color:#3fbdb1;
}
#GlobalNav li a:hover {
	text-decoration:underline;
}
#GlobalNav li li:link {
}
#GlobalNav li li a {
	padding:0 0 0 17px;
}
 #GlobalNav ul li li:hover, #GlobalNav li li:sfhover {
 background-color:#3fbdb1;
}
/* Footer navigation */
#footer-nav {
	width:998px;
	height:42px;
	background-color:#666666;
	z-index:2000;
	overflow:hidden;
}
#footer-nav ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
}
#footer-nav ul {
	display:inline-block;
	display:inline;
	padding:0 8px 0 4px;
	float:left;
}
#footer-nav li, #footer-nav li a {
	display:inline-block;
	display:inline;
	color:#ffffff;
	text-decoration:none;
	font-size:1em
}
#footer-nav li a {
	margin:1.2em 0;
	padding:0 8px;
	float:left;
	border-left:1px solid #999999;
}
#footer-nav li a:hover {
	text-decoration:underline;
}
#footer-nav li.left a {
	border-left:none;
}
#footer-nav li.right a {
	float:right;
	margin:0;
	width:190px;
	text-align:center;
	
	border-left:1px dotted #999999;
}
/* Horizontal navigation */
#horizontal-nav {
	width:100%;
	height:8em;
	text-align:center;
	z-index:2000;
}
#horizontal-nav ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
}
#horizontal-nav ul {
	display:inline-block;
}
#horizontal-nav ul {
	display:inline;
}
#horizontal-nav li {
	display:inline-block;
	display:inline;
	overflow:visible;
}
#horizontal-nav ul.level1 div {
	position:absolute;
	left:-9999px;
}
#horizontal-nav ul.level1 {
	display:table;
	margin:0 auto;
}
#horizontal-nav ul.level1 li.level1-li {
	float:left;
	width:auto;
	display:block;
	position:relative;
}
#horizontal-nav ul li div ul {
	margin:0;
}
#horizontal-nav a.level1-a {
	display:block;
	color:#666666;
	line-height:25px;
	text-decoration:none;
	padding:0 15px 0 15px;
	text-align:center;
}
#horizontal-nav ul.level1 li.level1-li a.level1-a {
	float:left;
	width:auto;
}
#horizontal-nav ul li:hover div {
	left:50%;
	top:25px;
	height:auto;
}
#horizontal-nav ul li:hover div ul {
	display:block;
	position:relative;
	left:-50%;
}
#horizontal-nav ul li div ul li a {
	height:25px;
	font:normal 11px verdana, arial, sans-serif;
	color:#333333;
	line-height:25px;
	text-decoration:none;
	padding:6px;
}
#horizontal-nav a:hover div {
	left:0;
	top:23px;
}
#horizontal-nav a:hover div ul {
	position:relative;
	left:-50%;
}
#horizontal-nav li a.fly {
	background:transparent url('Images/horizontal-nav-link.gif') no-repeat right center;
}
#horizontal-nav li a:hover, #horizontal-nav li a.fly:hover {
	white-space:nowrap;
	color:#333333;
}
#horizontal-nav li:hover > a, #horizontal-nav ul li:hover > a.fly {
	color:#333333;
}
#horizontal-nav ul li div ul li a:hover {
	color:#000000;
}
#horizontal-nav table {
	position:absolute;
	height:0;
	width:0;
	left:50%;
	border-collapse:collapse;
	margin-top:-4px;
}
/* Bread Crumb navigation */
.bread-crumb-nav {
	padding:7px 0px;
	margin:0;
}
.bread-crumb-nav, .bread-crumb-nav ul {
	list-style:none;
	width:auto;
}
.bread-crumb-nav li {
	display:inline;
	padding:0 14px 0 14px;
	background: url('Images/list-custom-bullet.gif') left center no-repeat;
}
.bread-crumb-nav li a {
	color:#707070;
	background-color:transparent;
	text-decoration:none;
}
.bread-crumb-nav li a:hover {
	color:#707070;
	background-color:transparent;
	text-decoration:underline;
}


