<style type="text/css"> 

/* for 1280px or less */
@media screen and (max-width: 1280px) {
  
  #pagewrap {
    width: 99%;
  }
  
  #sidebar {
    width: 30%;
  }
 
   #content {
    padding: 5px 12px 16px 12px;
    background: #ffffff;
} 

}
 
/* for 960px or less */
@media screen and (max-width: 960px) {
 
  #content {
    width: auto;
    float: none;
  }
#sidebar {
  width: auto;
  float: none;
  }

.initiatives .block {
  padding:0.3em 1em;
  background-color:white;
  display:inline-block;
  width:17em;
  margin-left:1em;
  float:left;
  min-height:13em;
  vertical-align:top;
  }
  
    

#servicesNav{margin-right:10px  }
#leadStories{margin-right:10px  }
  
  #contentblock
  {
  padding-top: 10px;
  }
  
#mapimg {
      display:inline;
      width:90%;
      float:right;
      padding:1em 2em 2em 4em;
      margin-left:2em;
    }
      
.sectiondiv {
    width:90%;
    float:left;
    padding:2em;    
  }
  
.sectiondivfull {
    display:block;
    width:90%;
    padding:2em;    
  }



}


/* for 768px or less */
@media screen and (max-width: 768px) {

div.wrap {width:99% !important;}

/*div#headerh div#slide-holder div#slide-controls {width:70% !important;}
div#headerh div#slide-holder div#slide-runner {
width: 101.8%;height: 140px;
}


div#headerh div#slide-holder {width:95%;height: 6em;
}
div#headerh div.wrap {
  height: 140px;
  }

*/

.btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
  display:none;}

  #page {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 99%;
}
  #mainNav {font-size: 0.9em;
  width:97.5%;
  padding-right:5px;}


 #contentColumn {
    float: right;
    display: inline;
    width: 68%;
    overflow: hidden;
    margin-left: 16px;
    margin-top: 12px;
margin-bottom:1px;

   
} 
 .bannerpic 
{
    width: 99%;
}

#metaNav {
float: right;
/*margin: -80px 5px 0px 5px;*/
}

.searchInput {visibility:hidden;}

.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#fff;
}

#content {
  padding: 0px 5px 10px 20px;
  margin-left:-19px;
    
}
#leadStories
{
    clear: both;
    background: #ffffff;
    /*border-bottom: 5px solid #eee;*/
  /*border-left: 0px solid #eee;*/
  /*border-right: 1px solid #eee;*/
  width:99%;
}

#navColumn {
    padding: 0px 1px 16px 7px;
    width: 26%; 
    overflow: hidden;
    margin-left: 6px;
    margin-top: 5px;
    float: left;
  font-size: 0.9em;
} 
  
img {
     max-width: 100%; 
}
.right {float:right;margin-right: 2px;}

#content h2 {font-size:.99em;}


#contentColumn.left {
    display: inline;
    width: 70%;
    overflow: hidden;
    margin-left:6px;
    margin-top:5px;
}
#content .columnLeftFull {
    float: left;
    display: inline;
    width: 100%;
    background: #ffffff;
    /*border: 8px solid #ffffff; */
    margin-top:7px ;
    margin-bottom:10px;

}
#content .columnRightFull,
#content .columnRightHalf {
    float: left;
    display: inline;
    width: 95%;
    background: #ffffff;
    border: 8px solid #ffffff;
   }
 
 
#content .more
{
  margin-right:10px;
} 

#header, #breadcrumb {
    width:99%
  }
#footer {
    clear: both;
    padding: 0px 0px 0px 0px;
    /*margin-top: 5px;*/
    margin-top: -95px;

    width: 100%;
    overflow: hidden;
    /*height: 100%;*/
}
#footerLogo {
    float: left;
    display: inline;
    padding: 30px 10px 0px 20px;
    width: 120px;
}

#TSfooterLogo {
    float: right;
    display: inline;
    margin-top: 20px ;
    width: 270px;
}


#goaLinks,
#siteLinks {
    width: 100%;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#goaLinks li,
#siteLinks li {
    float: right;    
    display: inline;
    padding: 0px 5px 0px 5px;
    list-style-type: none;
}

#searchForm {
    float: right;
    padding: 90px 20px 2px 10px;
    overflow: hidden;
    text-align: right;
  margin-top:-130px;

}
#servicesNav{clear: both;
    background: #fff;
    width:99%;

  }



#SecondaryStories{
  background: #f1f2f2;
  border-left:0px solid #ffffff; 
  clear: both;
}

.nonfirst
{
  display:none;
}


