/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {}

body {min-width: 320px;  background-color:#f5f5f5; }
.skip {border: medium none;font-size: 0;height: 0;left: 0;overflow: hidden;position: absolute;top: 0;width: 0;}
label {font-weight: normal;}
legend {display: none;}
.white {background-color:#fff;}
iframe {border:none;}

#sitewidea {background-color: #000;border-width: 0 0 1px;color: #fff;font-size: 1.25em;font-weight: bold;margin: 0 0 5px; padding: 0 0 10px;}
/*When there is an outage notice on the website, it will look better if you change the padding & margin for above to  margin: 0 0 5px; padding: 0 0 10px; and then back to 0 when you take outage notice down*/

@media handheld {
	#AZ,#epa_navdropdown, #epa_header #headergraphic,#EPAsearch legend,#topics,#simplethings,#epalogo,#surf  { visibility:hidden; height:0; width:0 } 
	}


/*AZ Links*/
#AZ { width: 50%; padding-left:5px; float:left;display:none; }
#AZ a { color:#fff;  padding:0 1.65px;margin-right:.1em; }
#AZ a:active,a:hover { text-decoration:underline;  }
#AZdropdown { padding-left:5px; float:left; }
#AZdropdown .nav {font-weight: normal;}
#AZdropdown .nav a { padding:0;}
#AZdropdown .navbar-nav { margin:0;}
#AZdropdown .dropdown-menu  a { padding:5px 5px;}


/* mobile and foreign languages at top of screen */
#lang .navbar {float:right !important;}
#epa_navdropdown {display:none}
#langhome {float:right; margin-right:5px;  }
#langhome a {color: #ccc; }
#epa_nav,#epa_navdropdown {font-size: .85em;list-style-type: none; padding:0 0 5px;float:right; }
#epa_nav li,#epa_navdropdown li {border-right:1px solid #999999;}
#epa_nav li a,#epa_navdropdown li a {color: #ccc; padding:0 10px;}
#epa_nav .last,#epa_navdropdown .last {border-right:none;}
#epa_nav .nav,#epa_navdropdown .nav {font-weight:normal;}


@media (min-width: 992px) {
#AZdropdown {display:none; }
#AZ {display:inline !important; }
#epa_navdropdown {display:inline !important; }
#langhome {display:none}
#lang {border: none; padding-right:0; float:right;width:425px;}
}



/*EPA Seal Graphic*/
#seal-small {display:block; height:100%; width:50%; min-width:125px; padding-top:5px;}
#epa_header #headergraphic {display:none;}
#epa_header {background: url(i/header_background.jpg) no-repeat;width: 110%; height: auto; }
@media (min-width: 768px) {
#epa_header {width: auto; height:auto; min-height: 120px; }

}
@media (min-width: 994px) {
#epa_header #headergraphic {display:inline;height: auto;max-width: 100%;margin-top:-60px; }
#epa_header  { background:none !important; width:auto;height: auto;}
#seal-small {display: none}
}



/*EPA Search box*/

#EPAsearch{float:right;margin:5px 0;position: relative;top:0;width: 293px; }
#EPAsearch legend{display:none;}
#EPAsearch ol{list-style:none;margin-left:0}
#searchbutton {background: url(../images/magglass18x13.png) no-repeat;border: 0; height:18px; width:13px; margin-left:-25px; position:relative; top:5px; }
#searchbox {background-color:#9dcdad; border:none; padding:5px 5px; height:auto; font-weight:bold; color:#666;}
@media (min-width: 992px) {	
#EPAsearch{top: 40px;margin:0;}
}


/*navigation bar*/
.navbar {min-height: 0px;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.dropdown-menu > li > a { font-size:0.9167em; text-align:left;}
.nav ul { width: 17em; min-width:100%;}
.nav-tabs {border-bottom:none;}
.nav-tabs > li > a {border-radius: 0;}
 .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav-tabs > li > a:hover { background-color: #CDE6CB;border-color: none;color: #000000;}
 .nav > li > a:hover,.nav > li > a:focus { background-color: #CDE6CB;border-color: none;color: #000000;}
 .nav-tabs > li > a:hover {border-color: #669966;}
 
.nav-tabs.nav-justified > li > a {border-radius: 0;}
.navbar-nav {margin: 0;}
.navbar-nav .open .carousel-caption.dropdown-menu  {position: relative;background-color: #fff;}
.nav-tabs > li {margin-bottom: 2px;}



#MainNav {display:none}

@media (min-width: 768px) {
#MainNav {display:block}
#MainNav li.dropdown:hover > ul.dropdown-menu {display: block;}
#MainNav {padding:0 0 1px; margin:0 auto 0; width:100%; float:left; }
#MainNav li {border-right:none; clear:left;}
#MainNav .last {border-right:none;}
#MainNav li a {font-weight: 500; padding:0 5px;}
#MainNav li li a {background-color: #CDE6CB; padding:5px; height:auto;}
#MainNav li {border-right:1px solid #999999; clear:none;} 
#MainNav li a:hover, #MainNav li li a:hover {background-color: #669966; color:#fff; }
#Menudropdown  {display:none}
}
@media (min-width: 992px) {	
#MainNav {padding:0 0 1px; margin:-10px auto 0; width:750px; float:none; }
}



/*special single banner*/
#singlebanner {display: block;padding: 0;z-index: 1;margin: 0 auto; max-width: 1047px; display:block; position:relative;}
#singlebanner-img {display: none;}
#ES-Live {position: relative;width:auto; height:auto; margin: 20px; }
#livetext {display:block;}
@media (min-width: 383px) {
#singlebanner-img {display: block;padding: 0;margin: 0 auto; max-width: 1047px; position:relative;}
#ES-Live {position: absolute; top:0; right:0; margin:0; }
#livetext {display:none;}
}
@media (min-width: 594px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
#ES-Live {width:613px; height:345px; }
}




/*Banner carousel*/
#myCarousel {display:none;}
.carousel {height: auto;}
.carousel-indicators {top:0;left: 0;list-style: none outside none; margin-left:0; padding-left: 0;position: absolute;text-align: left;width: 35%; z-index: 15;}
.carousel-indicators li {background-color: #fff;border:none;border-radius:0;cursor: pointer;display: inline-block;height: auto;left: 0;  position: absolute;width: 80%;text-indent:0;  opacity: 0.55;  margin:1px 0 0 0; overflow:auto;}
.carousel-indicators .active {height:auto;  width:100%; text-indent:0; border:none; border-radius:0;opacity: 0.85; margin:1px 0 0 0; }
.slide1 {top: 5%;}
.slide2 {top: 20%;}
.slide3 {top: 35%;}
.slide4 {top: 50%;}
.slide5 {top: 65%;}
.carousel-indicators h4 {color:#003333; font-weight:bold; margin:5px 5px;font-size:85%; }
.carousel-inner {z-index: 10;}
.carousel-caption h3 {color:#003333; font-weight:bold; margin:5px 0;font-size:98%;}
.carousel-caption h1 {margin-top:0}
.carousel-caption p {font-weight: bold;font-size:90%; margin:0 0;}
.carousel-caption a { text-decoration:underline;color:#003333;font-size:90%;}
.carousel-caption {left: 35%;padding: 5px 10px;right: 0;background-color: #fff;color: #003333;position: relative;text-align: left;text-shadow: none;z-index: 10;width: 60%;border: none;top: 11px;opacity: 0.85;height: auto;}
#caption3 {min-height: 100px;}
#caption4 {min-height: 150px;}
#caption5 {min-height: 192px;}
#caption6 {min-height: 185px;}
.carousel-inner > .item > img {height: auto;width: auto; display:none;}
.carousel .item {background-color: #14502A; height: 225px;}
.carousel .item .container { padding-left:0; padding-right:0;}

.vertical .carousel-inner {height: 100%;}
.carousel.vertical .item {-webkit-transition: 0.6s ease-in-out top;-moz-transition: 0.6s ease-in-out top;-ms-transition: 0.6s ease-in-out top;-o-transition: 0.6s ease-in-out top;  transition: 0.6s ease-in-out top;}
.carousel.vertical .next {  top: 400px;}
.carousel.vertical .prev {  top: -400px;}
.carousel.vertical .next.left,
.carousel.vertical .prev.right { top: 0;}
.carousel.vertical .active.left { top: -400px;}
.carousel.vertical .active.right {  top: 400px;}
.carousel.vertical .item {    left: 0;}
#surf {display:none;}
#bannervideo1,#bannervideo2,#bannervideo3,#bannervideo4,#bannervideo5 {display:none}

#bannerdropdown li {width:100%; float:left;}
#bannerdropdown a {background:#fff; color:#003333; opacity: 0.55; padding:0 0;}
#bannerdropdown .carousel-caption {top:0;width:100%; left:0}

@media (min-width: 383px) {
#caption4 {min-height: 160px;}
}
@media (min-width: 594px) {
#myCarousel {display:block;padding-left: 0;padding-right: 0; z-index:1}
.carousel-indicators h4 {margin:5px 15px; }
.carousel-inner > .item > img {display:block;}
.carousel-caption {left: 28%;width:34%; top:11px;}
.carousel-indicators { width: 28%;}
#bannerdropdown {display:none}
}
@media (min-width: 992px) {
.carousel-indicators {width: 22%; }
.carousel-indicators li {width: 90%;}
.carousel .item {height: 347px;}
#caption1 p {font-size:16px;}
#caption3 {min-height: 175px;}
#caption4 {min-height: 240px;}
#caption5 {min-height: 303px;}
#caption6 {min-height: 314px;}
.carousel-indicators h4 { font-size: 18px;}
.carousel-caption p, .carousel-caption a {font-size: 18px; margin:0 0 10px; }
.carousel-caption h3 { font-size: 24px;}
.carousel-caption { top:17px;left: 22%;}
#surf {display:block;}
#bannervideo1,#bannervideo2 {display:block;}

}

@media (min-width: 1200px) {
#surf {display:block;}
#surfbox {height:105px}
}




/*FirstRow*/
#FirstRow {height:none;}
@media (min-width: 992px) {
#FirstRow {height:271px;}
}


/*News box*/
#News {padding-left:10px;padding-bottom: 0;height:100%;}
#News ul {padding:0 0 0 10px;}
#News p {margin: 5px 0 0;}
#statepicker, #list { font-size:11px;}
.desktopp,.desktop {display:none;}

@media (min-width: 768px) {
.desktop {display:list-item;}
.desktopp {display:inline;}
.mobile  {display:none;}
}

/*Photo Gallery box*/
#feature {margin-left: 25px;max-width: 250px; }
#photos {width:305px; padding:0; margin:auto; }
#photos p {margin-left:25px;max-width: 250px; }
#feature div p  {margin-left: 0; }
#prev {background:url(i/prev.png) no-repeat;width:20px;height:23px;text-indent:-9999px; float:left;margin-top: 71px;} 
#next {background:url(i/next.png) no-repeat;width:20px;height:23px;text-indent:-9999px; float:right;margin-top: 71px;}
#next a:hover,#prev a:hover {color: #2a6496; text-decoration: none;}
#photos a:focus { outline:none;}
#feature .gallery {list-style-type: none;}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden; }
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative; }
#cboxLoadedContent{overflow:auto}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block}
.cboxIframe{width:100%;height:100%;display:block;border:0}
#cboxOverlay{background:#000}
#cboxContent{margin-top:20px}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{border:5px solid #000;background:#fff}
#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}
#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}
#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(i/colorbox-controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}
#cboxPrevious.hover{background-position:bottom left}
#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(i/colorbox-controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}
#cboxNext.hover{background-position:bottom right}
#cboxLoadingOverlay{background:#000 url(i/loading.gif) no-repeat center center;}
#cboxLoadingGraphic{background:url(i/loading.gif) no-repeat center center}
#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(i/colorbox-controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}
#cboxClose.hover{background-position:bottom center}
.closebox{bottom:10px;left:10px;position:absolute;z-index:10000}

/* EPA Blog box*/
#EPABlog {padding: 5px 0 2px;height:100%; }
#blogheader img {max-width: 322px;}
#EPABlog p {padding: 0 10px;}
#blogheader {background-color: #0075c4; width:100%; margin-top:10px; padding: 0;}
#blogauthor p { padding:0; font-size:80%;}


/* Twitter box*/
#Twitter {margin:auto; max-width:300px;}
a.tweet-box-button {text-decoration: underline !important;}

/* Social Media box*/
#socmed { border:0; width:10%; margin:auto  }
#socmed td { padding:1.5px; }
#socmed a { padding: 0 0 0 5px; }
#govdelivery  {font-size:70%; width:300px;margin: 15px auto 0px; text-align:center;}

#socialmedia {background-color:#cee0f1;margin:auto;}
#socmed2 {list-style-type: none;margin:auto;  padding: 10px 0; text-align:center; }
#socmed2 li {display: inline;margin: 0 1px; }
#socmed2 .last {border-right:none; padding-right:0; vertical-align: middle;}
#govdelivery2 {float:none;padding: 0.75em 0;}
#socmed2 .allsm {display:none;}

@media (min-width: 992px) {
#govdelivery2 {float:right;padding:0;}
#socmed2 { width:90%; }
#socmed2 li {margin: 10px 12px; }
#socmed2 .last {border-right:1px solid #999999; padding-right:5px; }
#socmed2 .allsm {display: inline;}
}

/* Videos box*/
#Vslideshow {margin:0 auto;width:250px;  }
#Videos {padding:0 10px;width:325px;text-align:center; margin:auto; }
#Videos p {margin-left:25px;max-width: 250px; }
#Vslideshow div p  {margin-left: 0; }
#prevV {background:url(i/prev.png) no-repeat;width:20px;height:23px;text-indent:-9999px; float:left;margin-top: 71px;} 
#nextV {background:url(i/next.png) no-repeat;width:20px;height:23px;text-indent:-9999px; float:right;margin-top: 71px;}
#nextV a:hover,#prevV a:hover {color: #2a6496; text-decoration: none;}
#Videos a:focus { outline:none;}



/*topics list*/
#topicshr {color:#ccc; margin:0 -15px;}
.topicshr {color:#ccc; margin:0 -15px;}
#topics {display:none; }
#topics {font-size: .85em;list-style-type: none; margin:auto;  }
#topics li {display: inline;padding: 0 10px; border-right:1px solid #999999;}
#topics .last {border-right:none;}
#topics li a {color: #ccc;font-size: 140%;margin-bottom: 10px; margin-top: 20px;   font-weight: 500; line-height: 1.1;}
.navbar-nav .open .dropdown-menu { position: absolute;}

@media (min-width: 767px) {
#topicsdropdown {display:none; }
#topics {display:block; }
}
@media (min-width: 992px) {
#topics li a {font-size: 18px;}

}
/*simplethings image simplesmall">*/
#simplethings img { width:100%; height:auto; }
#simplecontainter, #simplethings {display:none; padding:0 0; padding-left: 0 !important; padding-right: 0 !important; }
#simplesmall {background-color:#CDE6CB;padding-left:12px; text-align:left; color:#000; }


@media (min-width: 767px) {
#simplesmall {display:none;  }
#simplethings { display:block}
#simplecontainter {display:block;padding-left:0; padding-right:0}
#simpleslide {margin:0 auto; }
#simpleshow {padding:0;width:100%;text-align:right}
#prevS {background:rgba(0, 0, 0, 0) url("http://www.epa.gov/epahome/css/i/prev.png") no-repeat scroll 0 0;
    height:100%;
    left:125px;
    margin-left:0;
    position:absolute;
    text-indent:-9999px;
    top:1160px;
    width:20px;
    z-index:50;
	} 
#nextS {background:url(http://www.epa.gov/epahome/css/i/next.png) no-repeat; height:100%;
    right:125px;
    margin-left:0;
    position:absolute;
    text-indent:-9999px;
    top:1160px;
    width:20px;
    z-index:50;
	}
#nextS a:hover,#prevS a:hover {color:#2a6496; text-decoration:none}
#simpleshow a:focus {outline:none}
#simpleslide, #simpleslide div, #simpleslide div img {max-width:750px;max-height:210px;min-height:210px;}
}

@media (min-width: 992px) {
#simpleslide, #simpleslide div, #simpleslide div img {max-width: 970px; max-height:270px;min-height:270px; }
}

@media (min-width: 1200px) {
#simpleslide, #simpleslide div, #simpleslide div img {max-width: 1047px; max-height:289px;min-height:289px; }
}


/*footer css*/

#footer {background-color:#14502A; padding:0;  }
.footerlinks H3, .footerlinks p, .footerlinks a { color:#fff; text-decoration:none; }
.footerlinks H3 { margin:0px; padding-bottom:10px; font-weight:bold; }
a:hover { text-decoration:underline; }

.footerlinks {float: none;padding: 10px; font-size:9pt; }
#epalogo-small {width:80px; height:24px; position:relative; float:right; margin: 0 20px 30px 0; clear: both;}
#epalogo {display:none; }


@media (min-width: 992px) {

.footerlinks {float: left;  }
#epalogo {width:220px; height:231px;float:right; }
#footer p {margin:0; }
}
@media (min-width: 1200px) {
#footer {background-color:#14502A; padding:0;background:url(i/footerlogo_desktop.jpg) no-repeat;height: 255px !important;max-width: 100%; width:1047px;  }
#epalogo-small {display:none; }

}

div.col-md-4 H3,div.col-md-4 H4 { text-align:center; font-weight:bold }