/**********************/
/*Main Navigation*/
/**********************/

#mainNav {width: 960px;  margin: 0 auto; height: 40px; margin-bottom: 10px;}

#mainNav ul {list-style: none; margin: 10px 0 0 0;}
#mainNav li {margin: 0; padding: 0;}

#mainNav li.btn {
	float: left;
	display: inline;
	position: relative;
	padding: 0;
	margin: 0;
}

#mainNav li a.btn {
	display: block;
	height: 40px;
	overflow: visible;
	text-indent: -5000px;
}

/* IE mac hide \*/
#mainNav li a.btn {overflow:hidden;}
/**/

/*home*/
#nav_home {width: 89px;}
#nav_home a,
#nav_home a:link,
#nav_home a:visited {background: url(../images/main_nav.jpg) no-repeat; width: 89px;}

#nav_home a:hover {background-position: 0 -40px;}
#nav_home a:active {background-position: 0 -80px;}

#nav_home a.on,
#nav_home a.on:link,
#nav_home a.on:visited {background-position: 0 -120px;}

/*journey*/
#nav_journey {width: 125px;}
#nav_journey a,
#nav_journey a:link,
#nav_journey a:visited {background: url(../images/main_nav.jpg) no-repeat -89px 0; width: 125px;}

#nav_journey a:hover {background-position: -89px -40px;}
#nav_journey a:active {background-position: -89px -80px;}

#nav_journey a.on,
#nav_journey a.on:link,
#nav_journey a.on:visited {background-position: -89px -120px;}

#nav_journey a.hover,
#nav_journey a.hover:link,
#nav_journey a.hover:visited {background-position: -89px -40px;}


/*options*/
#nav_options {width: 308px;}
#nav_options a,
#nav_options a:link,
#nav_options a:visited {background: url(../images/main_nav.jpg) no-repeat -214px 0; width: 308px;}

#nav_options a:hover {background-position: -214px -40px;}
#nav_options a:active {background-position: -214px -80px;}

#nav_options a.on,
#nav_options a.on:link,
#nav_options a.on:visited {background-position: -214px -120px;}

#nav_options a.hover,
#nav_options a.hover:link,
#nav_options a.hover:visited {background-position: -214px -40px;}

/*resources*/
#nav_resources {width: 112px;}
#nav_resources a,
#nav_resources a:link,
#nav_resources a:visited {background: url(../images/main_nav.jpg) no-repeat -522px 0; width: 112px;}

#nav_resources a:hover {background-position: -522px -40px;}
#nav_resources a:active {background-position: -522px -80px;}

#nav_resources a.on,
#nav_resources a.on:link,
#nav_resources a.on:visited {background-position: -522px -120px;}

#nav_resources a.hover,
#nav_resources a.hover:link,
#nav_resources a.hover:visited {background-position: -522px -40px;}

/*network*/
#nav_network {width: 156px;}
#nav_network a,
#nav_network a:link,
#nav_network a:visited {background: url(../images/main_nav.jpg) no-repeat -634px 0; width: 156px;}

#nav_network a:hover {background-position: -634px -40px;}
#nav_network a:active {background-position: -634px -80px;}

#nav_network a.on,
#nav_network a.on:link,
#nav_network a.on:visited {background-position: -634px -120px;}

#nav_network a.hover,
#nav_network a.hover:link,
#nav_network a.hover:visited {background-position: -634px -40px;}

/*experts*/
#nav_experts {width: 170px;}
#nav_experts a,
#nav_experts a:link,
#nav_experts a:visited {background: url(../images/main_nav.jpg) no-repeat -790px 0; width: 170px;}

#nav_experts a:hover {background-position: -790px -40px;}
#nav_experts a:active {background-position: -790px -80px;}

#nav_experts a.on,
#nav_experts a.on:link,
#nav_experts a.on:visited {background-position: -790px -120px;}


/******************************/
/* styles for drop-down lists */
/******************************/

#nav_journey .secondary a, #nav_journey .secondary a:link, #nav_journey .secondary a:visited, #nav_journey .secondary a:hover,
#nav_options .secondary a, #nav_options .secondary a:link, #nav_options .secondary a:visited, #nav_options .secondary a:hover,
#nav_resources .secondary a, #nav_resources .secondary a:link, #nav_resources .secondary a:visited, #nav_resources .secondary a:hover,
#nav_network .secondary a, #nav_network .secondary a:link, #nav_network .secondary a:visited, #nav_network .secondary a:hover {
	background: none;
	color: #343434;
	width: 100%;
}

#mainNav .secondary {
	position: absolute;
	top: -999em;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 99;
	font-size: 12px;
}

#mainNav li.sfHover a {
	color: #343434;
	text-decoration: none;
}

#mainNav li.sfHover a:hover {
  color: #d31145;
  text-decoration: none;
}

#mainNav li.sfHover .secondary {
	top: 40px;
}

#mainNav .secondary .top {
	height: 10px;
	width: 360px;
	background: url("../images/topnav/top.png") no-repeat;
}

#mainNav .secondary .middle {
	width: 356px;
	background: #e1e1e1;
	border-left: 2px solid #d31145;
	border-right: 2px solid #d31145;
	margin-top: -10px;
}

#mainNav .secondary .bottom,
#mainNav .secondary .bottom_dk {
	height: 8px;
	width: 360px;
	background: url("../images/topnav/bottom.png") no-repeat;
}

#mainNav .secondary .bottom_dk {
	background: url("../images/topnav/bottom_dk.png") no-repeat;
}

#mainNav .secondary li {
	height: 27px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b4b4b4;
	background: #e1e1e1;
}

#mainNav .secondary li.first {border-top: none; height: 22px;}
#mainNav .secondary li.second {border-top: none; border-top: 2px solid #d31145;}
#mainNav .secondary li.last {border-bottom: none;}

#mainNav .secondary a,
#mainNav .secondary a:link,
#mainNav .secondary a:visited {
	display: block;
	padding: 5px;
	height: 15px;
	margin: 0 2px;
	text-decoration: none;
	text-transform: none;
}
	
#mainNav .secondary a:hover {
	color: #0065a4;
	text-decoration: none;
}

#mainNav .secondary li.first a,
#mainNav .secondary li.first a:link,
#mainNav .secondary li.first a:visited,
#mainNav .secondary li.first a:hover {
	border-top: none;
	padding-top: 0;
}

#mainNav .secondary li.tertiary {
	height: auto;
	background-color: #efefef;
	font-size: 11px;
	padding: 0 5px;
}

#mainNav .secondary .tertiary ul {
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

#mainNav .secondary .tertiary li {
	background: none;
	padding: 0;
	margin: 0 5px 5px 5px;
	border: 0;
	height: auto;
	float: left;
	display: inline;
	width: 155px;
}

#mainNav .secondary .tertiary a,
#mainNav .secondary .tertiary a:link,
#mainNav .secondary .tertiary a:visited,
#mainNav .secondary .tertiary a:hover {
	height: auto;
	padding: 0;
	padding-left: 10px;
	background: url("../images/topnav/arrow.gif") no-repeat 0 7px;
}