#slider {
   border: 10px solid #FFFFFF;
    clear: both;
    /*height: 150px;
    margin: 0 auto 20px;*/
        margin-bottom: 2px;
    overflow: visible;
    position: relative;
    width: 100%;
   
}
 #slider .slider-background{
  width:99%;
  height:150px;
  margin:0 auto;
}

#headlines  {
  background: #fff;
  width: 95%;
  padding: 10px;
  height:40px;
  margin-top:15px;
}

#headlines .ticker {
  height:18px;
  width: 99%;
  display: inline-block;
  padding: 1px 0 0 1px;
  z-index:9999;
}

#headlines p {
  width: auto;
  display: inline;
  position: absolute;
  right: 10px;
  text-align: right;

  }
.initiatives, .initiatives2  {
  float:left;
      width: 100%;
    margin: 0 0 0 0;
}



.initiatives .block {
  display:block;
  float:left;
    width: 94% !important;
    margin:10px 0px 10px 0px;
  padding-bottom: 10px;

}

  .initiatives .block:first-child
  {
  margin-left:0em;
  }
  
#spacer
{

   line-height:0.75em;
}
  
 .notice  {
  width: 92%;
  padding: 10px;
  height:40px;
  text-align:left;
}



.notice p {
  width: 95%;
  display: inline;
  position: absolute;

  }
.callout  {
  width:80%;
  padding-left: 0px;
  float:left;
  }
.callout-left  {
  width:80%;
  padding-right: 0px;
  float:left;
}

.highlights {
  float:left;
  padding-left: 10px;

}

.initiatives .block ,.initiatives2 .block2 , .initiatives .block, .initiatives2 .block
{
  margin-left:0px !important;
  width:100% !important;
  padding:10px 14px 0px 10px;
}

  
.initiatives2 .block
{ 
  margin-top: 20px;
}
  
#page
{
  width:99% !important;
  margin:0px;
  padding:0px;
}

.contentblock
{
  padding-top: 10px;
}

select
  {width:85%}
  
 

}

/**** for 480px or less ****/

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

#contentColumn
{
  padding: 0px 0px 0px 0px;
  width:95%;
  margin:0px 0px 0px 10px;
}

 
#content
{
  padding: 0px 10px 0px 10px;
  /*width:100%;*/
  margin:20px 0px 0px 0px;
}

div.wrap {width:99% !important;
display:none;}

.rslides_container {display:none;}

.btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
  display:none;}


/*div#headerh div#slide-holder div#slide-controls {width:99% !important;}
div#headerh div#slide-holder div#slide-runner {
width: 98%;height: 3em;}
  img {max-width: 100%; }

div#headerh div#slide-holder {width:95%;height: 3em;
}
div#headerh div.wrap {
  height: 3em;
  }
*/
body, #pageWrap {

    /*background: none;*/
    /*width:320px;*/
    width:100%; 
}
 
 
  #header {
    height: auto;
    width:95%;
    margin: 0px 8px 0px 6px;
  }
  h1 {
    font-size: .95em;
  }
   #breadcrumb,  #slider, #textResizer {
    display: none;
  }
  
#mainNav 
{
    font-size: 0.8em;
    margin: 0px 10px 10px 10px;    
    /*width:300px;*/
    width:95.5%;
    padding-right:0px;
}

.tinynav { display: block }
#nav { display: none }

  
 #page {
    margin: 40px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 99%;
  background-color:#efefef;
}
 
#searchForm {display:none;}

#logo { width:95%; margin-top:0px; }

#logo img { margin: 0 auto 5px auto;}

/*img {width:98%;}*/

#eaeLogo
{
  border-right: none;
  width:200px;
  display: block;
   padding-left: 0px;
}

#TSLogoText
{
   width:125px;
    display: block;
     padding-left: 0px;
}

#header {/*background-color:#454a4f*/}

#metaNav{/*padding: 14px 0px 12px 5px; width:150px; margin-left:500px;*/ display:none;}

#leadStories p 
{ 
   font-size:13px;
   color:#000000;
   line-height:16px;
   padding-right: 0px;
   padding-left:0px;
   margin-left:12px;
   margin-right:2px;
}

#content h1
{
   font-size:17px;
   font-weight:bold;
   color:#1b88b0;
   line-height: 19px;
}

#content h3
{
  font-size: 14px;
  /*color:#135698;*/
  color: #000000;
  line-height: 17px;
  padding-left: 0px;
  margin-left:12px;
}

 #content h2, .block h2, .block2 h2 
{
   font-size:15px; 
   color:#135698;
   line-height:17px; 
   /*padding-left:0px;*/ 
   padding-top:10px; 
   /*margin-left:12px;*/
}

#content .block h2, #content .block2 h2
{
   padding-left:0px; 
   margin-left:12px;

}


