/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------
	Client:	MESA International
	Author:	Ryan Whillier
	Date:	December, 2009
		
*/


/* ===================================================================================== COMMON ELEMENTS */

.horizNavSeparator { padding: 0px 7px 0px 7px; }


/* ===================================================================================== ACTIONS  */

#actions .printLink,
#actions .rssLink,
#actions .emailLink,
#actions .ShareLink {
	padding: 0 0 0 15px;
}

#actions .printLink img,
#actions .rssLink img,
#actions .emailLink img,
#actions .ShareLink img {
	position: relative;
	padding: 0 3px 0 0;
	top: 3px;
}

#actions a, 
#actions a:active, 
#actions a:visited {
	position: relative;
	height: 16px;
	text-decoration: none;
	color: #737373;
}

#actions a:hover { color: #737373; text-decoration: underline; }

/* ===================================================================================== MAIN NAVIGATION */

#mainNav li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: none;
	list-style: none;
}

#mainNav li a, #mainNav li a:active, #mainNav li a:visited {
	display: block;
	padding: 10px 0px 9px 14px;
	width: 174px;
	/*height:25px;*/
	border-bottom: solid 1px #b6cbe5;
	text-decoration: none;
	color: #32598a;	
	cursor: pointer;
	background-color:#dde6f2;
}

#mainNav li a:hover { background-color: #FFF; }

#mainNav li a.current { 
	background: #fff !important; 
	color: #32598a !important; 
	font-weight: bold; 
}


/* ========== 2nd Level ========== */

#mainNav .level2 a, #mainNav .level2 a:active, #mainNav .level2 a:visited {
	width: 164px;
	padding-left:24px;
	background: #8ea4c1;
	border-bottom: solid 1px #b6cbe5;
	color: #fff;	
}

#mainNav .level2 a:hover { background-color: #FFF; color: #32598a;}

#mainNav .level2 a.current { 
	background: #fff !important; 
	color: #32598a !important; 
	font-weight: bold; 
}


/* ========== 3rd Level ========== */

#mainNav .level3 a, #mainNav .level3 a:active, #mainNav .level3 a:visited {
	width: 154px;
	background: #7488a2;
	padding-left:34px;
	border-bottom: solid 1px #b6cbe5;
	text-decoration: none;
	color: #fff;	
	cursor: pointer;
}

#mainNav .level3 a:hover { background-color: #FFF; color: #32598a;}

#mainNav .level3 a.current { 
	background: #fff !important; 
	color: #32598a !important; 
	font-weight: bold; 
}

/* ========== 4th Level ========== */

#mainNav .level4 a, #mainNav .level4 a:active, #mainNav .level4 a:visited {
	width: 144px;
	background: #596c86;
	padding-left:44px;
	border-bottom: solid 1px #b6cbe5;
	text-decoration: none;
	color: #fff;	
	cursor: pointer;
}

#mainNav .level4 a:hover { background-color: #FFF; color: #32598a;}

#mainNav .level4 a.current { 
	background: #fff !important; 
	color: #32598a !important; 
	font-weight: bold; 
}





/* ===================================================================================== FOOTER NAVIGATION */

#footerNav a, #footerNav a:active, #footerNav a:visited {
	color: #fff;
	text-decoration: none;
}

#footerNav a:hover { text-decoration: underline; }