/* ~~ Element/tag selectors ~~ */
ul.greenSquare li {
	list-style-image: url(https://www.environment.fhwa.dot.gov/env_initiatives/eco-logical/Graphics/greensquare.png);
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 830px;
	background-color: #ffffff;
	margin: 0 auto;
}
.container h2 {font-size: 18px; color: #000000; font-family:Verdana , Arial, Helvetica, sans-serif;}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */

/* ~~ These are the columns for the layout. ~~ */
.sidebar1 {
	float: left;
	width: 130px;
	background-color: #fff;
	padding-bottom: 10px;
}

/* ~~ The footer ~~ */
footer {
	padding: 10px 0;
	background-color: #314d70;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}
.icontext {color: #55a640; font-size: 11px; text-align: center; margin-top: 0px; font-weight: bold; line-height: 100%;}
.icontextblue {color: #0c3b78; font-size: 10px; text-align: center; margin-top: 0px; font-weight: bold; line-height: 100%;}

.head {
	background: url(https://www.environment.fhwa.dot.gov/env_initiatives/eco-logical/Graphics/C06_WEBSITE_Graphic-08.png);
	z-index: 1;
	background-position: left;
	width: 840px;
	height: 43px;
}
.centeredImage
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.ecoNav {width: 821px; padding: 0; border-spacing: 0; border-collapse: collapse;}
.ecoNavItem {width: 77px; vertical-align: top; text-align: center;}

.iea {float: left; width: 460px; padding: 10px 0;}
.iea p {font-size: 14px; font-family: 'Gill Sans MT', 'Gill Sans', 'Myriad Pro', 'DejaVu Sans Condensed'}
#pageContents div.iea em {font-size: 12px;}
.iea ul, .iea ol {padding: 0 10px 15px 40px;}
.ieaMainRight {float: right; width: 305px; padding: 5px 0 5px 0; margin: 10px 0 0 15px; line-height: 16px;}
.ieaMainRight p {font-family: 'Gill Sans MT', 'Gill Sans', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; margin-top: 8px; margin-bottom: 0px;}
.ieaMainRight strong, .ieaMainRight a {font-family: 'Gill Sans MT', 'Gill Sans', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;}
#pageContents div.ieaMainRight em {font-size: 12px;}
.ieaRightColumn {float: right; width: 210px; padding: 15px 0 0 0;}
.ieaRightColumn p {font-size: 11px;}
.ieaRightColumn img {margin: 0 0 0 5px;}
.ieaRightColumn h4 {color: #000000;}
.ieaContent {width: 590px; float: left; margin: 0 auto; padding: 10px 0; }
.ieaContentFull {width: 790px; padding: 10px 0;}
.ieaContentFull h1 {font-size: 20px;}
.ieaContentFull h2 {font-size: 18px;}
.ieaContent h3, .ieaContentFull h3 {font-size: 17px; font-weight: bold; color: #fff; background-color: #55a640; margin: 0 0 15px 0; padding: 3px 0 3px 15px;}
.ieaContent h3.nonGreen, .ieaContentFull h3.nonGreen {font-size: 17px; font-weight: bold; color: #000; background-color: #fff; margin: 0 0 15px 0; padding: 0;}
.ieaContent h4, .ieaContentFull h4 {font-size: 16px; font-weight: bold; color: #55a640; margin: 15px 0 5px 0;}
.ieaContent h4.paddingtop_zero, .ieaContentFull h4.paddingtop_zero {padding-top: 0;}
.ieaContent h4.margintop_zero, .ieaContentFull h4.margintop_zero {margin-top: 0;}
.ieaContentFull h4.marginbottom_15px {margin-bottom: 15px;}
.ieaContent h4.marginleft_12px, .ieaContentFull h4.marginleft_12px {margin-left: 12px;}
.ieaContentFull h5 {font-size: 15px; font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0;}
.ieaContentFull h5.marginbottom_5px {margin-bottom: 5px;}
.ieaContentFull h6 {font-size: 13px; font-weight: bold; margin: 5px 0 5px 0; padding: 0 0 0 0; color: #55a640; font-style: normal;}
.ieaContent div.bluebox h4, .ieaContentFull div.bluebox h4 {color: #000;}
.planworks p {font-family: 'Gill Sans MT', 'Gill Sans', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 17px;}

.ieaContent ul, .ieaContent ol, .ieaContentFull ul, .ieaContentFull ol {margin: 0 5px 8px 40px; padding: 0;}
.ieaContent ul.margintop_20px, .ieaContent ol.margintop_20px, .ieaContentFull ul.margintop_20px, .ieaContentFull ol.margintop_20px {margin-top: 20px;}
.ieaContent ul li ul, .ieaContent ol, .ieaContentFull ul li ul, .ieaContentFull ol {margin: 0 5px 8px 40px; padding: 0;}
.ieaContent ul li ul, .ieaContent ol li ul, .ieaContentFull ul li ul, .ieaContentFull ol li ul, .ieaContent ul li ol, .ieaContent ol li ol, .ieaContentFull ul li ol, .ieaContentFull ol li ol {margin-top: 7px;}
.ieaContent div.bluebox ul, .ieaContent div.bluebox ol, .ieaContentFull div.bluebox ul, .ieaContentFull div.bluebox ol {margin-left: 25px;}
.ieaContent div.ltgreenbox ul, .ieaContent div.ltgreenbox ol, .ieaContentFull div.ltgreenbox ul, .ieaContentFull div.ltgreenbox ol {margin-left: 15px;}
.ieaContent ul li, .ieaContent ol li, .ieaContentFull ul li, .ieaContentFull ol li {margin: 0 0 5px 0;}
.ieaContent ul.abc li ul.noliststyle li, .ieaContent ol.abc li ul.noliststyle li, .ieaContentFull ul.abc li ul.noliststyle li, .ieaContentFull ol.abc li ul.noliststyle li {list-style-type: none;}

.qmark {float: left; margin: 0 20px 0 30px;}
.qmarkp {float: left; margin: 15px 0 0 0;}

.tableGreen {border: solid 1px #55a640;}
.tableGreen th {background-color: #55a640; color: #fff; padding: 5px 10px;}
.tableGreen tr.rowodd {background-color: #fff;}
.tableGreen tr.roweven {background-color: #e0edd8;}
.tableGreen th, .tableGreen td {padding: 6px 5px 6px 5px;}

.reidf {border-top: solid 1px #000; border-left: solid 1px #000;}
.reidf th, .reidf td {border-right: solid 1px #000; border-bottom: solid 1px #000;}
.reidf td {background: #e0edd8;}
.reidf th {background: #55a640; color: #fff; font-size: 14px; vertical-align: bottom;}

.banner_photo_credit {font-size: 11px; position: relative; float: right; z-index: 3; margin: -20px 5px 20px 0; color: #fff;}
.banner_photo_credit2 {font-size: 11px; position: relative; float: left; z-index: 3; margin: -20px 0 20px 10px; color: #fff;}

.subtractTable {margin: 0 0 0 60px; padding: 0;}
.subtractTable ul {margin: 0; padding: 0;}
.subtractTable li {margin: 0; padding: 0;}
.subtractTable td {padding: 0 20px 0 0;}

.caseStudyInfo {padding: 0 25px 15px 25px; border: solid 1px #314d70; margin: 0 0 20px 0;}
.caseStudyInfo ul {margin: 0 0 0 20px; padding: 0;}

.ecoreport h3 {font-size: 18px; font-weight: bold; color: #000; background-color: #fff; margin: 20px 0 5px 0; padding: 3px 0 3px 0;}
.ecoreport h3.margintop_zero {margin-top: 0;}
.ecoreport h4 {margin: 0 0 5px 0; padding: 0 0 0 0;}
.ecoreport p {margin: 0 0 10px 0; padding: 0 0 0 0;}
.ecoreport p.margintop_25px {margin-top: 25px;}
.ecoreport p.marginbottom_25px {margin-bottom: 25px;}
.ecoreport ul, .ecoreport ol {margin: 0 0 0 0; padding: 0 0 0 40px;}
.ecoreport ul li, .ecoreport ol li {margin: 7px 0 7px 0; padding: 0 0 0 0;}
.ecoreport ul li ul, .ecoreport ol li ul {margin: 0 0 0 0; padding: 0 0 0 40px;}
.ecoreport ul li ul li, .ecoreport ol li ul li {margin: 7px 0 7px 0; padding: 0 0 0 0;}
.ecoreport ul li ul li ul, .ecoreport ol li ul li ul {margin: 0 0 0 0; padding: 0 0 0 40px;}
.ecoreport ul li ul li ul li, .ecoreport ol li ul li ul li {margin: 7px 0 7px 0; padding: 0 0 0 0;}

.ltgreenbox {padding: 10px 10px; border: solid 1px #a2b182; background-color: #e8f3e1;}
.ltgreenbox h4 {color: #000;}

.darkgreenbox {padding: 10px 10px; border: solid 1px #a2b182; background-color: #43672a; color: #fff;}
.darkgreenbox h4 {color: #fff;}
.darkgreenbox a:link, .darkgreenbox a:visited {color: #fff; text-decoration: underline;}
.darkgreenbox a:hover, .darkgreenbox a:active {color: #fff; text-decoration: underline;}


.pg_title {
	background: #27314b;
}
.pg_title h1 {color: #fff; font-size: 28px;}
.pg_title h2 {color: #fff;}

.resetul {margin: 0 0 0 0; padding: 0 0 0 15px;}
.resetul li {margin: 0 0 0 0; padding: 0 0 0 0;}
.margintop_27px {margin-top: 27px;}
.width77 {width: 77px;}
.width33pct {width:33%}
.width50pct {width:50%}

#timelineTitle {background-color: #28324b; width: 810px; padding: 12px 0 10px 0; position: relative;}
#timelineTitle h2 {color: #fff; background-color: #28324b; width: 250px; font-size: 52px; float: left; margin: -2px 15px 0 140px; padding: 0 0 0 0; font-family: 'Gill Sans SemiBold', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
#timelineTitle h3 {color: #fff; background-color: #28324b; width: 380px; font-size: 22px; float: left; margin: 0 0 0 0; padding: 7px 0 0 0; font-family: 'Gill Sans SemiBold', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; line-height: 1em;}

.reaffirmation_timeline {position: relative; z-index: 10; margin: -110px 0 0 0;}

.timeline {border-left: solid 1px #777; border-top: solid 1px #777; margin: 25px 0 0 0;}
.timeline th, .timeline td {border-right: solid 1px #777; border-bottom: solid 1px #777; padding: 5px;}
.timeline th {text-align: right; width: 100px; vertical-align: top;}
.timeline tr.alternate {background-color: #e9eee9;}

.borderNotTop {border-right: solid 1px #000; border-bottom: solid 1px #000; border-left: solid 1px #000;}

/* Styles for home page re-layout| Dec 2016 */
.container .ecoH2 {color: #fff; background: #304d6f; padding: 7px 0 5px 0; text-align: center; font-size: 20px;}
.ieaMainRightSectionImg {margin: 0 0 20px 0;}
.ieaMainRightImg {margin: 0 0 20px 0;}
.ieaMainRight p {margin: 0 0 10px 0;}
.ieaMainRight p.marginbottom_5px {margin-bottom: 5px;}
.ieaMainRight p.marginbottom_10px {margin-bottom: 10px;}
.ieaMainRight p.marginbottom_15px {margin-bottom: 15px;}
.ieaMainRight p.marginbottom_20px {margin-bottom: 20px;}
.ieaMainRight p.marginbottom_25px {margin-bottom: 25px;}
.ieaMainRight p.marginbottom_30px {margin-bottom: 30px;}
.ieaMainRight hr {margin: 20px 0 20px 0;}

/* Styles for NCDEQ Case Study| Jan 2017 */
.tableDiv {border: none; margin: 25px 0 25px 20px; float: right;}

.tableDiv table {background: #dce3f1;}
.tableDiv th, .tableDiv td  {text-align: left; vertical-align: bottom; border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 5px;}
.tableDiv p {font-size: 10px; margin: 5px 0 0 10px;}

.ecoGreen {color: #54a746;}

#hiddenGroup1, #hiddenGroup2, #hiddenGroup3, #hiddenGroup4, #hiddenGroup5, #hiddenGroup6, #hiddenGroup7, #hiddenGroup8, #hiddenGroup9, #hiddenGroup10, #hiddenGroup11, #hiddenGroup12, #hiddenGroup13, #hiddenGroup14, #hiddenGroup15, #hiddenGroup16, #hiddenGroup17, #hiddenGroup18, #hiddenGroup19, #hiddenGroup20, #hiddenGroup21, #hiddenGroup22, #hiddenGroup23, #hiddenGroup24 {display: none;}

.hideGroup1Call, .hideGroup2Call, .hideGroup3Call, .hideGroup4Call, .hideGroup5Call, .hideGroup6Call, .hideGroup7Call, .hideGroup8Call, .hideGroup9Call, .hideGroup10Call, .hideGroup11Call, .hideGroup12Call, .hideGroup13Call, .hideGroup14Call, .hideGroup15Call, .hideGroup16Call, .hideGroup17Call, .hideGroup18Call, .hideGroup19Call, .hideGroup20Call, .hideGroup21Call, .hideGroup22Call, .hideGroup23Call, .hideGroup24Call {display: none;}

.showGroup1Call, .hideGroup1Call, .showGroup2Call, .hideGroup2Call, .showGroup3Call, .hideGroup3Call, .showGroup4Call, .hideGroup4Call, .showGroup5Call, .hideGroup5Call, .showGroup6Call, .hideGroup6Call, .showGroup7Call, .hideGroup7Call, .showGroup8Call, .hideGroup8Call, .showGroup9Call, .hideGroup9Call, .showGroup10Call, .hideGroup10Call, .showGroup11Call, .hideGroup11Call, .showGroup12Call, .hideGroup12Call, .showGroup13Call, .hideGroup13Call, .showGroup14Call, .hideGroup14Call, .showGroup15Call, .hideGroup15Call, .showGroup16Call, .hideGroup16Call, .showGroup17Call, .hideGroup17Call, .showGroup18Call, .hideGroup18Call, .showGroup19Call, .hideGroup19Call, .showGroup20Call, .hideGroup20Call, .showGroup21Call, .hideGroup21Call, .showGroup22Call, .hideGroup22Call, .showGroup23Call, .hideGroup23Call, .showGroup24Call, .hideGroup24Call {margin: 0 0 0 30px; padding: 10px 0 5px 5px; vertical-align: middle; background-color: #c6efbd; border: solid 1px #e7e7e7; font-size: 16px; font-weight: bold;}

.showGroup1, .showGroup2, .showGroup3, .showGroup4, .showGroup5, .showGroup6, .showGroup7, .showGroup8, .showGroup9, .showGroup10, .showGroup11, .showGroup12, .showGroup13, .showGroup14, .showGroup15, .showGroup16, .showGroup17, .showGroup18, .showGroup19, .showGroup20, .showGroup21, .showGroup22, .showGroup23, .showGroup24 {vertical-align: middle; margin-right: 5px; margin-bottom: 5px;}
.hideGroup1, .hideGroup2, .hideGroup3, .hideGroup4, .hideGroup5, .hideGroup6, .hideGroup7, .hideGroup8, .hideGroup9, .hideGroup10, .hideGroup11, .hideGroup12, .hideGroup13, .hideGroup14, .hideGroup15, .hideGroup16, .hideGroup17, .hideGroup18, .hideGroup19, .hideGroup20, .hideGroup21, .hideGroup22, .hideGroup23, .hideGroup24 {vertical-align: middle; margin-right: 5px; margin-bottom: 5px;}

.section_container2 {margin: 0; padding: 3px 6px 6px 33px; background-color: #f9fbfd; color: #000;}

.simpleOpen {border-spacing: 0; border-collapse: collapse; margin: 10px 0 20px 0;}
.simpleOpen th, .simpleOpen td {border-bottom: solid 1px #000; text-align: left; padding: 10px 10px;}
.simpleOpen td ul {margin: 10px 0 0 20px; padding: 0 0 0 0;}
.simpleOpen td ul li {margin: 0 0 10px 0; padding: 0 0 0 0;}
.simpleOpen td.nobottomborder {border-bottom: none;}
.simpleOpen td.right {text-align: right; padding-right: 30px;}

.floating {border-spacing: 0; border-collapse: collapse;}
.floating th, .floating td {text-align: left; padding: 15px 10px;}
.floating th.ctr, .floating td.ctr {text-align: center;}
.floating th.paddingleft_30px {padding-left: 40px;}
.floating tr.tbBorders {border-top: solid 1px #000; border-bottom: solid 1px #000; padding-top: 5px;}
.floating tr.tbBorders th {padding-top: 5px;}
.floating td.right {text-align: right; padding-right: 30px;}
.bleu {background: #bcccea;}
.grey {background: #e1e1e1;}

.dkgreentable {border-spacing: 0; border-collapse: collapse; margin: 10px 0 20px 0;}
.dkgreentable th, .dkgreentable td {text-align: left; padding: 10px 10px;}
.dkgreentable th.toprow {background-color: #fff; color: #000;}
.dkgreentable th {background-color: #43672a; color: #fff;}
.ltGreen {background: #b7d8a0;}
.tanBar {padding: 10px 5px 5px 10px; background: #e9d8a6; color: #000; font-size: 16px;}
.dkgreenBar {padding: 10px 5px 5px 10px; background-color: #43672a; color: #fff; font-size: 16px;}
.dkblueBar {padding: 10px 5px 5px 10px; background-color: #314d70; color: #fff; font-size: 16px;}