@charset "UTF-8";
/* CSS Document */

/*CURRENT MOST USED SCREEN RESOLUTION (1280x800) as of 7/9/13*/

@media screen and (min-width: 1024px)
{

.rightcolumn {
	width: 18%;
	}
	
/*Adjusts caption into feature photo. Need to repeat this value on anything positioned below to make up for negative*/
.flexslider .slides div {
	top: -9em; 
	width: 65%;
	}
	
.flex-control-nav {
	bottom: 195px;
	right: 35%;
	}
	
	}


@media screen and (min-width: 1024px) and (max-width: 1260px) 
{
	
.rightcolumn {
	width: 20%;
	}
	
.rightcolumn h1 {
	font-size: .75em;
	}	
	
	}

@media screen and (max-width: 1024px)
{

#page {
	width: 100%;
	}
	
.subnav { /* centers and sets width for audience and utility nav */
	font-size: .6875em;
	}
	
.subnav .audiencenav { /*groups audience nav links together and floats them to the left */
	width: 48%;
	}
	
.subnav .audiencenav li {
	width: 25%;
	text-align: center;
	}
		
.logo {
	width: 50%;
	}
	
.tagline {
/*	width: 40%; */
	}	

.premierheader {
	width: 40%;
	}

.premierleftnav {
	width: 95%;}

.imagecontainer {
	float: none;
	position: relative;
	margin-bottom: 0;
	}

.caption {
	position: relative;
	max-width: 525px;
	}

.flexslider {
	width: 100%;
	 }
	
.rightcolumn {
	width: 100%;
	height: auto;
	opacity:1.0;
	filter:alpha(opacity=100);
	position: relative;
	top: -5.75em;
	right: auto;
	background: #fff;
	}
	
.profile {
		}
	
.profile img {
	float: right;
	max-height: 7em;
	width: auto;
	padding: 0.5em 0 0.5em 0.5em;}

.footerimages {
	width: 50%;
	}
	
	.geomapwrap2, .geomapwrap1 {
	display: block;
	float: none;
	}
		
	.geomapfeature {
	text-align: left;
}	
	
	
}



@media screen and (max-width: 767px) 
{

#mobileleftnav,
#mobileleftnav .mobileinnernav,
#mobileleftnav .mobilenestednav,
#mobileleftnav .mobilenestednav2,
#mobileleftnav .menubutton, 
#mobileleftnav #menucontrol,
#mobileleftnav .mobileleftlist, 
#mobileleftnav .mobileleftlist h1 {
	visibility: visible; 
	height: auto;
}

#leftcolumn {
	visibility: hidden;
	height: 0;}

#subnavbanner {
	height: auto;
	}

.subnav { /* centers and sets width for audience and utility nav */
	width: 99%;
	height: auto;
	}

#brandingbanner {
	clear: both;
	height: auto;
	padding: 1em 0;
	}
	
.logo {
	text-align: center;
	margin: .5em auto;
	width: 100%;
	float: none;
	}
	
.tagline {
	margin: 1em auto;
	float: none;
	width: auto;
	padding: 0;
	text-align: center;
	}

.premierheader {
	margin: 1em auto;
	float: none;
	width: auto;
	padding: 0;
	text-align: center;
	}
	
.rightcolumn {
	top: -5.75em;
	}

.main {
	width: 98%;
	float: none;
	margin: 3% auto;
	}
	
.bodyimage {
	margin: 0 0 3% 0;}

	
.text {
	margin: 0 auto;
	}

.L2 {
	padding-left: 0;
	}
	
.text h1 {
	padding-bottom: 0;
	}
	
.text h2 {
/*	padding-top: 1.625em;  */
	padding-top: .5em;
	}
	
.contentfeature {
	width: 98%; 
	margin: 3% auto;
	}
	
	}

@media screen and (min-width: 768px) {
	
#mobileleftnav,
#mobileleftnav .mobileinnernav,
#mobileleftnav .mobilenestednav,
#mobileleftnav .mobilenestednav2,
#mobileleftnav .menubutton, 
#mobileleftnav #menucontrol,
#mobileleftnav .mobileleftlist, 
#mobileleftnav .mobileleftlist h1  {
	visibility: hidden; 
	height: 0;
	margin: 0;
	padding: 0;
}
}

@media screen and (min-width: 569px) {
	
#mobilenav,	
#mobilenav .menubutton, 
#mobilenav #menucontrol,					
#mobilenav .mobilesearch, 
#mobilenav .mobileaudiencenav, 
#mobilenav .mobilemainnav {
	visibility: hidden; 
	height: 0;
	margin: 0;
	padding: 0;
	}
	}

@media screen and (max-width: 568px) 
{

/* HIDE ALL THE REGULAR NAV */	
#mainnavbanner, 
.mainnav, 
.mainnav ul, 
.mainnav li,
#subnavbanner, 
#subnavbanner .subnav, 
#subnavbanner .audiencenav, 
#subnavbanner .search, 
#subnavbanner form, 
#subnavbanner .utilitynav, 
#subnavbanner .clearfix, 
#subnavbanner form,
.premierleftnav, 
.premierrightcol,
.snipcontent,
.snipcontent iframe,
.linklistwidget,
.profilewidget, 
.twitter-timeline,
.rightsnipplet,
.rightsnipplet iframe, 
#twitter-widget-0 {
	visibility: hidden;
	height: 0;
	padding: 0;
	margin: 0;
	}
	
#twitter-widget-0 {
	display: none;
	}


/*SHOW ALL THE MOBILE NAV*/
#mobilenav,						
#mobilenav .mobilesearch, 
#mobilenav .mobileaudiencenav, 
#mobilenav .mobilemainnav,
#mobileleftnav,
#mobileleftnav .mobileinnernav,
#mobileleftnav .mobilenestednav,
#mobileleftnav .mobilenestednav2,
#mobileleftnav .menubutton, 
#mobileleftnav #menucontrol,
#mobileleftnav .mobileleftlist, 
#mobileleftnav .mobileleftlist h1 {
	visibility: visible; 
	height: auto;
}
	
#brandingbanner {
	width: 100%;
	}
	 
.logo {
	float: none;
	margin: 1em auto;
	width: 80%;
	}
	
.tagline {
	margin: 1em auto .5em auto;
	float: none;
	width: auto;
	padding: 0;
	text-align: center;
	}

.premierheader {
	margin: 1em auto .5em auto;
	float: none;
	width: auto;
	padding: 0;
	text-align: center;
	}

.rightcolumn {
	top: -0.75em;
	}

.premier {
/*	padding: 1em 5.185185185185%; 
	font:oblique .75em "Palatino Linotype", "Book Antiqua", Palatino, serif; */
	}

.flexslider .slides div {
	top: 0em; /*Adjusts caption into feature photo. Need to repeat this value on anything positioned below to make up for negative*/
	opacity:0.8;
	filter:alpha(opacity=80);  /*For IE8 and earlier*/ 
	}
	
.flex-control-nav {
	bottom: 70px;
	}
	
.bodyimage {
	max-width: 100%;
	width: auto;
	height: auto;
	float: none;
	margin-bottom: 3%;
	}
	
/*.caption {
	max-width: 525px;}*/
	
#footerhome {
	margin-top: 0em;
}
	
.footerimages {
	width: 80%;
	}


}