#sidebar {
  background: #f0efef;
}
#header, #content {
  margin-bottom: 5px;  
}

#slides{
  width:95%;
          margin-left:-2px;
}

.nonfirst
{
  display:none;
}

/*#contentColumn {
    float: none;
    padding: 0px 2px 1px 2px;
    width: 95%;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom:1px;
} */

#navColumn {
    float: none;
    width:95%;
    padding: 0px 1px 0px 1px;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 0px;
} 

#navColumn .banner h3, .navContent 
{
  padding-left:12px;
  margin-left:2px;
}

#head s  {
  background: #fff;
  width: 95%;
  padding: 10px;

}

  #slides li.slide img
  {
    max-width: 96%;
  }


#headlines
{
  height:42px !important;
  width: 90%;
  padding-left:12px;
  padding-right:12px;
  margin-left:10px;
  margin-right:0px;
  margin-top:0px;
}

#headlines .ticker {
  height:30px !important;
  width: 100%;
  display: inline-block;
  padding: 2px 0 0 1px;
  z-index:9999;
  line-height:0.9em;
}

#headlines ul,
#headlines ul li {
  font-size: .75em;
  width: 100%;
}

#headlines p {
  width: auto;
  display: inline;
  position: absolute;
  right: 10px;
  text-align: right;
}


#headlines .ticker li {
  height:35px;
  font-size:11px;
   color: #414042;
   line-height:14px;
  }

#headlines h1
{
   font-size:11px;
   color: #414042;
}

.callout  {
width:95%;
margin:10px;
}
.callout-left  {
width:95%;
margin:10px;
}

#homeFeatureHeader {
    margin: 5px;
    width: 0px;
    height: 0px;
    overflow: hidden;
  visibility:hidden;
}

#content h1 {
  /*margin: 0px 0px -10px 0px;*/
  margin: 0px 8px 10px 12px;
  padding-left:0px;

}

/*#content {
  padding: 0px 6px 10px 24px;
}*/

#contentColumn.left, #contentColumn.right {
    display: inline;
    width: 100%;
    overflow: hidden;
    /*margin-left:-2px;*/
   margin: 0px 0px 0px 0px;
}

#content .columnLeft, #content .columnLeftFull,
#content .columnLeftHalf, #leadStories{
    width: 100%;
    background: #ffffff;
    border: 0px solid #efefef;
    margin: -5px 0px 20px 0px;
}
#content .columnRight,#content .columnRightFull,
#content .columnRightHalf {

    display: inline;
    width: 95%;
    background: #ffffff;
    border: 8px solid #ffffff;
    margin:5px ;}
  
#servicesNav
{
    width: 95%;
    background: #ffffff;
    /*border: 8px solid #ffffff;
    margin: 5px;*/
}  


.initiatives {margin: 0px 0 -20px 0;
width: 100%;}

.initiatives .block {
   margin: -10px 0px 20px 0px;
}

.initiatives2 .block {
margin-top: 10px;}

.initiatives2 {margin: 10px 0px 10px 0px;
width: 100%;}


.initiatives .block ,.initiatives2 .block2 , .initiatives .block, .initiatives2 .block
{
    margin-left:0px !important;
    padding-left:0px;
    padding-right:0px;
    width:100% !important;
}

#content .featureimage
{
  padding-left:12px;
  padding-right:12px;
  
}



.contentblock
{
  padding-top: 10px;
  font-size:13px;
  color:#000000;
  line-height:16px;
}

#content .contentblock
{  
  padding-right: 12px;
  padding-left: 12px;


}
.more
{
  font-size:13px;
  color: #135698;
  line-height: 16px;
  margin-right:12px;
}
.highlights {
  float:left;

}

#spacer
{
  line-height:0.1em;
}

#footer{padding-left:12px; padding-top:0px;}
select
{width:100%;
height:30px;
font-size:1.3em;
}

#footer {
    clear: both;
    padding: 0px 0px 0px 0px;
    /*margin-top: 5px;*/
    margin-top: -95px;

    width: 100%;
    overflow: hidden;
    /*height: 100%;*/
}

#footercontent {
    width: 100%;
}


#footerLogo {
    display: block;
    padding: 10px 0px 5px 0px;
    width: 100%;
}

#footerLogo img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}
#TSfooterLogo {
    display:none;
}

#copyright{
   float:none;   
   display:block;
   width:100%;
   padding: 0 0 0 0;
    margin-left: auto;
    margin-right: auto;
    text-align:center;

}

#copyrightMoreInfo
{
   display:none;
}


}


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

#mainNav {
  width:93.5%;

}



#headlines{
   width: 85%;
}

#navColumn {
  width:92%;

}


}
</style>












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
