/* General */
body{ font-size:100%;}
header{  background-color:#01203D; color:#FFF; margin-bottom:0.8em; background-image:url(../img/shared/bg-body.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover;}
header .block{ padding-top:1em;}
#branding{ margin-bottom:0.4em;}
header a{ color:#FFF;}
#content{ padding: 0 1%; position:relative;}


/* Logo and Branding */
header a.mck{ display:block; padding-top:1.4375em; height:0px; width:12.1875em;  overflow:hidden; background-image:url(../img/shared/logo.png); background-repeat:no-repeat; /**/}
header h1{ margin:0; padding:0; font-size:1.875em; line-height:1.8em; line-height:normal; margin-bottom:0.5em;}
header h1 a{ text-decoration:none;  color:#FFF; font-weight:normal; /*position:absolute; top:51px; left:239px;*/ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}
header h1 span{ display:block; line-height:0.8em; padding-top:0.25em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.75em; color:#a7a9ac;}

/* Menu */
header nav{ font-size:0.8125em; clear:both;}
#menu_toggle{ display:block; font-size:1.2em; background-color:#2175BE; color:#FFF; font-weight:bold; padding:0.75em; text-align:center; border-bottom:1px solid #01203D;}
#menu_toggle span{ font-size:1.2em;}
header nav > ul{ display:none;}
header nav ul, header nav ul li{ margin:0; padding:0; list-style:none;}
header nav > ul > li{ position:relative;}
header nav > ul{ background-color:#2175BE;}
header nav > ul > li.active > a{ background-color:#5193CD;}
header nav > ul > li > a{ text-decoration:none; font-weight:bold; display:block; padding:1em; text-align:center; border-bottom:1px solid #01203D; background-image:url(../img/shared/nav-shadow.png); background-repeat:repeat-x; background-position:bottom left;}
header nav > ul > li > a:hover, header nav > ul > li:hover > a{ background-color:#00ADEF;}

	/*Flyout*/
	header nav li .fly{ display:none;}
	header nav li .fly{ padding:8%; display:none; color:#333; background-color:#FFF; border-left:1px solid #999; border-right:1px solid #999; border-bottom:4px solid #00ADEF; }
	header nav li .fly a{ color:#333;}
	header nav li .fly > .half:first-child{ float:left; padding-right:5%; border-right:1px solid #eee;}
	header nav li .fly .half{ width:45%; float:right;}
	header nav li .fly strong.menu_head{color:#EA731F; font-size:0.85em; font-weight:bold; display:block; margin-bottom:1em;}
	header nav li .fly ul{ font-size:0.9em;}
	header nav li .fly ul li{ margin-bottom:0.5em;}
	header nav li .fly p{ font-size:0.9em; font-family:Georgia, "Times New Roman", Times, serif; }
	header nav li .fly a{ color:#0065BD;}

/* Search */
header form#search_form{ display:none; position:relative; /*position:absolute; right:0px; top:48px; margin-bottom:1em;*/}
header form#search_form input{ width:11em; color:#AAAAAA; font-size:0.8em; padding:0; margin:0; padding:0.7em; padding-right:2em;  /*width:135px;*/ background-image:url(../img/shared/search-icon.jpg); background-repeat:no-repeat; background-position: right center; border:0; }

/* Follow */
#follow{ list-style:none; padding:0; margin:0; margin-bottom:1em; font-size:0.8em;}
#follow li{ float:left; margin-right:0.8em;}	
#follow li.mobile{ display:none; }
#follow a{ display:block;  background-repeat:no-repeat; background-position:left center;}
#follow a.twitter{ background-image:url(../img/shared/twitter.png); padding-left:22px; }
#follow a.email{ background-image:url(../img/shared/email.png); padding-left:26px;}

/* Footer */
footer{ font-size:0.75em; margin:5em 0;}
footer ul{ list-style:none; margin:0; padding:0;}
footer a{ text-decoration:none;}
footer nav a{ color:#07017F;}
footer nav{ margin-bottom:1em;}
footer #links a{ color:#494949;}

	footer li{ float:left; margin-right:1em;}
	footer nav{ margin-bottom:0.5em;}
	footer #links{ clear:both; padding-top:0.5em; border-top:2px solid #EBEBEB;}

/* Global */
.block{ width:96%; max-width:960px; margin:0 auto;}

.footnotes{
	color:#666;
	border-top: 1px solid #666;
	
}

.footnotes ol{
	font-size:0.75em;	
}


@media only screen and (min-width: 480px) {
	
	#menu_toggle{ display:none;}
	header nav > ul{ display:block;}
	header nav > ul > li{ float:left; width:20%;}
	header nav > ul > li > a{ border-bottom:0px; border-left:1px solid #01203D;}
	header nav li:first-child a{ border:0;}	
	header nav li .fly{ width:184%; position: absolute; right:-1px; z-index:10;}

	
		#voices_menu{ width:284%; right:inherit; left:0; }
		#voices_menu img{ float:left; margin-right:2%; margin-bottom:8%;}
		#voices_menu .more{ border-top:1px solid #eee; padding-top:0.5em; }
		#expertise_menu{ width:84%;}
		#tools_menu{ width:284%; right:inherit; left:0;}	
	
	
}


@media only screen and (min-width: 480px) {
	#branding{ margin-bottom:1.8em;}
	header .block{ padding-top:3.5em;}
	header a.mck{ float:left; padding-right:1.5em; border-right:1px dotted #8AA0AD;}
	header h1{ float:left; padding-left:0.7em; margin-top:-0.2em; margin-bottom:0;}
	header form#search_form{ display:block; float:right; clear:right;}
	
	#follow{ float:right; margin-top:-3em;}
	#follow li{ margin-right:0; margin-left:0.8em;}
#follow li.mobile{ display:none; }
	
	
}

@media only screen and (min-width: 960px) {
	
}

/* 560px */
@media only screen and (min-width: 35em) {

}

/* 960px */
@media only screen and (min-width: 60em) {

}