/* ==|== media queries ======================================================
only screen and min-device-width
   ========================================================================== */
   
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
#container, #colophon{width:98%;backround:#FFF;}

.flexslider {width:98%;}

#secondary-navigation ul li a{padding:15px;}
#tagline {font-size:12px}
#text-sizer img{display:none;}
#audience_bucket {width:225px;}


}


@media  (max-width: 950px) {
	#audience_bucket {width:90%;}
	}
/* large smartphones ----------- */

@media  (max-width: 890px) {
#tagline {
	width:200px;
	margin-top:-20px;
	}
}

@media  (max-width: 850px) {
	#text-sizer img{display:none;}
	#tagline {display:none;}
	#logo img{max-width:100%;padding-top:20px;}
	#bucket {width:70%;}
	#audience_bucket {width:90%;}
	#audience_body_b {padding:10px 5px 30px 5px;}
	#related img {max-width:100%}
}

.divider {
background: url("/images/bg_seperatorMD.gif") center left repeat-x;
/*background-color :black;
background:  center left repeat-x;*/
font-size: 1px;
height: 2px;
padding: 10px;
margin-top: 0px;
clear:both;
}


@media  (max-width: 768px) {
#container, #colophon{width:98%;}


header{padding:10px 0 1px 0;}
header h1{ font-size:16px;}
header h2{ font-size:14px;}

.flexslider {width:98%;}

.sf-menu li.sfHover ul {top:-999em;}
.sf-sub-indicator {	background:none;}


#tagline {display:none;}
#logo, header hgroup{ width:100%;}
#logo img{max-width:100%;padding-top:15px;}
#text-sizer {display:none;}
#utilitynav ul {text-align:right;float:right;}

#utility {
	float:right;
	font-size:12px;
	text-decoration:none;
	margin-top:-100px;
	margin-bottom:15px;
	height:40px;
	}
#bucket {width:90%;}

#main_body{width:100%;border:none !important;}
	
#related {float:none;}

#audience_body_a {
		width:85%;
		-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	margin-right:10px;
		}
#audience_body_b {width:85%;padding:0px 15px;}
#audience_bk {background:#fff;}
}


@media (max-width: 700px) { 
	#utilitynav {font-size:12px;text-align:center;}
	#col1 {width:100%}
	#col2 {width:90%}
	#pagination {font-size:12px;width:100%;}
	#number {width:40%;}
	#number a{padding-right:2px;}
	#selected a:Link{color:#000 !important}
#previous {width:24%;font-size:11px;}
#next {width:18%;text-align:right;font-size:11px;}
	}

/* medium smartphones ----------- */
@media (max-width: 600px) {
#logo, header hgroup{ width:100%;}
#logo img{max-width:100%;padding-top:20px;}

#utnav {display:none;}
#utilitynav {font-size:11px;text-align:center;}
#cerebrum_body_a, 
#cerebrum_body_b {width:88%}
#cerebrum_body_a img {max-width:20%;

}
}
/* Start of Dropdown nav -------------*/
@media (max-width: 540px) {
#topnav {
		-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:#106eb5 url(/images/navdropdown_bk.png);
	margin:40px 10px 10px 10px;
		}
		
#mobileMenu_mobileselect { 
	display:block; 
	width:85%; 
	margin:20px; 
	height:1.6em;
	vertical-align:middle;
	color:#fff;
	background: #6097c2;
	border: none !important;
  font-family:'Cabin', sans-serif;
  padding:0px !important;
	}	
	
#left-no-show {display:none;}	

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 0;
	margin-right: 0;
	width:100%;
}
}



/* medium smartphones ----------- */
@media (max-width: 480px) {
#container, #colophon{width:94%;}

#logo img{max-width:90%;padding:15px 0px;}
header h1{ font-size:16px;}
header h2{ font-size:14px;}


footer .grid_4{ border-bottom:1px dotted #ccc; padding-bottom:10px;}
#utilitynav {font-size:11px;text-align:center;}

#utility input {
	display:none;
	}

}



@media (max-width: 390px) {

.bucket {
	width:220px;
    height:200px;
	}
	
#breadcrumbs {margin-top:-20px;padding-top:10px;font-size:11px;}
.print {margin-top:10px;

}

/* medium smartphones, portrait ----------- */
@media (max-width: 320px) {
#logo img{max-width:90%;padding:15px 0px;}

.bucket {
	width:200px;
    height:200px;
	}
}





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}