/* Global site navigation styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Navigation */
header div#navWrap {clear:both; display:block; margin:2.5em auto 0 auto; position:relative;}
header div#navWrap nav#mainNav {padding:0; margin:0; position:relative; }
header div#navWrap nav#mainNav::after {content:''; display:block; clear:both;}
header div#navWrap nav#mainNav ul{margin:0; padding:0; display:block; position:relative; bottom:4px; }
header div#navWrap nav#mainNav ul li{list-style:none; float:left; margin:0; padding:0; border-right:1px solid rgba(255,255,255,0.3); }
header div#navWrap nav#mainNav ul li:last-of-type {border-right:0px solid #fff;}
header div#navWrap nav#mainNav ul li a {text-decoration:none;  color:#fff; font-weight:600; text-transform:uppercase; display:block;}
header div#navWrap nav#mainNav ul li a:hover {background-color:#3366ff; color:#fff; }
header div#navWrap nav#mainNav ul li a:visited{color:#fff;}
header div#navWrap nav#mainNav h2 {display:none;}
header div#navWrap a.siteSearch {position:absolute; bottom:6px; right:8px;}
header div#navWrap a.siteSearch img {width:30px;}


/* phone-only styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media only screen and (max-width:599px) {

header div#navWrap {width:100%; margin:.5em auto 0 auto;}
header div#navWrap nav#mainNav ul{width:100%; }

header div#navWrap nav#mainNav ul.simple-toggle { display: none; }
header div#navWrap nav#mainNav a.anchor-link {display:block; float:left; border:none; padding:10px; width:46px;}
header div#navWrap nav#mainNav a.anchor-link div {width: 85%; height: 3px; background-color:#fff; margin: 7px auto; } /* menu icon 3 lines */
header div#navWrap nav#mainNav ul.open { 
	display: block; list-style: none outside none; 
	margin: 0; padding: 0;	position: absolute; left: 0; top: 100%; width: 100%; z-index: 10000000; 
}
header div#navWrap nav#mainNav ul.open li { display: block; float:none; list-style: none; width:100%; margin:0; padding:0; box-shadow:none; }
header div#navWrap nav#mainNav ul.open li a { display: block; padding: 14px 1px 14px 16px; margin:0; 
	text-decoration: none; font-size:11px; background-color:#3366ff; color:#fff;  
	}
header div#navWrap nav#mainNav ul.open li a:hover { background-color:#ffb81c;}	


}



/* tablet-portrait-up styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media only screen and (min-width:600px) {

/*
header div#navWrap nav#mainNav ul li a {font-size:.8em; padding:.5em 16px; }
*/

header div#navWrap {width:82%; margin:.5em auto 0 auto;}
header div#navWrap nav#mainNav ul{width:100%; }

header div#navWrap nav#mainNav ul.simple-toggle { display: none; }
header div#navWrap nav#mainNav a.anchor-link {display:block; float:left; border:none; padding:10px 0; width:46px;}
header div#navWrap nav#mainNav a.anchor-link div {width: 85%; height: 3px; background-color:#fff; margin: 7px auto; } /* menu icon 3 lines */
header div#navWrap nav#mainNav ul.open { 
	display: block; list-style: none outside none; 
	margin: 0; padding: 0;	position: absolute; left: 0; top: 100%; width: 100%; z-index: 10000000; 
}
header div#navWrap nav#mainNav ul.open li { display: block; float:none; list-style: none; width:100%; margin:0; padding:0; box-shadow:none; }
header div#navWrap nav#mainNav ul.open li a { display: block; padding: 14px 0px 14px 16px; margin:0; 
	text-decoration: none; font-size:11px; background-color:#3366ff; color:#fff;  
	}
header div#navWrap nav#mainNav ul.open li a:hover { background-color:#ffb81c;}	

	
}



/* tablet-landscape-up styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media only screen and (min-width:900px) {

/*
header div#navWrap nav#mainNav ul li a {font-size:.68em; padding:.5em 8px; }
*/

header div#navWrap {width:72%;}
header div#navWrap nav#mainNav ul.open {width:55%;}
header div#navWrap nav#mainNav ul.open li a {font-size:14px;}

}



/* Desktop-up styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media only screen and (min-width:1200px) {
	
header div#navWrap {width:960px;}
header div#navWrap {margin:2.5em auto 0 auto;}
header div#navWrap nav#mainNav { }
header div#navWrap nav#mainNav {margin:0;}
header div#navWrap nav#mainNav ul.simple-toggle { display: block; }
header div#navWrap nav#mainNav a.anchor-link {display:none;}
header div#navWrap nav#mainNav ul li a {font-size:.8em; padding:.55em 8px; }

}