/*add-ons to responsive.css 031815*/



#globalNav{
background-color:#eee;
}

#header{
background-color:#003da5;
}

#headerColumnOne {/*logo and site name*/
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

#headerColumnTwo {/*tools and search*/
text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

#emergency{
	background-color: #F00;
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-top:10px;
	padding-bottom:10px;
}

#notification{
background-color: #f26d2c;
width:100%;
padding:0px;
margin:0px;
color:#fff;
padding-top:10px;
padding-bottom:10px;
}

#secondaryNav{
background-color:#eee;
}

#firstBand {
background-color:#eee;
padding:0px;
width:100%;
float:none;
clear:both;
}

#firstBand .section{
	padding-left:10px;
padding-right:10px;
}


#statementOne{
background-color:#eee;
display:none;
}

#statementTwo{
	background-color:#eee;
}

#infoBand{
	background-color:#003da5;
}

#footer{
background-color: #eee;
}

#sideNavigation{

}


/*Begin Page Layout Styles*/
div#mainPageContent.noSidebar div#sideNavigation {
	display: none;
	}

div#mainPageContent.noSidebar {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	}

div#mainPageContent.noSidebar article, div#mainPageContent.noSidebar div.view, div#mainPageContent.noSidebar .view-content-image-grid .view-content {
	width: 100%;
	}
/*End Page Layout Styles*/




@media all and (min-width: 480px) {


#globalNav{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#globalNav .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#header{
text-align:center;
margin-left:auto;
margin-right:auto;
}

#header .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#emergency .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#notification .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}


#secondaryNav{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#secondaryNav .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

/*start content*/

#content {
/*text-align:center;*/
	margin-left:auto;
	margin-right:auto;
max-width:1100px;
}


#firstBand {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#firstBand .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
position:relative;/*needed to become parent div for absolute positioned make a gift button*/
}

#firstBand .section .region{/*override text align center*/
 text-align:left;
}

#longTitle {
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

#longTitle .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}


#audienceNav {
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

#audienceNav .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#statementOne {
text-align:center;
margin-left:auto;
margin-right:auto;
display:block;
}

#statementOne .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;

}

#promotedContent {
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:15px;
}

#promotedContent .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}


#statementTwo {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#statementTwo .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#infoBand{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color: #fff;
	margin-top:15px;
}

#infoBand .section{
max-width:1100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#infoBand .infoBandColumn {
	width: 33.333%;
	}
#infoBand .infoBandColumnOne {
	float: left;
	text-align: left;

	}
#infoBand .infoBandColumnTwo {
	float: left;
	}
#infoBand .infoBandColumnThree {
	float: left;
	}


#infoBand .section {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background-color: #003da5;
}

#infoBand .section>div.infoBandColumn {
  position: relative;
  float: left;
  width: 30%;
}

#infoBand .section .infoBandColumnTwo { left: 5%; }
#infoBand .section .infoBandColumnOne { left: 0%; }
#infoBand .section .infoBandColumnThree { left: 8.5%; }


#infoBand .section:before,
#infoBand .section:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 33.333%;
	background-color: rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
	color: rgba(0, 0, 0, 0.2);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255, 255, 255, 0.6);
	}

#infoBand .section:after {
   left: 66.667%;
   background: #003da5;
}

/*main content and side bar start-------------------------------------------------------- */

div#mainPageContent.noSidebar {/*when there is no sidebar*/
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	}

/*when there is a sidebar*/
 #mainPageContent article, #mainPageContent .view-content   { /*This selector allows us to grab anything in the mainPageContent after the title and side nav*/
	width: 73%;
	/*text-align: left;/*this may be too broad*/
	float: left;
	}

#mainPageContent #sideNavigation {
		float: right;
		width: 25%;
		margin-bottom:20px;
		 /*margin-top:-2090px; Added by LW on 20150619*/
		text-align:left;
	}

/*end #mainPageContent and #sideNavigation*/

#footer{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.region{
margin:0px;
padding:0px;
}
}


@media all and (min-width: 480px) and (max-width: 1024px) {

#globalNav{
padding-right: 10px;
padding-left: 10px;
}

#header{/*header*/
padding-right: 10px;
padding-left: 10px;
}


#secondaryNav{
padding-right: 10px;
padding-left: 10px;
}

#content {
padding-right: 10px;
padding-left: 10px;
}

#mainPageContent article, #mainPageContent .view-content {
width: 98%;
margin-right:2%;
}




#firstBand {
padding-right: 10px;
padding-left: 10px;
}


#audienceNav {
padding-right: 10px;
padding-left: 10px;
}

#statementOne {
padding-right: 10px;
padding-left: 10px;
}


#promotedContent {
padding-right: 10px;
padding-left: 10px;
		}


#statementTwo {
padding-right: 10px;
padding-left: 10px;
		}

#connect {
padding-right: 10px;
padding-left: 10px;
		}

#footer{
padding-right: 10px;
padding-left: 10px;
	}



}