/*do not nest more than 2 levels with LESS or IE will hang due to mediaqueries.js conflict.
http://code.google.com/p/css3-mediaqueries-js/issues/detail?id=8	
*/
* {
  margin: 0;
  padding: 0;
  border: none;
  word-wrap: break-word;
}
article,
aside,
details,
figcaption,
figure,
#footer,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
html {
  background-color: #f8fcee;
  font-family: Fancy, sans-serif;
  color: #3C3C3C;
}
html.popup,
html.quizzes body,
html.popup body {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
html.blog {
  background-color: #fff;
}
html.meatrix {
  background: #000;
  color: #fff!important;
}
html.multimedia {
  background-color: #ccc;
}
html.multimedia.computer {
  background: #cccccc url('http://www.gracelinks.org/images/bg_media.jpg') fixed top center no-repeat;
  background-size: cover;
}
/*BODY */
body {
  height: 60px;
  background-color: #afb81c;
}
@font-face {
  font-family: 'Fancy';
  src: url('/tools/dinot-regular-webfont.eot?');
  src: local('DINOT-Regular'), url('/tools/dinot-regular-webfont.woff') format('woff'), url('/tools/dinot-regular-webfont.ttf') format('truetype'), url('/tools/dinot-regular-webfont.svg#webfontFvUnUQqC') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FancyBold';
  src: url('/tools/dinot-bold-webfont.eot?');
  src: local('DINOTBold'), url('/tools/dinot-bold-webfont.woff') format('woff'), url('/tools/dinot-bold-webfont.ttf') format('truetype'), url('/tools/dinot-bold-webfont.svg#webfont1L9iueSL') format('svg');
  font-style: normal;
}
@font-face {
  font-family: 'Tisa';
  src: url('/tools/tisaot-webfont.eot?');
  src: local('TisaOTRegular'), url('/tools/tisaot-webfont.woff') format('woff'), url('/tools/tisaot-webfont.ttf') format('truetype'), url('/tools/tisaot-webfont.svg#webfontzmGeieGc') format('svg');
  font-weight: normal;
  font-style: normal;
}
.FancyBold {
  font-family: FancyBold;
}
.Fancy {
  font-family: Fancy;
}
.Tisa {
  font-family: Tisa;
}
/**** HEADERS ******/
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 100%;
  font-family: Fancy, sans-serif;
  font-weight: 200;
  color: #333;
  display: block;
}
.viewTitle,
.columnHeader {
  color: #cc6633;
  font-size: 150%;
  font-family: FancyBold;
  text-transform: uppercase;
  line-height: 75%;
  clear: both;
  border-bottom: 3px solid #c1beb5;
}
h2.authorTitle {
  font-size: 140%;
  margin-top: 5px;
}
#sidebarB h2 {
  font-size: 120%;
  font-family: 'Tisa', Georgia, serif;
  font-weight: 600;
  margin: 0;
  padding: 5px 5px 5px 0;
  text-transform: uppercase;
  clear: both;
  border-top: 1px solid #c1beb5;
}
#sidebarB h2 .quiz a {
  color: #000;
}
#sidebarB h2 .icon {
  float: left;
  margin-right: 5px;
}
#sidebarB h2:hover {
  text-decoration: none;
  cursor: pointer;
}
/*blog*/
.blog #right h1 {
  color: #cc6633;
  background-color: #c4beae;
  width: 38%;
  padding: 2% 0 2% 2%;
  margin: 0;
  float: left;
  text-transform: none;
}
.blog #right #relatedMedia h1 {
  width: 98%;
}
/*articles*/
.tag .description h1,
.article h1 {
  font-family: 'Tisa', Georgia, serif;
  font-weight: 400;
  font-size: 200%;
  color: #333;
  margin-top: 0;
  text-transform: none;
}
.item h2 a,
.item h3 a {
  color: #000000;
}
/*multimedia popup titles are controlled inside multimedia_popup*/
.entry {
  z-index: 1;
  margin-top: 60px;
}
.entry h2 {
  font-size: 180%;
  font-family: 'Tisa', Georgia, serif;
  font-weight: 200;
}
.entry h3 {
  font-size: 150%;
  font-family: Fancy, sans-serif;
}
.entry h2,
.entry h3,
.entry h4 {
  width: auto;
  color: #3c472d;
  line-height: 120%;
}
.entry h4,
.entry h5,
.entry h6 {
  font-weight: 800;
}
.entry .conLogo {
  float: left;
  margin: 0 5px 5px 0;
  padding: 5px 5px 5px 0;
  width: 100px;
}
/*override orange*/
#left .horiz .tab.active,
#left .horiz .submenu,
#issues,
#issues .showHide,
#issues .showHide a,
li#moreSites.rolldown ul {
  background: #cc6633 !important;
}
.red .columnHeader,
.food .columnHeader,
.red .columnHeader a,
.food .columnHeader a,
.red .bucketText,
.food .bucketText,
.red .bucketText a,
.food .bucketText a {
  color: #bf2e1a !important;
}
.red #left .horiz .tab.active,
.food #left .horiz .tab.active,
.red #left .horiz .submenu,
.food #left .horiz .submenu,
.red #issues,
.food #issues,
.red #issues .showHide,
.food #issues .showHide,
.red #issues .showHide a,
.food #issues .showHide a,
.red #topnav,
.food #topnav,
.red li#moreSites.rolldown ul,
.food li#moreSites.rolldown ul {
  background: #bf2e1a !important;
}
.blue .columnHeader,
.water .columnHeader,
.blue .columnHeader a,
.water .columnHeader a,
.blue .bucketText,
.water .bucketText,
.blue .bucketText a,
.water .bucketText a {
  color: #1f86fc !important;
}
.blue #left .horiz .tab.active,
.water #left .horiz .tab.active,
.blue #left .horiz .submenu,
.water #left .horiz .submenu,
.blue #issues,
.water #issues,
.blue #issues .showHide,
.water #issues .showHide,
.blue #issues .showHide a,
.water #issues .showHide a,
.blue #topnav,
.water #topnav,
.blue li#moreSites.rolldown ul,
.water li#moreSites.rolldown ul {
  background-color: #1f86fc !important;
}
.green .columnHeader,
.energy .columnHeader,
.green .columnHeader a,
.energy .columnHeader a,
.green .bucketText,
.energy .bucketText,
.green .bucketText a,
.energy .bucketText a {
  color: #699817 !important;
}
.green #left .horiz .tab.active,
.energy #left .horiz .tab.active,
.green #left .horiz .submenu,
.energy #left .horiz .submenu,
.green #issues,
.energy #issues,
.green #issues .showHide,
.energy #issues .showHide,
.green #issues .showHide a,
.energy #issues .showHide a,
.green #topnav,
.energy #topnav,
.green li#moreSites.rolldown ul,
.energy li#moreSites.rolldown ul {
  background: #699817 !important;
}
.blog #topnav,
.blog li#moreSites.rolldown ul {
  background: #000!important;
}
/*********************
LINKS
*********************/
a,
a:link,
a:active,
a:visited,
a:focus,
p.count.active {
  color: #007A98;
  text-decoration: none;
  outline: none;
  cursor: default;
  word-wrap: break-word;
}
a:hover {
  color: #5067b7;
  cursor: pointer!important;
  text-decoration: underline;
}
a.reset {
  position: absolute;
  right: 5px;
  bottom: 0;
}
.handheld a.reset {
  position: fixed;
  right: 10px;
  bottom: auto;
  top: 50%;
  display: inline;
}
/**** STRUCTURE *****/
#wrapper {
  min-height: 40px;
  padding: 0;
  margin: 0 auto;
}
#backToTop {
  position: fixed;
  top: 33%;
  right: 0px;
  border: 5px solid #88B743;
  padding: 2px;
  z-index: 1000;
}
/****PAGE_HEADER *******/
#page_header {
  position: relative;
}
#page_header h1.title a {
  font-family: 'Fancy', sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  text-shadow: 0 0 2px black;
}
#page_header h1.title a img {
  margin: 10px 0 -4px;
  width: 160px;
}
#page_header h1.title:hover {
  cursor: pointer;
}
#page_header #page_logo:hover {
  cursor: pointer;
}
#page_header #page_logo {
  float: left;
  height: 0;
  width: 0;
}
#page_header #topicName h1 {
  color: #000;
  font-family: Fancy;
}
#page_header #topicName h1 .first {
  font-family: 'Tisa', Georgia, serif;
}
#page_header #topicName h1 .second {
  padding: 0;
  font-size: 20px;
  color: #3E4240;
  margin-left: 5px;
}
.landing #page_header #page_logo {
  height: 40px;
}
.water.landing #page_header #page_logo {
  width: 75px;
  height: 55px;
  background: url('/images/logo/programLogo_wtr.png') no-repeat 0 0;
}
.water.landing #page_header #topicName {
  margin-left: 100px;
  margin-top: 15px;
}
.energy.landing #page_header #page_logo {
  width: 53px;
  height: 75px;
  background: url('/images/logo/programLogo_eng.png') no-repeat 0 0;
}
.energy.landing #page_header #topicName {
  margin-left: 78px;
  margin-top: 28px;
}
.food.landing #page_header #page_logo {
  width: 265px;
  height: 50px;
  background: url('/images/logo/programLogo_st.png') no-repeat 0 0;
}
.food.landing #page_header #topicName {
  margin-left: 290px;
}
.food.landing #page_header #topicName h1 {
  margin-top: 12px;
}
.blog #page_header #page_logo {
  background: url('/images/logo/eco.png') 0 0px no-repeat;
  width: 280px;
  height: 80px;
  display: block!important;
}
.blog #page_header #page_logo:hover {
  cursor: pointer;
}
.blog #page_header #topicName h1 {
  display: none;
}
.blog #page_header #featuredSeries {
  margin-top: 20px;
}
.blog #page_header #featuredSeries img {
  float: right;
  margin: 0 0 0 5px;
}
.page_home #page_header h1.title a {
  font-size: 21px;
}
.page_home #page_header h1.title a img {
  margin: 4px 0 -4px;
  width: 200px;
}
.handheld #topicName h1 span.second {
  display: none;
}
/*devices don't have enough room */
.ie #page_header h1.title a {
  font-family: sans-serif;
}
#headerBreak {
  margin-top: 60px;
  border: 1px solid transparent;
}
.post #headerBreak {
  padding-bottom: 15px;
}
#featuredLinks {
  display: inline-block;
  width: 100%;
  color: #dedfbb;
  border-bottom: 1px solid #dedfbb;
  /*weiling request*/
}
#featuredLinks h2 {
  text-transform: uppercase;
  margin: 0;
  float: right;
  display: inline;
  color: #afb81c;
  font-size: 16px;
  font-family: FancyBold;
}
#featuredLinks ul {
  float: right;
}
#featuredLinks li {
  margin: 0 2px;
  padding: 3px 5px;
  font-weight: 400;
  float: left;
  font-size: 12px;
}
#featuredLinks li a {
  color: #666;
}
#featuredLinks li:nth-child(1)::before {
  content: "[";
}
#featuredLinks li:nth-last-child(1)::after {
  content: "]";
}
#featuredLinks li:nth-child(1) a {
  padding-left: 3px;
}
/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
/* filterCategory ****/
.filterCategory {
  width: 100%;
  clear: both;
  padding: 16px 0;
  margin: 0;
  display: block;
  color: #676863;
  font-size: 80%;
  line-height: 16px;
}
.filterCategory label {
  margin-right: 15px;
}
.filterCategory label,
.filterCategory a {
  color: #026495;
  text-transform: lowercase;
}
.filterCategory a {
  height: 16px;
  width: 16px;
  display: block;
  width: auto;
  float: left;
  margin-right: 5px;
}
.filterCategory a .icon {
  float: left;
  vertical-align: middle;
  margin-right: 2px;
}
.filterCategory a.active {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #fff;
  border: #fff 2px solid;
}
.filterCategory .resultCount {
  font-style: italic;
}
.filterCategory .arrow {
  background: #C1BEB5;
  color: #fff;
  font-family: FancyBold;
  float: left;
  padding: 0 4px;
  margin: 0 15px 0 0;
}
.multimedia .filterCategory {
  padding: 0;
  margin: 15px 0 0;
}
.multimedia #media .filterCategory {
  margin: 0 0 30px;
}
.multimedia a#gridView {
  background: #cc6633;
}
.multimedia a#oneColumnView {
  background: transparent;
}
.multimedia.handheld #media .filterCategory {
  margin-bottom: 48px;
}
.multimedia.handheld a#gridView,
.multimedia.handheld a#oneColumnView {
  display: none;
}
/* gridview doesn't really work on phones*/
.multimedia.oneColumn a#gridView {
  background: transparent;
}
.multimedia.oneColumn a#oneColumnView {
  background: #cc6633;
}
.tag .filterCategory {
  border-bottom: 1px solid #c1beb5;
}
/******************
SIDEBAR A IMAGES/ SECTIONS ETC
*******************/
section {
  margin-bottom: 15px;
}
#relatedIssues,
#sidebarA > section,
#sidebarA > div,
#sidebarB > section,
#sidebarB > div {
  margin: 0 0 5%;
}
#sidebarA > section,
#sidebarA > div {
  clear: both;
  /*min-height:80px;*/
  width: 100%;
}
#sidebarA > section.fffTrp {
  padding: 2%;
  width: 96%;
}
#sidebarA > section img,
#sidebarA > div img,
div.widget img,
div.badge img,
div.iframeClick.flash img {
  width: 100%;
}
.touch div.iframeClick.flash img {
  display: none;
}
.widget form,
.widget select,
.widget input {
  width: 100%;
  padding: 1%;
}
.widget object {
  margin: 0 auto;
}
#map_canvas {
  width: 95%;
  height: 200px;
  margin: 0 auto 2%;
  border: 1px solid #fff;
}
#popupiframe {
  border: none;
}
#signup {
  background-color: #88B743;
  font-size: 100%;
  padding: 5px;
  color: white;
  text-align: center;
  box-shadow: inset 0px 0px 30px 15px rgba(10, 10, 10, 0.2);
}
#extras {
  display: none;
}
#extras img {
  width: 100%;
  margin-bottom: 10px;
}
.contactName {
  display: block;
}
.contactName div {
  background: #dedfbb;
}
.contactName .name {
  display: block;
  font-weight: 700;
  padding: 0 0 10px;
}
.contactName p {
  text-align: center;
  margin: 0;
}
/**********************
 PLAYLIST/AUDIO/VIDEO
**********************/
.playlist {
  margin: 15px 0;
}
.playlist article {
  width: 96%!important;
  float: none;
  margin: 0 auto;
}
.playlist h3 {
  font-size: 90%;
  font-weight: 400;
  display: block;
  padding: 5px;
  /*don't put padding on this*/
}
.playlist h3 span {
  text-align: center;
}
#videoBlogContainer h1 {
  width: 98%!important;
}
#videoBlogContainer h2 {
  margin: 0 0 5px;
  font-size: 130%;
}
.videos.scroll article {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  clear: none;
  display: block;
}
.videos.scroll h3 span {
  display: none;
}
.blog .videos.scroll article {
  width: 100%;
}
.blog .videos.scroll article img {
  width: 100%;
}
.video-player {
  margin-bottom: 10px;
  clear: both;
}
#podcasts audio {
  width: 100%;
  display: block;
  margin: 5px auto;
  float: left;
}
#podcasts object {
  height: 70px;
  background: transparent;
}
#podcasts object embed {
  height: 70px;
  background: transparent;
}
.popup .podcast {
  background-color: #fff;
}
span.duration {
  float: right;
  font-style: italic;
  padding-left: 3px;
}
/**********************
article images
*********************/
article .conImage {
  width: 78px;
  height: 78px;
  float: left;
  margin: 0 5px 5px 0;
  padding: 5px 5px 5px 0;
}
article h2,
article h3 {
  font-size: 120%;
  /*fu change 11/7/12 from 130*/
  line-height: 110%;
  font-family: 'Tisa', Georgia, serif;
  font-weight: 400;
}
article p {
  margin: 1% 0;
}
#left article {
  width: 48%;
  padding: 1%;
}
#left article:nth-child(2n+1) {
  clear: left;
  float: left;
}
#left article:nth-child(2n+2) {
  clear: right;
  float: right;
}
.page_home #left #spotlight {
  width: 100%;
}
.page_home #left #spotlight article {
  width: 252px;
  clear: none;
  float: left;
  padding: 0;
}
.page_home #left #spotlight article h2,
.page_home #left #spotlight article h3,
.page_home #left #spotlight article .conImage {
  width: 252px;
  padding: 0;
  float: none;
}
.page_home #left #spotlight article .conImage {
  height: auto;
  margin: 20px 0 0;
  padding: 0;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
.page_home #left #spotlight article img:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
#explore article {
  width: 67px!important;
  float: left!important;
  clear: none!important;
  padding: 0;
  margin: 3px 20px 3px 0;
}
#explore article img {
  box-shadow: 0px 0px 0 3px #fff;
}
.handheld #left article,
.oneColumn #left article {
  width: 100%!important;
  clear: both!important;
  float: none!important;
}
.multimedia #left article {
  width: 45%;
  padding: 2%;
  margin: 0 0 15px;
  min-height: 180px;
}
.multimedia #left article p {
  display: none;
}
.multimedia #left article h2 .icon:nth-child(1) {
  float: left;
}
.multimedia #left img {
  width: 100%;
  box-shadow: 0px 0px 0 3px #CCC;
  margin-bottom: 10px;
}
.floatedArticle .multimedia #right article {
  width: auto;
  float: left;
}
.multimedia #right article {
  width: 97%;
  height: auto;
  float: none;
  margin-right: 10px;
}
.multimedia #right article img {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 0 3px #fff;
}
.multimedia.oneColumn #left article {
  width: 96%!important;
}
.multimedia.oneColumn #left article a.mediaImage {
  float: left;
  padding-right: 3%;
}
.multimedia.oneColumn #left article h2 a,
.multimedia.oneColumn #left article a.icon {
  float: none;
  padding: 0;
}
.multimedia.oneColumn #left article p {
  display: block;
}
.multimedia.handheld #left article {
  min-height: 100px;
}
/*smaller image has lower min-height*/
.multimedia.touch article.item.flash {
  display: none;
}
/*flash doesn't work on touch devices*/
.mediaData {
  /*for bestofweb panel to stack right*/
  float: right;
  width: 50%;
}
.authorImage {
  float: left;
  margin: 0 8px 0 0;
}
.breadcrumb {
  display: none;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.breadcrumb .icon.large {
  height: 28px;
  margin-right: 8px;
}
.breadcrumb a {
  text-decoration: none;
}
.post .breadcrumb {
  display: block;
}
.food .breadcrumb .icon {
  background-color: #bf2e1a;
}
.food .breadcrumb a {
  color: #bf2e1a;
}
.water .breadcrumb .icon {
  background-color: #1f86fc;
}
.water .breadcrumb a {
  color: #1f86fc;
}
.energy .breadcrumb .icon {
  background-color: #699817;
}
.energy .breadcrumb a {
  color: #699817;
}
/***** SHOWMORE   *******/
.post .showMore {
  clear: left;
}
.post .showMore,
.blog .showMore {
  margin: 45px 0 15px;
  font-size: 140%;
}
.showMore div {
  overflow: hidden;
  margin: 0 0 1%;
}
.landing .showMore > a {
  float: right;
  margin-top: -4px;
}
.landing .showMore > div a {
  float: none;
  margin-top: 0;
}
.description {
  display: block;
  margin: 0;
  /*lib bug why does it need so much margin*/
}
.description p,
.description div {
  font-size: 120%;
}
/**  TABS  HORIZONTAL AND VERTICAL CLASSES *********/
.tabNav.vert {
  float: left;
  clear: left;
  width: 40%;
}
.tabNav.vert .tab {
  font-size: 18px;
  /*do not make this larger*/
  width: 96%;
  padding: 3% 2%;
  float: none;
  clear: both;
}
.handheld .tabNav.vert .tab {
  font-size: 14px;
}
.tabNav.horiz {
  width: 100%;
  margin: 35px 0 15px;
}
.tabNav.horiz .tab {
  font-size: 18px;
  float: left;
  padding: 1%;
  margin: 0 .25% 0 0;
}
#sidebarBlog .tab {
  text-transform: lowercase;
}
#sidebarBlog .tab a {
  color: #998a77;
  letter-spacing: 1px;
}
#sidebarBlog .tab.active {
  text-transform: uppercase;
  background: #fff;
}
#sidebarBlog .tab.active a {
  font-family: FancyBold;
}
#sidebarBlog div .menuWrapper.vert {
  margin-top: -35px;
}
#sidebarBlog > div {
  border-bottom: 1px solid #C4BEAE;
  border-top: 1px solid #c4beae;
  clear: both;
}
#sidebarBlog .sty1 {
  font-weight: bold;
  margin-top: 5px;
  line-height: 200%;
}
.menuWrapper.horiz {
  clear: both;
  margin-top: -1px;
  width: 100%;
}
.menuWrapper.vert {
  float: right;
  width: 60%;
}
.submenu {
  display: inline-block;
  clear: both;
}
.horiz .submenu {
  width: 98%;
  font-size: 14px;
}
.horiz .submenu li {
  width: 30%;
  float: left;
}
.horiz .submenu li,
.horiz .submenu a {
  padding: 1%;
  margin: 0;
}
.vert .submenu {
  width: 98%;
  padding: 0 0 0 2%;
  min-height: 165px;
  /*margin-top:-14%;*/
}
#left .horiz .submenu {
  border: 4px solid #fff;
  box-shadow: 0 0 3px 3px rgba(100, 100, 0, 0.4);
  -moz-box-shadow: 0 0 3px 3px rgba(100, 100, 0, 0.4);
  -o-box-shadow: 0 0 3px 3px rgba(100, 100, 0, 0.4);
  -webkit-box-shadow: 0 0 3px 3px rgba(100, 100, 0, 0.4);
  background: #819500 url('/images/icon/tile_horiz_tri.png') repeat;
}
#left .horiz .submenu a {
  color: #ffffff;
}
#left .horiz .tab {
  text-transform: uppercase;
  background: #c6cabc;
}
#left .horiz .tab a {
  width: 100%;
  color: #000;
}
#left .horiz .tab.active {
  background: #819500 url('/images/icon/tile_horiz_tri.png') repeat;
}
#left .horiz .tab.active a {
  color: #ffffff;
}
/************************* 
 NAV PANELS BASIC SETTINGS  
 *************************/
#issues {
  background: #bf2e1a;
  padding: .5%;
  clear: both;
  display: inline-block;
  width: 99%;
  position: relative;
}
#issues h2.columnHeader {
  font-size: 16px;
  color: #bf2e1a;
  position: absolute;
  border: none;
}
#issues .level1 {
  /*width in mediaqueries*/
  width: 33.3%;
  display: block;
  position: relative;
  font-size: 14px;
  border-bottom: 1px dotted #000;
  margin: 0;
  padding: 0;
  float: left;
  background-repeat: repeat;
}
#issues .level1 .navTitle:hover {
  cursor: pointer;
}
#issues .level1:before {
  content: '+';
  left: 0;
  width: 25px;
  height: 17px;
  color: #F8FCEE;
  font-weight: bold;
  font-size: 16px;
  font-family: FancyBold;
}
#issues .level1.active .navTitle {
  color: #fff;
}
#issues .level1.active:before {
  content: '-';
}
#issues .level2 {
  background: #fff;
  float: left;
  width: 25%;
  font-size: 140%;
}
#issues .level3 {
  width: 72%;
  margin: 0 0 2% 2%;
  float: left;
  font-size: 130%;
}
#issues .level3 ul {
  /*IE7 needs width*/
  width: 25%;
  margin: 0;
  padding: 0;
}
#issues .level3 li:nth-child(1) {
  border: none;
}
#issues .level3 li:nth-child(1):hover {
  /*take off border on the levels image list parent in issues nav*/
  background-color: #ffffff;
}
#issues .level3 p {
  float: right;
  width: 70%;
  line-height: 150%;
  text-transform: none;
  margin: 0;
  padding: 0;
}
#issues .level3 img.levelsImage {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
#issues .level3 img.levelsImage,
#issues .level3 img.levelsImage:hover {
  border: none;
  cursor: default;
  width: 100%;
}
#issues .levelsContainer {
  position: absolute;
  z-index: 100;
  font-size: 12px;
  text-transform: lowercase;
  box-shadow: 0 0 5px #fff;
  background: #fff;
  padding: 2%;
  border: 7px solid #c6cabc;
}
#issues .levelsContainer ul {
  /*add left here b/c program nav doesn't need it to stretch across*/
  background: #fff;
  float: left;
}
#issues .levelsContainer li {
  width: 98%;
  margin: 0;
  /* this looks horrible in IE line-height: 90%; font-size:120%; */
  padding: 1%;
  border-bottom: 1px dotted #c6cabc;
  text-transform: none;
}
#issues .levelsContainer li span,
#issues .levelsContainer li a,
#issues .levelsContainer li a:hover {
  color: #696969;
  text-decoration: none;
}
#issues .levelsContainer li.active,
#issues .levelsContainer li:hover {
  background-color: #c6cabc;
  cursor: pointer;
}
#issues .levelsContainer .levelsImage {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
#issues .showHide {
  left: 33px;
  background-color: inherit;
  margin-top: -36px;
  display: none;
}
.landing #issues {
  margin: 0 0 15px;
}
.csstransforms #issues h2.columnHeader {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 15px;
  margin-left: -44px;
}
.csstransforms.ie #issues h2.columnHeader {
  margin-top: 10px;
  margin-left: -50px;
}
/*********************** 
BUCKETS  
 **************************/
.brick {
  float: left;
}
#buckets {
  display: inline-block;
  font-family: Fancy;
  font-weight: 400;
  font-size: 100%;
  margin: 15px 0;
  width: 100%;
}
#buckets div {
  padding: 0;
  margin: 0;
  width: 252px;
}
#buckets div .bucketText {
  color: #000;
  display: block;
  font-size: 1.4em;
  font-weight: 700;
  font-family: "Tisa",Georgia,serif;
  padding-top: 0.8em;
}
#buckets div a {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}
#buckets li {
  line-height: 130%;
  margin: 10px auto;
}
#buckets li a {
  color: #571900;
  font-weight: 600;
  font-size: 120%;
  font-family: 'Tisa';
}
/**********
CUSTOM SCROLLBARS and LOADMORE
**************/
div.overflow {
  height: auto;
  overflow: visible;
}
.viewport {
  height: 250px;
  overflow: hidden;
  position: relative;
}
.viewport .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 97%;
}
#associatedContent .viewport {
  height: 240px;
}
#sidebarBlog .viewport li,
#sidebarB .viewport li,
#sidebarA .viewport li,
#relatedIssues .viewport li {
  line-height: 120%;
  font-size: 100%;
  height: auto;
  display: block;
}
#sidebarBlog .viewport li a,
#sidebarB .viewport li a,
#sidebarA .viewport li a,
#relatedIssues .viewport li a {
color:#000;
}
#sidebarBlog .viewport .overview ul,
#sidebarB .viewport .overview ul,
#sidebarA .viewport .overview ul,
#relatedIssues .viewport .overview ul {
  border: 1px solid transparent;
  margin-bottom: 60px;
}
.scrollbar {
  position: relative;
  background-position: 0 0;
  float: right;
  width: 15px;
  border-left: 1px solid #C1BEB5;
}
.scrollbar .track {
  height: 100%;
  width: 15px;
  position: relative;
}
.scrollbar .track .thumb {
  width: 16px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: 0;
}
.scrollbar .track .thumb .end {
  background: transparent url(/images/icon/sprite_all.png) -48px -416px no-repeat;
  height: 32px;
  width: 16px;
}
.blog .scrollbar {
  border-left: 1px solid #C4BEAE!important;
}
.loader {
  border-radius: 8px 0px 8px 8px;
  -moz-border-radius: 8px 0px 8px 8px;
  -ms-border-radius: 8px 0px 8px 8px;
  color: #fff;
  position: relative;
  float: right;
  background-color: #c1beb5;
  font-family: Fancy;
  padding: 3px;
  font-size: 11px;
}
/************************ 
 Footer   
  *********************/
#footer {
  width: 790px;
  font-size: 90%;
  float: left;
  border-top: 10px solid #dedfbb;
  margin: 15px 0;
  padding-bottom: 80px!important;
  display: inline-block;
}
#footer a {
  color: #000!important;
}
#footer p {
  font-size: 11px;
  width: 100%;
  clear: both;
  padding: 3% 0;
  text-align: right;
  border-top: 1px solid #dedfbb;
}
#footer p span {
  display: block;
  width: 100%;
}
#footer ul {
  width: 33%;
  float: left;
  display: inline;
  list-style: none;
  font-family: FancyBold;
}
#footer ul ul {
  width: 150px;
  display: block;
  float: none;
}
#footer ul ul li {
  list-style: none;
  font-size: 90%;
  font-family: Fancy, sans-serif;
  line-height: 80%;
}
.blog #footer {
  width: 55%;
}
.touch.blog #footer {
  width: 100%;
}
.post #footer {
  width: 78%;
}
/*********************
featuredArticles
set var for default portrait width: (798 *.96). must be px so that cycle can calculate.
width+height: featuredArticles/#slideshow li, #slideshow li img, 
width: .slideControls
*********************/
/*panel vs layered layout*/
.panelSlideshow .meta {
  width: 44%;
  right: 0;
  background: none;
  opacity: 1;
  padding: 0;
}
.panelSlideshow .meta h3,
.panelSlideshow .meta h3 a,
.panelSlideshow .meta p {
  color: #000;
  text-shadow: none;
}
.panelSlideshow .meta h3 {
  margin-top: 5px;
}
.layeredSlideshow .meta {
  width: 96%;
  height: 100%;
  right: auto;
  padding: 0 2%;
}
.layeredSlideshow .meta h3,
.layeredSlideshow .meta h3 a,
.layeredSlideshow .meta p {
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.layeredSlideshow .meta h3,
.layeredSlideshow .meta p {
  position: absolute;
}
.layeredSlideshow .meta h3 {
  bottom: 0;
  background-image: url('/images/nav/pixel_trp.png');
  background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
  margin-left: -2%;
  padding: 0 2% 3% 2%;
  width: 100%;
  /*for firefox*/
}
.layeredSlideshow .meta p {
  display: none;
  width: 90%;
}
.layeredSlideshow .meta:hover {
  background-image: url('/images/nav/pixel.png');
  background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}
.layeredSlideshow .meta:hover p {
  display: block;
  top: 28%;
}
.layeredSlideshow #slideshow li img,
.layeredSlideshow .slideControls {
  width: 100%;
}
#featuredArticles {
  clear: both;
  margin: 15px 0;
  padding: 0;
  width: 100%;
  z-index: 1;
  position: relative;
  display: block;
  border-top: 3px solid #c1beb5;
  border-bottom: 3px solid #c1beb5;
}
#featuredArticles #slideWrap,
#featuredArticles #slideshow,
#featuredArticles #slideshow li {
  width: 100%;
}
#featuredArticles img.bannerImage {
  width: 100%!important;
}
#featuredArticles .meta {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: auto;
}
#featuredArticles .meta h3 {
  font-size: 28px;
  font-family: "Tisa", Georgia, serif;
  font-weight: 200;
  line-height: 38px;
}
#featuredArticles .meta h3 a {
  margin: 0;
  /* do not use major margins here, they effect everything lib*/
  font-size: 110%;
}
#featuredArticles .meta p {
  margin: 0;
  font-size: 19px;
}
.page_home #featuredArticles {
  border: none;
}
.page_home #featuredArticles .meta p {
  font-size: 150%;
}
#featuredArticles.banner {
  /*stretches across*/
}
#featuredArticles.banner .meta {
  display: none;
}
.handheld #featuredArticles.video,
.touch #featuredArticles.flash {
  display: none;
  /*can't show flash in devices*/
}
#slideshowiframe {
  margin: 0 33px;
}
/*********************
mediaBox 
********************/
#mediaBox {
  z-index: 1;
  position: relative;
  display: block;
  width: 493px;
  height: 247px;
  margin: 40px -246px 20px 0;
  padding: 0 0 0 20px;
}
#mediaBox #slideshow,
#mediaBox #slideshow li,
#mediaBox #slideshow li img,
#mediaBox img {
  width: 493px;
  height: 247px;
}
#mediaBox iframe {
  width: 100%;
  height: 100%;
}
#mediaBox #slideshow li a img:hover {
  opacity: .4;
  cursor: pointer;
}
#mediaBox #slideshow li img.default:hover {
  opacity: 1;
  cursor: none;
}
#mediaBox .slideControls {
  width: 493px;
}
#mediaBox.video {
  width: 493px;
  height: 306px;
}
.blog #mediaBox {
  margin: 45px 0 0;
}
#slideshow,
#slideshow li,
#slideshow li img {
  margin: 0;
  padding: 0;
  list-style: none!important;
}
#slideWrap .expand {
  display: none;
}
#slideWrap:hover .expand {
  display: block;
}
#slideWrap .expand {
  position: absolute;
  top: 48%;
  left: 48%;
}
.slideControls {
  padding: 0 0 3px 0;
  bottom: 0px;
  position: absolute;
  z-index: 20;
  height: 20px;
}
.slideControls a#slideControl {
  position: relative;
  margin: 2px 8px 0 0;
  float: right;
  height: 16px;
}
.slideControls #slidePager {
  float: right;
}
.slideControls #slidePager a {
  background: #fff;
  position: relative;
  margin: 3px 3px 0 0;
  padding: 0 4px;
  left: 2px;
  font-size: 12px;
  width: 14px;
  height: 14px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -o-border-radius: 16px;
}
.slideControls #slidePager a:hover,
.slideControls #slidePager a.activeSlide {
  background: #ff0;
  text-decoration: none;
}
.slideControls #slidePager a.activeSlide {
  text-decoration: none;
}
/*********************
BLOG SIDEBARS
********************/
#relatedMedia {
  background-color: #E1DED7;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid transparent;
}
#sidebarBlog #sidebarSeries {
  font-size: 22px;
  font-weight: bold;
}
#sidebarBlog #sidebarSeries span,
#sidebarBlog #sidebarSeries a {
  margin: 0 1px;
}
#sidebarBlog #sidebarSeries a {
  float: right;
  vertical-align: bottom;
  padding: 0;
}
#sidebarBlog #blogAuthors li {
  width: 55px;
  height: 55px;
  float: left;
}
#sidebarBlog #blogAuthors li a {
  font-size: 75%;
  font-weight: 700;
  text-align: left;
  color: #58615F;
  float: right;
}
#sidebarBlog #blogAuthors li img {
  width: 45px;
}
figure {
  color: #ccc;
}
figure img {
  position: relative;
  display: inline;
  float: left;
  width: 100%;
  z-index: 7;
}
figure span {
  display: block;
  padding: 0 8px;
}
figure a,
figure a:link,
figure a:focus,
figure a:visited {
  color: #fff;
}
figcaption {
  width: 100%;
  position: relative;
  display: inline;
  float: left;
}
figcaption p {
  padding: 2px 8px;
  font-size: 12px;
}
.imageInfo {
  position: relative;
  display: inline;
  float: left;
  width: 100%;
  z-index: 16;
}
span.caption {
  width: 90px;
  float: left;
  text-align: left;
  text-transform: uppercase;
  font-family: Fancy;
  /*weiling request 9/12*/
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 180%;
}
span.caption .icon {
  margin-bottom: -3px;
}
span.caption:hover {
  cursor: pointer;
}
.credit,
.credit a {
  vertical-align: middle;
  text-align: right;
  line-height: 180%;
  font-size: 11px;
  margin-right: 2px;
  color: #fff!important;
}
.column {
  display: inline-block;
  width: 100%;
  clear: both;
  margin: 15px 0;
}
#right aside,
#right section {
  margin-bottom: 15px;
}
/*********************
MAIN NAVIGATION (PROGRAM NAV)
default to top style.
*********************/
.panel_nav .levelOne.active .allLevels {
  left: 0;
}
.panel_nav .levelOne > span:hover {
  cursor: pointer;
}
.panel_nav .levelOne > span .icon {
  float: left;
}
.panel_nav .allLevels {
  padding: 5px;
  zoom: 1;
  background: #fff;
  border: 3px solid #666;
  box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: -1;
  text-indent: -9999px;
}
.panel_nav .levelTwo {
  border-top: 1px #333 dotted;
  margin: 5px;
  padding: 5px;
  float: left;
  width: 240px;
  /*level 2*/
}
.panel_nav .levelTwo li,
.panel_nav .levelTwo li a {
  font-size: 20px;
  list-style: none;
  font-family: fancyBold;
  /*level 3*/
}
.panel_nav .levelTwo li li,
.panel_nav .levelTwo li a li,
.panel_nav .levelTwo li li a,
.panel_nav .levelTwo li a li a {
  font-size: 14px;
  color: #4f4f4f !important;
  font-family: Fancy, sans-serif;
  /*level 4*/
}
.panel_nav .levelTwo li li ul li,
.panel_nav .levelTwo li a li ul li,
.panel_nav .levelTwo li li a ul li,
.panel_nav .levelTwo li a li a ul li,
.panel_nav .levelTwo li li ul li a,
.panel_nav .levelTwo li a li ul li a,
.panel_nav .levelTwo li li a ul li a,
.panel_nav .levelTwo li a li a ul li a {
  font-size: 12px;
}
.panel_nav .levelTwo li li ul li,
.panel_nav .levelTwo li a li ul li,
.panel_nav .levelTwo li li a ul li,
.panel_nav .levelTwo li a li a ul li {
  list-style: none;
  padding: 0px 15px;
  border-bottom: 1px dotted #fff;
  /*level5*/
}
.panel_nav .levelTwo li li ul li ul,
.panel_nav .levelTwo li a li ul li ul,
.panel_nav .levelTwo li li a ul li ul,
.panel_nav .levelTwo li a li a ul li ul {
  background: #fff;
}
.panel_nav .levelTwo li li ul li ul li,
.panel_nav .levelTwo li a li ul li ul li,
.panel_nav .levelTwo li li a ul li ul li,
.panel_nav .levelTwo li a li a ul li ul li {
  list-style: inside circle;
}
.panel_nav .levelTwo li a:hover,
.panel_nav .levelTwo li a a:hover {
  color: #5067b7 !important;
}
.panel_nav .active .allLevels {
  z-index: 100;
  text-indent: 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 1;
}
.boxshadow .allLevels {
  border-width: 0;
}
#homeText {
  background: #fff;
  box-shadow: 0px 0px 5px #666;
  clear: both;
  float: none;
  width: 97%;
  margin: 1% 0;
  padding: 1%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
#homeText div {
  margin: 0 auto;
}
#homeText div a {
  width: auto;
  height: 25px;
  float: left;
  padding-top: 5px;
  margin-right: 15px;
}
#homeText div a span {
  float: left;
  margin-top: -6px;
}
#topnav {
  position: absolute;
  display: block;
  height: 40px;
  width: 100%;
  top: 60px;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #cc6633;
  /*move all levels div flush with left of wrapper*/
}
#topnav #sitelist {
  height: 40px;
  margin: 0 auto;
}
#topnav li#EcoBlog a {
  color: #bfdc00;
}
#topnav #sitelist > li,
#topnav #sitelist > li > li,
#topnav .levelOne {
  font-size: 14px;
  color: #fff;
  clear: none;
  float: left;
  height: 40px;
  margin: 6px 8px 0 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}
#topnav #sitelist > li > span .icon,
#topnav #sitelist > li > a .icon {
  float: left;
  vertical-align: middle;
}
#topnav li.levelOne li.rolldown ul {
  background: #dedfbb;
}
#topnav li#moreSites {
  margin: 0 8px 0 0;
  text-indent: 0;
  text-transform: uppercase;
}
#topnav li#moreSites .icon {
  display: block;
}
#topnav li#moreSites a {
  color: #bfdc00;
  padding: 5px;
}
#topnav li#moreSites ul {
  margin-left: -70px;
  margin-top: 22px;
  width: 100px;
}
#topnav .allLevels {
  margin-top: 19px;
}
#topnav #FoodProgram .allLevels {
  margin-left: -48px;
}
#topnav #WaterProgram .allLevels {
  margin-left: -91px;
}
#topnav #EnergyProgram .allLevels {
  margin-left: -134px;
}
#topnav #FoodProgram .levelTwo li a {
  color: #bf2e1a;
}
#topnav #WaterProgram .levelTwo li a {
  color: #1f86fc;
}
#topnav #EnergyProgram .levelTwo li a {
  color: #699817;
}
#ProgramStatements {
  margin-top: 15px;
}
#ProgramStatements .levelOne:nth-child(5) {
  margin-right: 0;
}
#ProgramStatements .levelOne {
  height: 172px;
  width: 200px;
  display: block;
  float: left;
  position: relative;
  margin: 0 5px 5px 0;
  background-size: cover!important;
}
#ProgramStatements .levelOne .first {
  text-indent: -9999px;
  width: 200px;
  height: 172px;
  display: block;
}
#ProgramStatements .allLevels {
  font-size: 110%;
  padding: 15px;
  min-height: 305px;
  width: 700px;
}
#ProgramStatements .allLevels ul {
  line-height: 120%;
  margin: 10px auto;
}
#ProgramStatements .allLevels li {
  list-style: outside;
  width: 90%;
}
#ProgramStatements .allLevels div {
  width: 110px;
  float: right;
}
#ProgramStatements .allLevels div a {
  display: block;
  width: 100px;
  height: 100px;
  margin: 10px auto;
}
#ProgramStatements #MissionStatement {
  background: url('/images/nav/home_mission.jpg') no-repeat;
}
#ProgramStatements #FoodStatement {
  background: url('/images/nav/home_food.jpg') no-repeat;
}
#ProgramStatements #WaterStatement {
  background: url('/images/nav/home_water.jpg') no-repeat;
}
#ProgramStatements #EnergyStatement {
  background: url('/images/nav/home_energy.jpg') no-repeat;
}
.fullNav #topnav #sitelist > li,
.fullNav #topnav #sitelist > li > li,
.fullNav #topnav .levelOne {
  margin-top: 13px;
  width: auto;
  height: 14px;
  text-indent: 0;
}
.fullNav #topnav #sitelist > li > span .icon,
.fullNav #topnav #sitelist > li > a .icon {
  display: none;
}
.fullNav #topnav li#logo {
  display: none;
}
.fullNav #topnav li#moreSites {
  margin-top: 5px;
  height: 40px;
  width: 185px;
  max-width: 185px;
}
.fullNav #topnav li#moreSites .icon {
  display: none;
}
.fullNav #topnav li#moreSites ul {
  position: relative;
  display: block!important;
  background: transparent;
  width: 380px;
  top: 0;
  margin-left: 0;
  margin-top: 0;
}
.fullNav #topnav li#moreSites ul li {
  float: left;
  clear: none;
  display: inline;
  width: auto;
  text-transform: uppercase;
  margin: 8px 8px 0 0;
}
.fullNav #topnav .levelOne span span.icon {
  display: block!important;
  margin-top: -8px;
}
.fullNav #topnav .allLevels:before,
.fullNav #topnav .allLevels:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: auto;
  left: auto;
  border-style: solid;
}
.fullNav #topnav .allLevels:before {
  top: -40px;
  /* value = - border-top-width - border-bottom-width */
  border: 20px solid transparent;
  border-bottom-color: #666;
}
.fullNav #topnav .allLevels:after {
  top: -34px;
  /* value = - border-top-width - border-bottom-width */
  border: 18px solid transparent;
  border-bottom-color: #fff;
}
.fullNav #topnav #FoodProgram {
  max-width: 75px;
}
.fullNav #topnav #FoodProgram .allLevels {
  margin-left: -8px;
}
.fullNav #topnav #FoodProgram .allLevels:before {
  left: 17px;
}
.fullNav #topnav #FoodProgram .allLevels:after {
  left: 20px;
}
.fullNav #topnav #WaterProgram {
  max-width: 80px;
}
.fullNav #topnav #WaterProgram .allLevels {
  margin-left: -91px;
}
.fullNav #topnav #WaterProgram .allLevels:before {
  left: 109px;
}
.fullNav #topnav #WaterProgram .allLevels:after {
  left: 112px;
}
.fullNav #topnav #EnergyProgram {
  max-width: 90px;
}
.fullNav #topnav #EnergyProgram .allLevels {
  margin-left: -179px;
}
.fullNav #topnav #EnergyProgram .allLevels:before {
  left: 189px;
}
.fullNav #topnav #EnergyProgram .allLevels:after {
  left: 192px;
}
.quizzes {
  background: #fff;
}
.quizzes label {
  clear: both;
  width: 100%;
  float: none;
  display: block;
  font-family: FancyBold;
  line-height: 200%;
}
.quizzes input {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 18px;
  width: auto;
  height: 20px;
  line-height: 8px;
}
.quizzes .articleCount {
  clear: none;
  display: block;
  width: 40px;
  margin: 0 auto;
  font-size: 14px;
}
.quizzes .statement,
.quizzes .quizQuestion,
.quizzes .answers {
  margin: 10px 0;
  clear: all;
  display: block;
  line-height: 130%;
}
.quizzes .answers {
  display: block;
  padding: 5px 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #DEE3AF;
}
.quizzes .error_message {
  font-weight: bold;
  color: red;
}
.quizzes #results {
  position: absolute;
  bottom: 0;
  margin: 5px auto;
  width: 100%;
  font-weight: bold;
  border-top: 1px #ccc dotted;
}
.quizzes #results .results_message,
.quizzes #results .results_message a {
  color: #cc6633;
}
.quizzes #results .results_share {
  padding-left: 10px;
  position: absolute;
  text-transform: uppercase;
  font-weight: bold;
}
.quizzes #results .results_share .icon {
  margin-left: 5px;
}
/* ie8 and ie7 b/c they can't do media queries with LESS over 2 deep without */
.ie8 #wrapper,
.ie7 #wrapper,
.ie8 .allLevels,
.ie7 .allLevels,
.ie8 #sitelist,
.ie7 #sitelist {
  width: 1120px;
}
.ie8 #topnav #sitelist > li,
.ie7 #topnav #sitelist > li,
.ie8 #topnav #sitelist > li > li,
.ie7 #topnav #sitelist > li > li,
.ie8 #topnav .levelOne,
.ie7 #topnav .levelOne {
  margin-top: 13px;
  width: auto;
  height: 14px;
  text-indent: 0;
}
.ie8 #topnav #sitelist > li > span .icon,
.ie7 #topnav #sitelist > li > span .icon,
.ie8 #topnav #sitelist > li > a .icon,
.ie7 #topnav #sitelist > li > a .icon {
  display: none;
}
.ie8 #topnav li#logo,
.ie7 #topnav li#logo {
  display: none;
}
.ie8 #topnav li#moreSites,
.ie7 #topnav li#moreSites {
  margin-top: 5px;
  height: 40px;
  width: 185px;
  max-width: 185px;
}
.ie8 #topnav li#moreSites .icon,
.ie7 #topnav li#moreSites .icon {
  display: none;
}
.ie8 #topnav li#moreSites ul,
.ie7 #topnav li#moreSites ul {
  position: relative;
  display: block!important;
  background: transparent;
  width: 380px;
  top: 0;
  margin-left: 0;
  margin-top: 0;
}
.ie8 #topnav li#moreSites ul li,
.ie7 #topnav li#moreSites ul li {
  float: left;
  clear: none;
  display: inline;
  width: auto;
  text-transform: uppercase;
  margin: 8px 8px 0 0;
}
.ie8 #topnav .levelOne span span.icon,
.ie7 #topnav .levelOne span span.icon {
  display: block!important;
  margin-top: -8px;
}
.ie8 #topnav .allLevels:before,
.ie7 #topnav .allLevels:before,
.ie8 #topnav .allLevels:after,
.ie7 #topnav .allLevels:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: auto;
  left: auto;
  border-style: solid;
}
.ie8 #topnav .allLevels:before,
.ie7 #topnav .allLevels:before {
  top: -40px;
  /* value = - border-top-width - border-bottom-width */
  border: 20px solid transparent;
  border-bottom-color: #666;
}
.ie8 #topnav .allLevels:after,
.ie7 #topnav .allLevels:after {
  top: -34px;
  /* value = - border-top-width - border-bottom-width */
  border: 18px solid transparent;
  border-bottom-color: #fff;
}
.ie8 #topnav #FoodProgram,
.ie7 #topnav #FoodProgram {
  max-width: 75px;
}
.ie8 #topnav #FoodProgram .allLevels,
.ie7 #topnav #FoodProgram .allLevels {
  margin-left: -8px;
}
.ie8 #topnav #FoodProgram .allLevels:before,
.ie7 #topnav #FoodProgram .allLevels:before {
  left: 17px;
}
.ie8 #topnav #FoodProgram .allLevels:after,
.ie7 #topnav #FoodProgram .allLevels:after {
  left: 20px;
}
.ie8 #topnav #WaterProgram,
.ie7 #topnav #WaterProgram {
  max-width: 80px;
}
.ie8 #topnav #WaterProgram .allLevels,
.ie7 #topnav #WaterProgram .allLevels {
  margin-left: -91px;
}
.ie8 #topnav #WaterProgram .allLevels:before,
.ie7 #topnav #WaterProgram .allLevels:before {
  left: 109px;
}
.ie8 #topnav #WaterProgram .allLevels:after,
.ie7 #topnav #WaterProgram .allLevels:after {
  left: 112px;
}
.ie8 #topnav #EnergyProgram,
.ie7 #topnav #EnergyProgram {
  max-width: 90px;
}
.ie8 #topnav #EnergyProgram .allLevels,
.ie7 #topnav #EnergyProgram .allLevels {
  margin-left: -179px;
}
.ie8 #topnav #EnergyProgram .allLevels:before,
.ie7 #topnav #EnergyProgram .allLevels:before {
  left: 189px;
}
.ie8 #topnav #EnergyProgram .allLevels:after,
.ie7 #topnav #EnergyProgram .allLevels:after {
  left: 192px;
}
.ie8 #left article,
.ie7 #left article {
  float: left;
  clear: none;
}
.ie8 #issues,
.ie7 #issues {
  display: inline-block;
}
.ie8 #page_header #page_logo,
.ie7 #page_header #page_logo {
  display: inline;
}
.ie8 #featuredArticles,
.ie7 #featuredArticles {
  height: 300px;
}
.ie8 #featuredArticles .meta,
.ie7 #featuredArticles .meta {
  width: 44%;
  right: 0;
  background: none;
  opacity: 1;
  padding: 0;
}
.ie8 #featuredArticles .meta h3,
.ie7 #featuredArticles .meta h3,
.ie8 #featuredArticles .meta h3 a,
.ie7 #featuredArticles .meta h3 a,
.ie8 #featuredArticles .meta p,
.ie7 #featuredArticles .meta p {
  color: #000;
  text-shadow: none;
}
.ie8 #featuredArticles .meta h3,
.ie7 #featuredArticles .meta h3 {
  margin-top: 5px;
}
.ie8 #featuredArticles #slideshow,
.ie7 #featuredArticles #slideshow,
.ie8 #featuredArticles #slideshow li,
.ie7 #featuredArticles #slideshow li {
  width: 100%;
  overflow: hidden;
  background-color: #f8fcee;
}
.ie8 #featuredArticles #slideshow,
.ie7 #featuredArticles #slideshow,
.ie8 #featuredArticles #slideshow li #slideshow li img,
.ie7 #featuredArticles #slideshow li #slideshow li img,
.ie8 #featuredArticles img,
.ie7 #featuredArticles img {
  height: 300px;
}
.ie8 #featuredArticles #slideshow li img,
.ie7 #featuredArticles #slideshow li img,
.ie8 #featuredArticles img,
.ie7 #featuredArticles img,
.ie8 #featuredArticles .slideControls,
.ie7 #featuredArticles .slideControls {
  width: 600px;
}
.ie8 #featuredArticles.video,
.ie7 #featuredArticles.video {
  height: 330px;
}
.ie8 #featuredArticles.video iframe,
.ie7 #featuredArticles.video iframe {
  width: 586px;
  height: 330px;
}
.ie7.page_home #featuredArticles,
.ie8.page_home #featuredArticles {
  width: 700px;
  height: 350px;
  float: left;
}
.ie7.page_home #featuredArticles .meta,
.ie8.page_home #featuredArticles .meta {
  width: 96%;
  height: 100%;
  right: auto;
  padding: 0 2%;
}
.ie7.page_home #featuredArticles .meta h3,
.ie8.page_home #featuredArticles .meta h3,
.ie7.page_home #featuredArticles .meta h3 a,
.ie8.page_home #featuredArticles .meta h3 a,
.ie7.page_home #featuredArticles .meta p,
.ie8.page_home #featuredArticles .meta p {
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.ie7.page_home #featuredArticles .meta h3,
.ie8.page_home #featuredArticles .meta h3,
.ie7.page_home #featuredArticles .meta p,
.ie8.page_home #featuredArticles .meta p {
  position: absolute;
}
.ie7.page_home #featuredArticles .meta h3,
.ie8.page_home #featuredArticles .meta h3 {
  bottom: 0;
  background-image: url('/images/nav/pixel_trp.png');
  background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
  margin-left: -2%;
  padding: 0 2% 3% 2%;
  width: 100%;
  /*for firefox*/
}
.ie7.page_home #featuredArticles .meta p,
.ie8.page_home #featuredArticles .meta p {
  display: none;
  width: 90%;
}
.ie7.page_home #featuredArticles .meta:hover,
.ie8.page_home #featuredArticles .meta:hover {
  background-image: url('/images/nav/pixel.png');
  background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}
.ie7.page_home #featuredArticles .meta:hover p,
.ie8.page_home #featuredArticles .meta:hover p {
  display: block;
  top: 28%;
}
.ie7.page_home #featuredArticles #slideshow li img,
.ie8.page_home #featuredArticles #slideshow li img,
.ie7.page_home #featuredArticles .slideControls,
.ie8.page_home #featuredArticles .slideControls {
  width: 100%;
}
.ie7.page_home #featuredArticles #slideshow,
.ie8.page_home #featuredArticles #slideshow,
.ie7.page_home #featuredArticles #slideshow li,
.ie8.page_home #featuredArticles #slideshow li,
.ie7.page_home #featuredArticles #slideshow li img,
.ie8.page_home #featuredArticles #slideshow li img {
  height: 350px;
}
.ie7.page_home #featuredArticles #slideshowiframe,
.ie8.page_home #featuredArticles #slideshowiframe {
  margin: 0 70px;
}
.ie7.page_home #ProgramStatements,
.ie8.page_home #ProgramStatements {
  float: right;
  width: 410px;
  display: inline;
}
.ie7.page_home #ProgramStatements .levelOne,
.ie8.page_home #ProgramStatements .levelOne {
  margin: 0 5px 5px 0;
}
.ie7.page_home #ProgramStatements .allLevels,
.ie8.page_home #ProgramStatements .allLevels {
  width: 670px !important;
}
.ie7.page_home #ProgramStatements #MissionStatement,
.ie8.page_home #ProgramStatements #MissionStatement {
  background: url('/images/nav/home_mission.jpg') no-repeat;
}
.ie7.page_home #ProgramStatements #MissionStatement .allLevels,
.ie8.page_home #ProgramStatements #MissionStatement .allLevels {
  margin: -172px 0 0 -709px;
}
.ie7.page_home #ProgramStatements #FoodStatement,
.ie8.page_home #ProgramStatements #FoodStatement {
  background: url('/images/nav/home_food.jpg') no-repeat;
}
.ie7.page_home #ProgramStatements #FoodStatement .allLevels,
.ie8.page_home #ProgramStatements #FoodStatement .allLevels {
  margin: -172px 0 0 -914px;
}
.ie7.page_home #ProgramStatements #WaterStatement,
.ie8.page_home #ProgramStatements #WaterStatement {
  background: url('/images/nav/home_water.jpg') no-repeat;
}
.ie7.page_home #ProgramStatements #WaterStatement .allLevels,
.ie8.page_home #ProgramStatements #WaterStatement .allLevels {
  margin: -349px 0 0 -709px;
}
.ie7.page_home #ProgramStatements #EnergyStatement,
.ie8.page_home #ProgramStatements #EnergyStatement {
  background: url('/images/nav/home_energy.jpg') no-repeat;
}
.ie7.page_home #ProgramStatements #EnergyStatement .allLevels,
.ie8.page_home #ProgramStatements #EnergyStatement .allLevels {
  margin: -349px 0 0 -914px;
}
.ie7.page_home #left,
.ie8.page_home #left {
  width: 790px;
  float: left;
  margin-top: 15px;
}
.ie7.page_home #right,
.ie8.page_home #right {
  width: 300px;
  float: right;
}
.ie7.page_home #homeText,
.ie8.page_home #homeText {
  float: right;
  width: 270px !important;
  margin: 25px 0;
  padding: 15px;
}
.ie7.page_home #homeText div a,
.ie8.page_home #homeText div a {
  width: 100%;
}
.ie7.post #left,
.ie8.post #left {
  width: 78%;
  clear: left;
  float: left;
}
.ie7.post #right,
.ie8.post #right {
  width: 224px;
  margin-top: 370px;
  float: right;
}
.ie7.post #mediaBox,
.ie8.post #mediaBox {
  float: right;
}
.ie7.post #mediaBox.video,
.ie8.post #mediaBox.video {
  width: 493px;
  height: 306px;
}
.ie7.post #sidebarA,
.ie8.post #sidebarA {
  float: right;
  display: inline;
  position: relative;
  clear: both;
  border-top: 3px solid #c1beb5;
  border-bottom: 3px solid #c1beb5;
  width: 250px;
  margin: 20px 0 32px 32px;
}
.ie7.post #sidebarA section,
.ie8.post #sidebarA section,
.ie7.post #sidebarA div,
.ie8.post #sidebarA div {
  clear: both;
  min-height: 80px;
}
.ie7.blog #left,
.ie8.blog #left {
  width: 55%;
  float: left;
}
.ie7.blog #right,
.ie8.blog #right {
  width: 42%;
  float: right;
}
.ie7.blog #mediaBox,
.ie8.blog #mediaBox {
  width: 600px;
  height: 300px;
  padding: 0;
}
.ie7.blog #mediaBox #slideshow,
.ie8.blog #mediaBox #slideshow,
.ie7.blog #mediaBox #slideshow li,
.ie8.blog #mediaBox #slideshow li,
.ie7.blog #mediaBox #slideshow li img,
.ie8.blog #mediaBox #slideshow li img,
.ie7.blog #mediaBox img,
.ie8.blog #mediaBox img {
  width: 100%;
  height: 300px;
}
.ie7.blog #mediaBox .slideControls,
.ie8.blog #mediaBox .slideControls {
  width: 600px;
}
.ie7.blog #mediaBox.video,
.ie8.blog #mediaBox.video {
  width: 600px;
  height: 374px;
}
.ie7.tag #left,
.ie7.landing #left,
.ie8.tag #left,
.ie8.landing #left {
  width: 72%;
  float: left;
}
.ie7.tag #right,
.ie7.landing #right,
.ie8.tag #right,
.ie8.landing #right {
  width: 25%;
  float: right;
}
.ie7.tag #sidebarA,
.ie7.landing #sidebarA,
.ie8.tag #sidebarA,
.ie8.landing #sidebarA,
.ie7.tag #sidebarB,
.ie7.landing #sidebarB,
.ie8.tag #sidebarB,
.ie8.landing #sidebarB {
  float: none;
  clear: both;
  width: 100%;
  display: block;
}
.ie7.tag #right,
.ie8.tag #right {
  margin-top: 40px;
}
.ie7.multimedia #left,
.ie8.multimedia #left {
  width: 70%;
  float: left;
}
.ie7.multimedia #right,
.ie8.multimedia #right {
  width: 28%;
  float: right;
}
.ie7.multimedia #sidebarA,
.ie8.multimedia #sidebarA {
  display: none;
}
.ie7.multimedia #sidebarB,
.ie8.multimedia #sidebarB {
  width: 100%;
}
.ie7.infographic,
.ie8.infographic {
  width: 600px!important;
}
@media only screen and (min-width: 1120px) {
  #wrapper,
  .allLevels,
  #sitelist {
    width: 1120px!important;
  }
  #topnav #sitelist > li,
  #topnav #sitelist > li > li,
  #topnav .levelOne {
    margin-top: 13px;
    width: auto;
    height: 14px;
    text-indent: 0;
  }
  #topnav #sitelist > li > span .icon,
  #topnav #sitelist > li > a .icon {
    display: none;
  }
  #topnav li#logo {
    display: none;
  }
  #topnav li#moreSites {
    margin-top: 5px;
    height: 40px;
    width: 185px;
    max-width: 185px;
  }
  #topnav li#moreSites .icon {
    display: none;
  }
  #topnav li#moreSites ul {
    position: relative;
    display: block!important;
    background: transparent;
    width: 380px;
    top: 0;
    margin-left: 0;
    margin-top: 0;
  }
  #topnav li#moreSites ul li {
    float: left;
    clear: none;
    display: inline;
    width: auto;
    text-transform: uppercase;
    margin: 8px 8px 0 0;
  }
  #topnav .levelOne span span.icon {
    display: block!important;
    margin-top: -8px;
  }
  #topnav .allLevels:before,
  #topnav .allLevels:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: auto;
    left: auto;
    border-style: solid;
  }
  #topnav .allLevels:before {
    top: -40px;
    /* value = - border-top-width - border-bottom-width */
    border: 20px solid transparent;
    border-bottom-color: #666;
  }
  #topnav .allLevels:after {
    top: -34px;
    /* value = - border-top-width - border-bottom-width */
    border: 18px solid transparent;
    border-bottom-color: #fff;
  }
  #topnav #FoodProgram {
    max-width: 75px;
  }
  #topnav #FoodProgram .allLevels {
    margin-left: -8px;
  }
  #topnav #FoodProgram .allLevels:before {
    left: 17px;
  }
  #topnav #FoodProgram .allLevels:after {
    left: 20px;
  }
  #topnav #WaterProgram {
    max-width: 80px;
  }
  #topnav #WaterProgram .allLevels {
    margin-left: -91px;
  }
  #topnav #WaterProgram .allLevels:before {
    left: 109px;
  }
  #topnav #WaterProgram .allLevels:after {
    left: 112px;
  }
  #topnav #EnergyProgram {
    max-width: 90px;
  }
  #topnav #EnergyProgram .allLevels {
    margin-left: -179px;
  }
  #topnav #EnergyProgram .allLevels:before {
    left: 189px;
  }
  #topnav #EnergyProgram .allLevels:after {
    left: 192px;
  }
  #ProgramStatements {
    float: right;
    width: 410px;
    display: inline;
  }
  #ProgramStatements .levelOne {
    margin: 0 5px 5px 0;
  }
  #ProgramStatements .allLevels {
    width: 670px !important;
  }
  #ProgramStatements #MissionStatement {
    background: url('/images/nav/home_mission.jpg') no-repeat;
  }
  #ProgramStatements #MissionStatement .allLevels {
    margin: -172px 0 0 -709px;
  }
  #ProgramStatements #FoodStatement {
    background: url('/images/nav/home_food.jpg') no-repeat;
  }
  #ProgramStatements #FoodStatement .allLevels {
    margin: -172px 0 0 -914px;
  }
  #ProgramStatements #WaterStatement {
    background: url('/images/nav/home_water.jpg') no-repeat;
  }
  #ProgramStatements #WaterStatement .allLevels {
    margin: -349px 0 0 -709px;
  }
  #ProgramStatements #EnergyStatement {
    background: url('/images/nav/home_energy.jpg') no-repeat;
  }
  #ProgramStatements #EnergyStatement .allLevels {
    margin: -349px 0 0 -914px;
  }
  #homeText {
    float: right;
    width: 270px;
    margin: 25px 0;
    padding: 15px;
  }
  #homeText div a {
    width: 100%;
  }
  .page_home #left {
    width: 790px;
    float: left;
    margin-top: 6px;
  }
  .page_home #right {
    width: 300px;
    float: right;
  }
  .page_home #featuredArticles {
    width: 700px;
    height: 350px;
    float: left;
  }
  .page_home #featuredArticles .meta {
    width: 96%;
    height: 100%;
    right: auto;
    padding: 0 2%;
  }
  .page_home #featuredArticles .meta h3,
  .page_home #featuredArticles .meta h3 a,
  .page_home #featuredArticles .meta p {
    color: #fff;
    text-shadow: 0 0 3px #000;
  }
  .page_home #featuredArticles .meta h3,
  .page_home #featuredArticles .meta p {
    position: absolute;
  }
  .page_home #featuredArticles .meta h3 {
    bottom: 0;
    background-image: url('/images/nav/pixel_trp.png');
    background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
    margin-left: -2%;
    padding: 0 2% 3% 2%;
    width: 100%;
    /*for firefox*/
  }
  .page_home #featuredArticles .meta p {
    display: none;
    width: 90%;
  }
  .page_home #featuredArticles .meta:hover {
    background-image: url('/images/nav/pixel.png');
    background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  }
  .page_home #featuredArticles .meta:hover p {
    display: block;
    top: 28%;
  }
  .page_home #featuredArticles #slideshow li img,
  .page_home #featuredArticles .slideControls {
    width: 100%;
  }
  .page_home #featuredArticles #slideshow,
  .page_home #featuredArticles #slideshow li,
  .page_home #featuredArticles #slideshow li img {
    height: 350px;
  }
  .page_home #featuredArticles #slideshowiframe {
    margin: 0 70px;
  }
  .no-touch.page_home #featuredArticles .meta:hover {
    background-image: url('/images/nav/pixel.png');
    background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  }
  .no-touch.page_home #featuredArticles .meta:hover p {
    display: block;
  }
  #featuredArticles {
    height: 300px;
  }
  #featuredArticles .meta {
    width: 44%;
    right: 0;
    background: none;
    opacity: 1;
    padding: 0;
  }
  #featuredArticles .meta h3,
  #featuredArticles .meta h3 a,
  #featuredArticles .meta p {
    color: #000;
    text-shadow: none;
  }
  #featuredArticles .meta h3 {
    margin-top: 5px;
  }
  #featuredArticles #slideshow,
  #featuredArticles #slideshow li {
    width: 100%;
    overflow: hidden;
  }
  #featuredArticles #slideshow,
  #featuredArticles #slideshow li #slideshow li img,
  #featuredArticles img {
    height: 300px;
  }
  #featuredArticles #slideshow li img,
  #featuredArticles img,
  #featuredArticles .slideControls {
    width: 600px;
  }
  #featuredArticles.video {
    height: 330px;
  }
  #featuredArticles.video iframe {
    width: 586px;
    height: 330px;
  }
  .tag #left,
  .landing #left {
    width: 72%;
    float: left;
  }
  .tag #right,
  .landing #right {
    width: 25%;
    float: right;
  }
  .tag #sidebarA,
  .landing #sidebarA,
  .tag #sidebarB,
  .landing #sidebarB {
    float: none;
    clear: both;
    width: 100%;
    display: block;
  }
  .tag #right {
    margin-top: 40px;
  }
  .post #left {
    width: 78%;
    clear: left;
    float: left;
  }
  .post #right {
    width: 224px;
    margin-top: 370px;
    float: right;
  }
  .post #mediaBox {
    float: right;
  }
  .post #mediaBox.video {
    width: 493px;
    height: 306px;
  }
  .post #sidebarA {
    float: right;
    display: inline;
    position: relative;
    clear: both;
    border-top: 3px solid #c1beb5;
    border-bottom: 3px solid #c1beb5;
    width: 250px;
    margin: 20px 0 32px 32px;
  }
  .post #sidebarA section,
  .post #sidebarA div {
    clear: both;
    min-height: 80px;
  }
  .post #associatedContent article {
    float: left;
    width: 48%;
  }
  .post #associatedContent article:nth-child(2n+1) {
    float: left;
    clear: left;
  }
  .post #associatedContent article:nth-child(2n+2) {
    float: right;
    clear: right;
  }
  .blog #left {
    width: 55%;
    float: left;
  }
  .blog #right {
    width: 42%;
    float: right;
  }
  .blog #mediaBox {
    width: 600px;
    height: 300px;
    padding: 0;
  }
  .blog #mediaBox #slideshow,
  .blog #mediaBox #slideshow li,
  .blog #mediaBox #slideshow li img,
  .blog #mediaBox img {
    width: 100%;
    height: 300px;
  }
  .blog #mediaBox .slideControls {
    width: 600px;
  }
  .blog #mediaBox.video {
    width: 600px;
    height: 374px;
  }
  .multimedia #left {
    width: 70%;
    float: left;
  }
  .multimedia #right {
    width: 28%;
    float: right;
  }
  .multimedia #sidebarA {
    display: none;
  }
  .multimedia #sidebarB {
    width: 100%;
  }
  .infographic {
    width: 600px!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1120px) {
  #wrapper,
  #sitelist,
  #left,
  #right {
    width: 820px !important;
  }
  #topnav #sitelist > li,
  #topnav #sitelist > li > li,
  #topnav .levelOne {
    margin-top: 13px;
    width: auto;
    height: 14px;
    text-indent: 0;
  }
  #topnav #sitelist > li > span .icon,
  #topnav #sitelist > li > a .icon {
    display: none;
  }
  #topnav li#logo {
    display: none;
  }
  #topnav li#moreSites {
    margin-top: 5px;
    height: 40px;
    width: 185px;
    max-width: 185px;
  }
  #topnav li#moreSites .icon {
    display: none;
  }
  #topnav li#moreSites ul {
    position: relative;
    display: block!important;
    background: transparent;
    width: 380px;
    top: 0;
    margin-left: 0;
    margin-top: 0;
  }
  #topnav li#moreSites ul li {
    float: left;
    clear: none;
    display: inline;
    width: auto;
    text-transform: uppercase;
    margin: 8px 8px 0 0;
  }
  #topnav .levelOne span span.icon {
    display: block!important;
    margin-top: -8px;
  }
  #topnav .allLevels:before,
  #topnav .allLevels:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: auto;
    left: auto;
    border-style: solid;
  }
  #topnav .allLevels:before {
    top: -40px;
    /* value = - border-top-width - border-bottom-width */
    border: 20px solid transparent;
    border-bottom-color: #666;
  }
  #topnav .allLevels:after {
    top: -34px;
    /* value = - border-top-width - border-bottom-width */
    border: 18px solid transparent;
    border-bottom-color: #fff;
  }
  #topnav #FoodProgram {
    max-width: 75px;
  }
  #topnav #FoodProgram .allLevels {
    margin-left: -8px;
  }
  #topnav #FoodProgram .allLevels:before {
    left: 17px;
  }
  #topnav #FoodProgram .allLevels:after {
    left: 20px;
  }
  #topnav #WaterProgram {
    max-width: 80px;
  }
  #topnav #WaterProgram .allLevels {
    margin-left: -91px;
  }
  #topnav #WaterProgram .allLevels:before {
    left: 109px;
  }
  #topnav #WaterProgram .allLevels:after {
    left: 112px;
  }
  #topnav #EnergyProgram {
    max-width: 90px;
  }
  #topnav #EnergyProgram .allLevels {
    margin-left: -179px;
  }
  #topnav #EnergyProgram .allLevels:before {
    left: 189px;
  }
  #topnav #EnergyProgram .allLevels:after {
    left: 192px;
  }
  .allLevels {
    width: 840px !important;
  }
  #ProgramStatements {
    float: none;
    display: inline;
    width: 820px !important;
  }
  #ProgramStatements .allLevels {
    width: 785px!important;
  }
  #ProgramStatements #MissionStatement .allLevels {
    margin: -594px 0 0 0 !important;
  }
  #ProgramStatements #FoodStatement .allLevels {
    margin: -594px 0 0 -205px !important;
  }
  #ProgramStatements #WaterStatement .allLevels {
    margin: -594px 0 0 -410px !important;
  }
  #ProgramStatements #EnergyStatement .allLevels {
    margin: -594px 0 0 -615px !important;
  }
  #homeText {
    clear: both;
    float: none;
    width: 97%;
    margin: 1% 0;
    padding: 1%;
  }
  #homeText div {
    margin: 0 auto;
  }
  #homeText div a {
    width: auto;
    height: 25px;
    float: left;
    padding-top: 5px;
    margin-right: 15px;
  }
  #homeText div a span {
    float: left;
    margin-top: -6px;
  }
  .page_home #right {
    width: 100%;
  }
  .page_home #featuredArticles {
    width: 815px !important;
    height: 408px !important;
    border: none;
  }
  .page_home #featuredArticles .meta {
    width: 96%;
    height: 100%;
    right: auto;
    padding: 0 2%;
  }
  .page_home #featuredArticles .meta h3,
  .page_home #featuredArticles .meta h3 a,
  .page_home #featuredArticles .meta p {
    color: #fff;
    text-shadow: 0 0 3px #000;
  }
  .page_home #featuredArticles .meta h3,
  .page_home #featuredArticles .meta p {
    position: absolute;
  }
  .page_home #featuredArticles .meta h3 {
    bottom: 0;
    background-image: url('/images/nav/pixel_trp.png');
    background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
    margin-left: -2%;
    padding: 0 2% 3% 2%;
    width: 100%;
    /*for firefox*/
  }
  .page_home #featuredArticles .meta p {
    display: none;
    width: 90%;
  }
  .page_home #featuredArticles .meta:hover {
    background-image: url('/images/nav/pixel.png');
    background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  }
  .page_home #featuredArticles .meta:hover p {
    display: block;
    top: 28%;
  }
  .page_home #featuredArticles #slideshow li img,
  .page_home #featuredArticles .slideControls {
    width: 100%;
  }
  .page_home #featuredArticles #slideshow,
  .page_home #featuredArticles #slideshow li img,
  .page_home #featuredArticles #slideshow li,
  .page_home #featuredArticles .meta {
    height: 408px !important;
  }
  #featuredArticles {
    height: 210px;
  }
  #featuredArticles .meta {
    width: 44%;
    right: 0;
    background: none;
    opacity: 1;
    padding: 0;
  }
  #featuredArticles .meta h3,
  #featuredArticles .meta h3 a,
  #featuredArticles .meta p {
    color: #000;
    text-shadow: none;
  }
  #featuredArticles .meta h3 {
    margin-top: 5px;
  }
  #featuredArticles #slideshow li img,
  #featuredArticles img {
    width: 420px;
    height: 210px;
  }
  #featuredArticles .meta {
    height: 210px;
    overflow: hidden;
  }
  #featuredArticles .meta h3 {
    font-size: 30px;
  }
  #featuredArticles .meta a,
  #featuredArticles .meta p {
    font-size: 100%;
  }
  #featuredArticles .slideControls {
    width: 420px;
  }
  #featuredArticles.video {
    height: 275px;
  }
  #featuredArticles.video .meta {
    width: 306px;
  }
  #featuredArticles.video iframe {
    width: 488px;
    height: 275px;
  }
  #featuredArticles.banner {
    height: 208px;
  }
  .no-touch.page_home #featuredArticles .meta:hover {
    background-image: url('/images/nav/pixel.png');
    background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  }
  .no-touch.page_home #featuredArticles .meta:hover p {
    display: block;
  }
  .landing #left {
    width: 525px;
    float: left;
  }
  .landing #right {
    width: 100%;
    float: right;
  }
  .landing #issues .level1 {
    width: 251px;
  }
  .post #mediaBox {
    margin-right: 0;
    float: right;
  }
  .post #mediaBox.video {
    width: 493px;
    height: 306px;
  }
  .post #sidebarA {
    width: 250px;
    margin: 34px 0 32px 32px;
    float: right;
    display: inline;
    clear: both;
    position: relative;
    border-top: 3px solid #c1beb5;
    border-bottom: 3px solid #c1beb5;
  }
  .post #right {
    margin-top: 0;
    width: 100%;
    float: right;
  }
  .blog #left {
    width: 57%;
    float: left;
  }
  .blog #right {
    width: 40%;
    float: right;
  }
  .blog #mediaBox {
    width: 450px;
    height: 225px;
    padding: 0;
  }
  .blog #mediaBox #slideshow,
  .blog #mediaBox #slideshow li,
  .blog #mediaBox #slideshow li img,
  .blog #mediaBox img {
    width: 450px;
    height: 225px;
  }
  .blog #mediaBox .slideControls {
    width: 450px;
  }
  .blog #mediaBox.video {
    width: 450px;
    height: 281px;
  }
  #footer {
    width: 100%!important;
    clear: both;
  }
  .multimedia #right article {
    width: auto;
    float: left;
  }
}
/* iPads both orientations -- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #wrapper,
  #sitelist,
  #left {
    width: 96%;
  }
  .levelOne {
    width: 172px!important;
    height: 147px!important;
  }
}
/* iPads and max width 768 -- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #wrapper,
  #sitelist {
    max-width: 705px;
  }
  .allLevels {
    width: 560px !important;
  }
  #ProgramStatements {
    width: 705px;
    float: none;
  }
  #ProgramStatements .allLevels {
    width: 672px!important;
  }
  #ProgramStatements #MissionStatement .allLevels {
    margin: -625px 0 0 0;
  }
  #ProgramStatements #FoodStatement .allLevels {
    margin: -625px 0 0 -177px;
  }
  #ProgramStatements #WaterStatement .allLevels {
    margin: -625px 0 0 -354px;
  }
  #ProgramStatements #EnergyStatement .allLevels {
    margin: -625px 0 0 -531px;
  }
  .page_home #left section,
  .page_home #sidebarB,
  .page_home #right {
    width: 400px;
    float: right;
    margin: 15px 0;
  }
  .page_home #left section:nth-child(1) {
    width: 260px;
    float: left;
  }
  #featuredArticles {
    width: 703px!important;
    height: 350px!important;
    border: none;
  }
  #featuredArticles .meta {
    width: 96%;
    height: 100%;
    right: auto;
    padding: 0 2%;
  }
  #featuredArticles .meta h3,
  #featuredArticles .meta h3 a,
  #featuredArticles .meta p {
    color: #fff;
    text-shadow: 0 0 3px #000;
  }
  #featuredArticles .meta h3,
  #featuredArticles .meta p {
    position: absolute;
  }
  #featuredArticles .meta h3 {
    bottom: 0;
    background-image: url('/images/nav/pixel_trp.png');
    background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
    margin-left: -2%;
    padding: 0 2% 3% 2%;
    width: 100%;
    /*for firefox*/
  }
  #featuredArticles .meta p {
    display: none;
    width: 90%;
  }
  #featuredArticles .meta:hover {
    background-image: url('/images/nav/pixel.png');
    background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  }
  #featuredArticles .meta:hover p {
    display: block;
    top: 28%;
  }
  #featuredArticles #slideshow li img,
  #featuredArticles .slideControls {
    width: 100%;
  }
  #featuredArticles #slideshow,
  #featuredArticles #slideshow li img,
  #featuredArticles #slideshow li,
  #featuredArticles img,
  #featuredArticles .meta {
    height: 350px!important;
  }
  #featuredArticles #slideshow p,
  #featuredArticles #slideshow li img p,
  #featuredArticles #slideshow li p,
  #featuredArticles img p,
  #featuredArticles .meta p {
    bottom: auto;
    top: 10%;
  }
  #featuredArticles img.bannerImage {
    height: 225px!important;
  }
  #featuredArticles.singlePost img {
    width: 703px!important;
  }
  #featuredArticles.banner {
    height: 240px!important;
  }
  #featuredArticles.video .meta {
    display: none;
  }
  #mediaBox.video {
    width: 700px;
    height: 393px;
  }
  #mediaBox.video iframe {
    width: 100%;
    height: 100%;
  }
  .blog #mediaBox,
  .post #mediaBox {
    padding: 0;
    float: none;
    clear: both;
    width: 700px;
    height: 350px;
  }
  .blog #mediaBox #slideshow,
  .post #mediaBox #slideshow,
  .blog #mediaBox #slideshow li,
  .post #mediaBox #slideshow li,
  .blog #mediaBox #slideshow li img,
  .post #mediaBox #slideshow li img,
  .blog #mediaBox img,
  .post #mediaBox img {
    width: 700px;
    height: 350px;
  }
  .blog #mediaBox .meta,
  .post #mediaBox .meta,
  .blog #mediaBox .slideControls,
  .post #mediaBox .slideControls {
    width: 700px;
  }
  .blog #mediaBox .meta .meta,
  .post #mediaBox .meta .meta {
    width: 96%;
    height: 100%;
    right: auto;
    padding: 0 2%;
  }
  .blog #mediaBox .meta .meta h3,
  .post #mediaBox .meta .meta h3,
  .blog #mediaBox .meta .meta h3 a,
  .post #mediaBox .meta .meta h3 a,
  .blog #mediaBox .meta .meta p,
  .post #mediaBox .meta .meta p {
    color: #fff;
    text-shadow: 0 0 3px #000;
  }
  .blog #mediaBox .meta .meta h3,
  .post #mediaBox .meta .meta h3,
  .blog #mediaBox .meta .meta p,
  .post #mediaBox .meta .meta p {
    position: absolute;
  }
  .blog #mediaBox .meta .meta h3,
  .post #mediaBox .meta .meta h3 {
    bottom: 0;
    background-image: url('/images/nav/pixel_trp.png');
    background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
    margin-left: -2%;
    padding: 0 2% 3% 2%;
    width: 100%;
    /*for firefox*/
  }
  .blog #mediaBox .meta .meta p,
  .post #mediaBox .meta .meta p {
    display: none;
    width: 90%;
  }
  .blog #mediaBox .meta .meta:hover,
  .post #mediaBox .meta .meta:hover {
    background-image: url('/images/nav/pixel.png');
    background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  }
  .blog #mediaBox .meta .meta:hover p,
  .post #mediaBox .meta .meta:hover p {
    display: block;
    top: 28%;
  }
  .blog #mediaBox .meta #slideshow li img,
  .post #mediaBox .meta #slideshow li img,
  .blog #mediaBox .meta .slideControls,
  .post #mediaBox .meta .slideControls {
    width: 100%;
  }
  #issues .level1 {
    width: 48.7%!important;
  }
  .landing #sidebarA .badge,
  .landing #sidebarA .widget {
    float: left;
    width: auto;
    max-width: 320px;
    clear: none;
    margin-right: 15px;
  }
  .blog #left,
  .post #left,
  .blog #right,
  .post #right,
  .landing #left,
  .landing #right,
  .article {
    width: 100%!important;
    clear: none !important;
    float: none!important;
    margin: 15px 0;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #wrapper,
  #sitelist,
  #left {
    max-width: 960px;
  }
  .allLevels {
    width: 840px;
  }
  #left {
    width: 538px;
    float: left;
  }
  #right {
    width: 410px;
    float: right;
  }
  #topnav #sitelist > li,
  #topnav #sitelist > li > li,
  #topnav .levelOne {
    margin-top: 13px;
    width: auto;
    height: 14px;
    text-indent: 0;
  }
  #topnav #sitelist > li > span .icon,
  #topnav #sitelist > li > a .icon {
    display: none;
  }
  #topnav li#logo {
    display: none;
  }
  #topnav li#moreSites {
    margin-top: 5px;
    height: 40px;
    width: 185px;
    max-width: 185px;
  }
  #topnav li#moreSites .icon {
    display: none;
  }
  #topnav li#moreSites ul {
    position: relative;
    display: block!important;
    background: transparent;
    width: 380px;
    top: 0;
    margin-left: 0;
    margin-top: 0;
  }
  #topnav li#moreSites ul li {
    float: left;
    clear: none;
    display: inline;
    width: auto;
    text-transform: uppercase;
    margin: 8px 8px 0 0;
  }
  #topnav .levelOne span span.icon {
    display: block!important;
    margin-top: -8px;
  }
  #topnav .allLevels:before,
  #topnav .allLevels:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: auto;
    left: auto;
    border-style: solid;
  }
  #topnav .allLevels:before {
    top: -40px;
    /* value = - border-top-width - border-bottom-width */
    border: 20px solid transparent;
    border-bottom-color: #666;
  }
  #topnav .allLevels:after {
    top: -34px;
    /* value = - border-top-width - border-bottom-width */
    border: 18px solid transparent;
    border-bottom-color: #fff;
  }
  #topnav #FoodProgram {
    max-width: 75px;
  }
  #topnav #FoodProgram .allLevels {
    margin-left: -8px;
  }
  #topnav #FoodProgram .allLevels:before {
    left: 17px;
  }
  #topnav #FoodProgram .allLevels:after {
    left: 20px;
  }
  #topnav #WaterProgram {
    max-width: 80px;
  }
  #topnav #WaterProgram .allLevels {
    margin-left: -91px;
  }
  #topnav #WaterProgram .allLevels:before {
    left: 109px;
  }
  #topnav #WaterProgram .allLevels:after {
    left: 112px;
  }
  #topnav #EnergyProgram {
    max-width: 90px;
  }
  #topnav #EnergyProgram .allLevels {
    margin-left: -179px;
  }
  #topnav #EnergyProgram .allLevels:before {
    left: 189px;
  }
  #topnav #EnergyProgram .allLevels:after {
    left: 192px;
  }
  #ProgramStatements {
    width: 355px;
    float: right;
  }
  #ProgramStatements .allLevels {
    width: 572px!important;
  }
  #ProgramStatements #MissionStatement .allLevels {
    margin: -172px 0 0 -604px !important;
  }
  #ProgramStatements #FoodStatement .allLevels {
    margin: -172px 0 0 -781px !important;
  }
  #ProgramStatements #WaterStatement .allLevels {
    margin: -324px 0 0 -604px !important;
  }
  #ProgramStatements #EnergyStatement .allLevels {
    margin: -324px 0 0 -781px !important;
  }
  .page_home #featuredArticles {
    width: 597px;
    height: 299px;
    border: none;
    float: left;
  }
  .page_home #featuredArticles .meta {
    width: 96%;
    height: 100%;
    right: auto;
    padding: 0 2%;
  }
  .page_home #featuredArticles .meta h3,
  .page_home #featuredArticles .meta h3 a,
  .page_home #featuredArticles .meta p {
    color: #fff;
    text-shadow: 0 0 3px #000;
  }
  .page_home #featuredArticles .meta h3,
  .page_home #featuredArticles .meta p {
    position: absolute;
  }
  .page_home #featuredArticles .meta h3 {
    bottom: 0;
    background-image: url('/images/nav/pixel_trp.png');
    background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
    margin-left: -2%;
    padding: 0 2% 3% 2%;
    width: 100%;
    /*for firefox*/
  }
  .page_home #featuredArticles .meta p {
    display: none;
    width: 90%;
  }
  .page_home #featuredArticles .meta:hover {
    background-image: url('/images/nav/pixel.png');
    background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  }
  .page_home #featuredArticles .meta:hover p {
    display: block;
    top: 28%;
  }
  .page_home #featuredArticles #slideshow li img,
  .page_home #featuredArticles .slideControls {
    width: 100%;
  }
  .page_home #featuredArticles #slideshow,
  .page_home #featuredArticles #slideshow li img,
  .page_home #featuredArticles #slideshow li,
  .page_home #featuredArticles .meta {
    height: 299px;
  }
  .page_home #featuredArticles #slideshow p,
  .page_home #featuredArticles #slideshow li img p,
  .page_home #featuredArticles #slideshow li p,
  .page_home #featuredArticles .meta p {
    bottom: auto;
    top: 10%;
  }
  #featuredArticles {
    height: 285px;
  }
  #featuredArticles .meta {
    width: 44%;
    right: 0;
    background: none;
    opacity: 1;
    padding: 0;
  }
  #featuredArticles .meta h3,
  #featuredArticles .meta h3 a,
  #featuredArticles .meta p {
    color: #000;
    text-shadow: none;
  }
  #featuredArticles .meta h3 {
    margin-top: 5px;
  }
  #featuredArticles #slideshow,
  #featuredArticles #slideshow li {
    width: 100%;
    height: 285px;
  }
  #featuredArticles img,
  #featuredArticles #slideshow li img {
    width: 570px;
    height: 285px;
  }
  #featuredArticles .meta {
    width: 370px;
    height: 285px;
  }
  #featuredArticles .slideControls {
    width: 570px;
  }
  #featuredArticles.banner {
    height: 285px;
  }
  #featuredArticles.video .meta {
    width: 450px;
  }
  #mediaBox.video {
    width: 450px;
    height: 281px;
  }
  #mediaBox.video iframe {
    width: 450px;
    height: 281px;
  }
  .post #left {
    width: 760px;
    clear: left;
    float: left;
  }
  .post #right {
    width: 192px;
    margin-top: 380px;
    float: right;
  }
  .post #mediaBox {
    float: right;
    margin: 20px -198px 20px 0;
  }
  .blog .video-player {
    width: 470px;
    height: 292px;
  }
  .landing #right {
    width: 420px;
  }
}
@media only screen and (max-width: 767px) {
  #wrapper,
  #sitelist {
    max-width: 600px;
    width: 96%;
    margin: 0 auto;
  }
  .allLevels {
    width: 560px!important;
  }
  #ProgramStatements #FoodStatement .allLevels,
  #ProgramStatements #EnergyStatement .allLevels {
    margin-left: -205px;
  }
  h1.title span,
  .post #sidebarA,
  .page_home #featuredArticles,
  .socialToolbar_divider,
  #issues,
  #featuredSeries {
    display: none!important;
  }
  #footer,
  #left,
  #right,
  #sidebarA,
  #sidebarB,
  #sidebarBlog,
  .pull,
  .mediaData {
    width: 99%!important;
    clear: both !important;
    float: none!important;
    height: auto;
    margin: 15px 0;
    padding: 0;
  }
  #featuredArticles img {
    width: 100%!important;
    height: auto!important;
  }
  #featuredArticles .meta {
    position: inherit;
  }
  #featuredArticles .meta h3,
  #featuredArticles .meta h3 a,
  #featuredArticles .meta p {
    margin: 15px 0;
  }
  #featuredArticles.slides {
    display: none;
  }
  #mediaBox {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  #wrapper,
  #sitelist {
    max-width: 100%;
  }
  .allLevels {
    width: 268px!important;
  }
  #topicName {
    position: inherit!important;
    clear: both;
    margin-left: 0!important;
    bottom: 0!important;
  }
  #ProgramStatements,
  #featuredArticles,
  #mediaBox,
  #relatedMedia,
  #sidebarBlog,
  #sidebarA,
  #sidebarB,
  #commentSection,
  .post-share .print,
  .post-share .email,
  .post-share .share,
  #socialToolbar {
    display: none!important;
  }
  #left article {
    width: 100%!important;
    clear: both!important;
    float: none!important;
  }
  #footer ul {
    display: none;
  }
  #footer p {
    text-align: center;
    background: #dedfbb;
  }
  #topnav #sitelist > li,
  #topnav #sitelist > li > li,
  #topnav .levelOne {
    margin-right: 13px;
  }
  .filterCategory a {
    text-indent: -999px;
  }
  .energy #searchBar {
    background: #699817;
  }
  .food #searchBar {
    background: #bf2e1a;
  }
  .water #searchBar {
    background: #1f86fc;
  }
  #searchBar {
    background: #cc6633;
    position: fixed!important;
    margin: 0 -260px 0 0;
    padding-left: 32px;
  }
  .handheld #searchBar {
    margin-right: -260px;
    top: 103px;
  }
  /*hidden by safari header area on phones*/
  .mobileToggle {
    display: block!important;
  }
  .imgwfcdrop {width: 60%;}
  .entry {margin-top: 0;}
}
/*********************
BACKGROUNDS
*********************/
.blkFade {
  background-image: url('/images/nav/pixel_trp.png');
  background-image: -moz-linear-gradient(top left -90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -o-linear-gradient(bottom, #000000, rgba(255, 255, 255, 0));
}
.blkTrp {
  background-image: url('/images/nav/pixel.png');
  background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5)));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}
.fffTrp {
  background-image: url('/images/nav/pixel_fff.png');
  background-image: -webkit-gradient(linear, left top, left 45%, from(rgba(252, 252, 252, 0.8)), to(rgba(252, 252, 252, 0.8)));
  background-image: -moz-linear-gradient(bottom, rgba(252, 252, 252, 0.8), rgba(252, 252, 252, 0.8));
  background-image: -o-linear-gradient(bottom, rgba(252, 252, 252, 0.8), rgba(252, 252, 252, 0.8));
}
.striped {
  background-repeat: repeat;
  background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-image: url('/images/icon/tile_striped.png');
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, #efefef), color-stop(0.5, transparent), to(transparent));
  background-image: -webkit-linear-gradient(#efefef 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(#efefef 50%, transparent 50%, transparent);
  background-image: -moz-linear-gradient(#efefef 50%, transparent 50%, transparent);
  background-image: -ms-linear-gradient(#efefef 50%, transparent 50%, transparent);
  background-image: linear-gradient(#efefef s 50%, transparent 50%, transparent);
}
.gcfFade {
  background-image: url('/images/icon/tile_socToolbar.gif');
  background-color: #dedfbb;
  background-image: -moz-linear-gradient(top, #dedfbb 1%, #c3c4a2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #dedfbb), color-stop(100%, #c3c4a2));
  background-image: -webkit-linear-gradient(top, #dedfbb 1%, #c3c4a2 100%);
  background-image: -o-linear-gradient(top, #dedfbb 1%, #c3c4a2 100%);
  background-image: -ms-linear-gradient(top, #dedfbb 1%, #c3c4a2 100%);
  background-image: linear-gradient(to bottom, #dedfbb 1%, #c3c4a2 100%);
}
/*********************
MISCELLANEOUS
*********************/
img {
  border: none;
  margin: 0;
  padding: 0;
}
.enhancedIntro {
  font-size: 120%;
  padding-bottom: 15px;
}
/************************
PARAGRAPH TYPOGRAPHY/DEFAULTS  
*************************/
p {
  font-size: 100%;
  line-height: 140%;
  margin: 2% 0;
  padding: 0;
  text-transform: none;
}
p.metaData {
  font-size: 90%;
  margin: 2% 0!important;
}
p.indent {
  margin-left: 5%;
  margin-right: 5%;
}
.error p {
  margin: 0;
}
p.eatwell {
  color: #c7f89c;
  font-size: 200%;
}
.question {
  font-family: 'Tisa', Georgia, serif !important;
  font-weight: 400!important;
  padding: 5px!important;
  font-size: 110%!important;
  line-height: 170%!important;
  display: inline!important;
  background-color: #eee!important;
  text-align: center!important;
}
p.allCaps {
  font-size: 95%;
  /*5% less than p 110 was (105%) updated by Fu 12/13/2011*/
  text-transform: uppercase;
}
.fraction {
  font-size: 1em;
}
p.pull {
  width: 32%;
  float: left;
  font-size: 22px;
  line-height: 110%;
  color: #9a9a68;
  border-top: 8px solid #9a9a68;
  padding: 2% 0;
  margin: 1% 2% 0 0!important;
  font-family: Tisa;
}
.blog .pull {
  border-top: 8px solid #000;
  color: #000;
}
blockquote,
blockquote p,
.blockquote {
  margin: 25px auto;
  padding: 10px;
  width: 90%;
  font-size: 120%;
  /*lib mod 8/30/12 font size was huge*/
  font-weight: 400;
  color: #3e482f;
}
.blog blockquote,
.blog .blockquote,
.blog blockquote p {
  line-height: 130%;
  color: #000000;
}
blockquote author,
blockquote .tinyfont {
  color: #C1BEB5;
  clear: both;
  float: right;
  padding: 1%;
  font-weight: 800;
  margin-top: -1%;
}
hr {
  border-top: 3px solid  #C1BEB5;
  margin: 15px 0;
}
/***************************
ICONS
***************************/
.icon {
  background-image: url('/images/icon/sprite_all.png');
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.icon:hover {
  cursor: pointer;
}
.icon.large {
  width: 32px;
  height: 32px;
}
.icon.wide {
  width: 64px;
  height: 16px;
}
.icon.close {
  background-position: -32px -448px;
}
.icon.prev,
.pp_arrow_previous,
.pp_previous {
  background-position: -48px -384px;
}
.icon.next,
.pp_next,
.next,
.pp_arrow_next {
  background-position: -16px -384px;
}
.icon.down {
  background-position: -32px -384px;
}
.icon.up {
  background-position: 0px -384px;
}
.icon.top {
  background-position: -16px -416px;
}
.entry a.top {
  margin-left: -16px;
}
.icon.facts {
  background-position: -48px -464px;
}
.icon.grid {
  background-position: -32px -367px;
}
.icon.oneColumnList {
  background-position: -47px -367px;
}
.icon.external,
.icon.link {
  background-position: 0 -448px;
}
.icon.quiz,
.quiz .viewTitle .icon {
  background-position: -2px -430px;
}
.entry a.icon.internal {
  float: none;
}
.icon.internal {
  background-position: -15px -448px;
}
.icon.hideThis {
  background-position: -17px -434px;
}
.icon.ellipsis {
  background-position: -32px -100px;
}
.icon.expand {
  background-position: -32px -160px;
}
.icon.share {
  background-position: -49px -623px;
}
.icon.showThis {
  background-position: -32px -432px;
}
.icon.muted {
  background-position: 16px -176px;
}
.icon.play {
  background-position: -33px -543px;
}
.icon.print {
  background-position: 0 -480px;
}
.icon.script {
  background-position: -48px -575px;
}
.icon.stop {
  background-position: -16px -543px;
}
.icon.volume {
  background-position: 0 -176px;
}
.icon.kit,
.icon.zip {
  background-position: -49px -544px;
}
.icon.report {
  background-position: -49px -592px;
}
.icon.download {
  background-position: -31px -417px;
}
.icon.toTop {
  background-position: -16px -417px;
}
.icon.nexus {
  background-position: 0 -880px;
}
/* background-position:16px -240px*/
/*fwe icons*/
.dots {
  margin: 0 3px;
}
.fwe {
  width: 9px;
  height: 9px;
  margin: 0 0 0 2px;
}
.fwe.food {
  background: url('/images/icon/sprite_all.png') -4px -356px no-repeat;
}
.fwe.energy {
  background: url('/images/icon/sprite_all.png') -19px -356px no-repeat;
}
.fwe.water {
  background: url('/images/icon/sprite_all.png') -35px -356px no-repeat;
}
/*large icons 32x32*/
.showHide {
  position: absolute;
  zoom: 1;
  cursor: pointer;
  height: 32px;
  width: 32px;
}
.grace {
  background-position: -32px -258px;
}
.large.icon.stb {
  background-position: -32px -292px;
}
.large.icon.wtr {
  background-position: 0 -290px;
}
.large.icon.nnec {
  background-position: 0px -323px;
}
.large.icon.ewg {
  background-position: 0 -258px;
}
.large.icon.eco {
  background-position: -32px -323px;
}
.large.icon.tmxBlk {
  background-position: -32px -671px;
}
.large.icon.econews {
  background-position: 0 -671px;
}
.large.icon.nexusBlk {
  background-position: 0 -800px;
}
.large.icon.waterBlk {
  background-position: 0 -831px;
}
.large.icon.fishkillBlk {
  background-position: 0 -862px;
}
.large.icon.ewgBlk {
  background-position: 0 -702px;
}
.large.icon.stbBlk {
  background-position: -32px -736px;
}
.large.icon.nnecBlk {
  background-position: 0 -768px;
}
.large.icon.ecoBlk {
  background-position: -32px -768px;
}
.icon.showDiv {
  background-position: 0 -127px;
}
.icon.hideDiv {
  background-position: 0px -97px;
  background-color: #CC6633;
}
/*soc toolbar adn wide icons 64x32*/
.icon.wide.facebook {
  background-position: 0px -209px;
}
.facebook .viewTitle .icon,
.icon.facebook {
  background-position: 0 -640px;
}
.icon.wide.twitter {
  background-position: 0px -192px;
}
.twitter .viewTitle .icon,
.icon.twitter {
  background-position: -16px -640px;
}
#rss .icon,
.icon.rss {
  background-position: -32px -608px;
}
.icon.notify {
  background-position: -32px -624px;
}
.icon.newsletter {
  background-position: -16px -576px;
}
.icon.email {
  background-position: -16px -480px;
}
.icon.linkedin {
  background-position: -16px -656px;
}
.icon.myspace {
  background-position: -32px -656px;
}
.icon.flickr {
  background-position: 0 -328px;
}
.icon.delicious {
  background-position: -32px -640px;
}
.icon.digg {
  background-position: 0px -656px;
}
.icon.stumbleupon {
  padding-left: 2px;
  background: #ffffff;
}
.icon.itunes {
  background-position: -16px -608px;
}
.adobe .pdf {
  margin-left: 2px;
}
#scriptDownload {
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 3px;
  margin-left: 5px;
  font-size: 10px;
  color: #000;
  background-color: #C4BEAE;
}
.fffTrp.podcast .viewTitle .icon,
#itunes .viewTitle,
.icon.podcast {
  background-image: url(/images/icon/sprite_all.png);
  background-position: -16px -560px;
}
.icon.video,
.fffTrp.video .viewTitle .icon {
  background-image: url(/images/icon/sprite_all.png);
  background-position: 0px -561px;
}
.icon.pdf,
.fffTrp.pdf .viewTitle .icon {
  background-image: url(/images/icon/sprite_all.png);
  background-position: -48px -560px;
}
.icon.youtube,
.fffTrp.youtube .viewTitle .icon {
  background-image: url(/images/icon/sprite_all.png);
  background-position: 0px -609px;
}
.icon.slideshow,
.fffTrp.slideshow .viewTitle .icon,
.pp_pic_holder.slides .ppt {
  background-image: url(/images/icon/sprite_all.png);
  background-position: -32px -560px;
}
.icon.flash,
.fffTrp.flash .viewTitle .icon {
  background-image: url('/images/icon/sprite_all.png');
  background-position: 0px -576px;
}
.map.icon,
.fffTrp.map .viewTitle .icon {
  background-image: url('/images/icon/sprite_all.png');
  background-position: -32px -576px;
}
.infographic {
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 5px #000000;
  display: block;
  margin: 1% 0;
  width: 100%;
}
/*blog tag series icons */
.icon.valentine {
  background-position: -16px -32px;
}
.icon.heroes {
  background-position: -48px -48px;
}
.icon.fishkill {
  background-position: -32px -48px;
}
.icon.livestock {
  background-position: 0px -32px;
}
.icon.seasonal {
  background-position: -16px -48px;
}
.icon.realfood {
  background-position: -32px -32px;
}
.icon.fracking {
  background-position: 0px -48px;
}
.icon.spring {
  background-position: -48px -32px;
}
.icon.industrial {
  background-position: -48px -896px;
}
.icon.wtr {
  background-position: -32px -896px;
}
.icon.nnec {
  background-position: -16px -896px;
}
.icon.nexus {
  background-position: 0px -896px;
}
.icon.sustainable {
  background-position: 0px -910px;
}
/*news images*/
.newsIcon {
  float: left;
  background: url(/images/icon/sprite_news.png) 0 0 no-repeat;
}
.newsIcon.alternet {
  background-position: 0 -16px;
}
.newsIcon.awa {
  background-position: 0 -32px;
}
.newsIcon.circleofblue {
  background-position: 0 -48px;
}
.newsIcon.csmonitor {
  background-position: 0 -64px;
}
.newsIcon.dailymail {
  background-position: 0 -80px;
}
.newsIcon.discovery {
  background-position: 0 -96px;
}
.newsIcon.epa {
  background-position: 0 -112px;
}
.newsIcon.ethicurean {
  background-position: 0 -128px;
}
.newsIcon.foodfirst {
  background-position: 0 -144px;
}
.newsIcon.fsn {
  background-position: 0 -160px;
}
.newsIcon.forbes {
  background-position: 0 -176px;
}
.newsIcon.grist {
  background-position: 0 -192px;
}
.newsIcon.guardian {
  background-position: 0 -208px;
}
.newsIcon.huffpo {
  background-position: 0 -225px;
}
.newsIcon.latimes {
  background-position: 0 -240px;
}
.newsIcon.nymag {
  background-position: 0 -256px;
}
.newsIcon.npr {
  background-position: 0 -449px;
}
.newsIcon.nyt {
  background-position: 0 -273px;
}
.newsIcon.pbs {
  background-position: 0 -462px;
}
.newsIcon.reuters {
  background-position: 0 -288px;
}
.newsIcon.sciencedaily {
  background-position: 0 -304px;
}
.newsIcon.atlantic {
  background-position: 0 -320px;
}
.newsIcon.ecologist {
  background-position: 0 -336px;
}
.newsIcon.independent {
  background-position: 0 -350px;
}
.newsIcon.un {
  background-position: 0 -366px;
}
.newsIcon.usnews {
  background-position: 0 -382px;
}
.newsIcon.wapo {
  background-position: 0 -400px;
}
.newsIcon.waternewsupdate {
  background-position: 0 -414px;
}
.newsIcon.youtube {
  background-position: 0 -430px;
}
.newsIcon.eij {
  background-position: 0 -478px;
}
/*-------------------- 
FORMS   
 --------------------*/
form,
fieldset,
label,
button,
header,
input,
textarea,
radio,
checkbox {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
.no-boxshadow {
  border: 1px solid #666;
}
#searchBar {
  width: 260px;
  position: absolute;
  right: 0;
  top: 14px;
  box-shadow: 0 0 3px #666;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  background-color: #b9c403;
  z-index: 1000;
}
#searchBar .icon.mobileToggle {
  display: none;
  left: 0;
  right: auto;
  float: left;
}
#searchBar .icon {
  background-position: -32px -129px;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
}
#searchBar button {
  text-indent: -9999px;
}
#searchBar .cse input.gsc-input,
#searchBar input.gsc-input,
#searchBar input#siteSearch {
  font-size: 16px;
  width: 115px;
  height: 20px;
  padding: 8px;
  color: #000;
  background: transparent;
}
#searchBar .cse input.gsc-search-button,
#searchBar input.gsc-search-button,
#searchBar .cse .gsc-control-cse,
#searchBar .gsc-control-cse {
  background-color: transparent;
  border: none;
  font-family: inherit;
  padding: 0;
}
#searchBar .cse form.gsc-search-box,
#searchBar form.gsc-search-box {
  margin: 0;
  padding: 0;
}
#searchBar .cse input.gsc-input,
#searchBar input.gsc-input {
  background-color: transparent!important;
  background-image: none!important;
  border: none!important;
}
#searchBar .cse input.gsc-search-button,
#searchBar input.gsc-search-button {
  background-color: transparent;
  text-indent: -9999px;
  background-image: url('/images/icon/sprite_all.png');
  background-repeat: no-repeat;
  background-position: -32px -129px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
}
#searchBar table.gsc-search-box {
  margin: 0;
}
/*-------------------- 
  COMMENTS 
 --------------------*/
#commentSection {
  display: block;
  clear: both;
  margin: 15px 0;
}
#commentSection .thanksComment h2 {
  background-color: #CC6633;
  color: #fff;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  text-align: center;
}
#commentSection h2,
#commentSection h3 {
  font-size: 170%;
  font-family: 'Fancy', sans-serif;
  font-weight: 100;
  background-color: #fff;
  padding: 15px;
}
#commentSection h2 {
  border: 15px solid #C4BEAF;
}
#commentSection h2 .icon {
  float: left;
  margin-top: -5px;
  margin-right: 5px;
  background-position: 0 -160px;
}
#commentSection h3 .icon {
  background-position: 0px -163px;
  background-color: #5d9440;
  width: 27px;
  height: 27px;
}
#commentSection p {
  padding: 5px 0 10px;
}
#commentSection ol {
  width: 100%;
  margin: 0 0 20px;
}
#commentSection #comments .cancel-comment-reply {
  margin: 10px 0;
}
#commentSection #comments .comment-entry p {
  margin: 0 0 10px;
}
#commentSection #comments .comment {
  margin-top: 30px;
  list-style-type: none;
}
#commentSection #comments .comment .comment-author {
  font-family: FancyBold;
  font-style: italic;
  font-size: 160%;
  text-transform: uppercase;
  color: #8c8066;
  float: left;
  vertical-align: middle;
  margin-right: 5px;
}
#commentSection #comments .comment .comment-meta {
  float: right;
  baseline-shift: sup;
}
#commentSection #comments .comment .comment-body {
  width: 100%;
  clear: both;
  margin: 15px 0 0;
  font-family: 'Tisa', Georgia, serif;
  font-size: 100%;
}
#commentSection #comments .comment .comment-body p {
  font-weight: 400;
}
#commentSection #comments .comment .reply {
  margin: 15px 15px 0;
}
#commentSection #comments .comment .reply a {
  clear: both;
}
#commentSection #comments ul.children {
  margin: 10px 10px 0 25px;
  padding: 0;
}
#commentSection input {
  width: 42%;
  margin: 2% 0;
}
#commentSection textarea {
  width: 96%;
}
#commentSection input,
#commentSection textarea {
  display: block;
  color: white;
  border: 1px solid white;
  padding: 2%;
}
#commentSection #CommentName {
  float: left;
}
#commentSection #CommentEmail {
  float: right;
}
#commentSection #submitComment {
  color: #C60;
  background: white;
  font-family: FancyBold;
  font-size: 14px;
  float: right;
  width: 25%;
  margin-left: 1%;
}
#commentSection #commentform {
  background-color: #C4BEAF;
  float: left;
  width: 96%;
  padding: 2%;
  margin: 2% 0;
}
/* LISTS      */
li {
  list-style: none;
  vertical-align: middle;
  line-height: 110%;
  margin: 8px auto;
}
.floatedList li {
  float: left;
  padding-right: 10px;
  margin-bottom: 0;
}
#tagList {
  display: inline-block;
}
.simplelist li {
  line-height: 130%;
  margin: 0;
  padding: 0;
}
.article ul,
.article ol {
  margin: 0;
  padding: 0;
  width: 90%;
}
.article li {
  line-height: 130%;
  margin: 2% auto;
}
.article ol li {
  list-style-type: decimal;
  width: 90%;
}
.article ol ol,
.article ul ul {
  margin: 20px;
}
.article ul li,
.article > ul li,
.article .highlights li {
  list-style: disc;
  width: 90%;
	padding-bottom: 1%;
}
.article ul ul li {
  list-style: circle;
}
.article ol ol li {
  list-style-type: lower-alpha;
}
.article .conImage {
  float: left;
  height: 78px;
  margin: 0 5px 5px 0;
  padding: 5px 5px 5px 0;
  width: 78px;
}
.article .copyright {
  font-size: 90%;
  font-style: italic;
  float: right;
  clear: both;
  margin-bottom: 20px;
}
/* TABLES ***********/
table {
  text-align: left;
  display: table;
  margin: 15px 0;
  width: 90%;
}
.article table {
  border: 1px solid #ccc;
}
.article table thead {
  display: table-header-group;
  vertical-align: inherit;
  border-color: inherit;
  text-align: center;
}
.article table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.article table td {
  vertical-align: inherit;
  padding: 1% 2%;
  border: 1px dotted #cccccc;
}
/******
CLASSES
*******/
.hide,
.hidden,
.disable {
  display: none;
}
.top {
  vertical-align: top;
}
.bottom {
  position: absolute;
  bottom: 0;
}
.middle {
  vertical-align: middle;
}
.baseline {
  vertical-align: baseline;
}
.floatnone {
  float: none;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
.clearright {
  clear: right;
}
.clearleft {
  clear: left;
}
.center {
  text-align: center;
}
.alignright {
  text-align: right;
}
.alignleft {
  text-align: left;
}
.bold {
  font-weight: 700;
font-family: FancyBold;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.lower {
  font-family: Fancy, sans-serif;
  font-size: 16px;
  font-weight: 100;
  vertical-align: top;
  text-transform: lowercase;
}
.upper {
  font-family: FancyBold, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: -5px;
}
.transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.opaque {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 1;
}
/*colors for posts pages */
.pink {
  color: #d51c56!important;
  text-shadow: 0px 0px 3px #fff;
  filter: dropshadow(color=#ffffff, offx=0, offy=0);
}
.white,
a.white {
  text-shadow: 0px 0px 3px #000;
  filter: dropshadow(color=#000000, offx=0, offy=0);
  color: #fff!important;
}
.green,
a.green {
  color: #699817!important;
}
.yellow,
a.yellow {
  color: #bfdc00 !important;
}
.orange,
a.orange {
  color: #cc6633 !important;
}
strong {
	font-weight: 700;
} 
/*********
SUP/SUB
*******/
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
  font-size: 75%;
}
.fraction sub,
.fraction sup,
sup.glossary,
sup.footnote {
  line-height: 0;
}
.fraction sub {
  bottom: -0.5em;
}
.fraction sup {
  top: -0.5em;
}
sup a {
  margin-left: -6px;
  margin-right: 6px;
  padding: 0 3px;
  border: none;
  font-size: 7px;
  text-decoration: none;
  height: 0;
  line-height: 0;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
  bottom: .6em;
  color: #ffffff !important;
}
sup.glossary a {
  background-color: green;
}
sup.footnote a {
  background-color: #2440c7;
}
/*HOVERS*/
.hover {
  text-decoration: none;
  position: absolute;
  z-index: 500000;
  width: 200px;
  margin: 15px;
  padding: 10px;
  border: 5px solid #C1BEB5;
  background-color: #fff;
  font-size: 90%;
  line-height: 150%;
  color: #000;
}
.triangle-border {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.triangle-border:before,
.triangle-border:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: auto;
  border-style: solid;
}
.triangle-border:before {
  top: 10px;
  border-color: transparent #C1BEB5;
}
.triangle-border.left:before {
  left: -30px;
  border-width: 15px 30px 15px 0;
}
.triangle-border.right:before {
  right: -30px;
  left: auto;
  border-width: 15px 0 15px 30px;
}
.triangle-border:after {
  top: 16px;
  border-color: transparent #fff;
}
.triangle-border.left:after {
  left: -21px;
  border-width: 9px 21px 9px 0;
}
.triangle-border.right:after {
  right: -21px;
  left: auto;
  border-width: 9px 0 9px 21px;
}
/* POPUPS */
#socialToolbarPopup {
  border: 5px solid #e3e3e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-box-shadow: -1px -1px 15px 5px #333333;
  -webkit-box-shadow: -1px -1px 15px 5px #333333;
  -o-box-shadow: -1px -1px 15px 5px #333333;
  box-shadow: -1px -1px 15px 5px #333333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
  text-decoration: none;
  position: absolute;
  z-index: 100000;
  background: #fff;
  font-size: 100%;
  width: 49% /*for some reason, it doesn't calculate the heights correctly unless a width specified here, despite being overwritten in js*/;
}
.overlay {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 10;
}
.touch .popupToolBarBody {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.touch .popupToolBarBody li {
  clear: both;
  margin: 5px 0;
}
.touch .popupToolBarBody li img {
  float: left;
  margin: 0 2% 0 0;
  width: 61px;
  height: 61px;
}
.popupToolBarHeader {
  padding: 5px 0 0;
}
.popupToolBarFooter {
  clear: both;
  min-height: 20px;
}
#socialToolbarPopup.glossary,
#socialToolbarPopup.footnote {
  border: 5px solid #babc00;
}
#socialToolbarPopup.glossary .viewTitle,
#socialToolbarPopup.footnote .viewTitle {
  margin-left: -8px;
  border: none;
}
#socialToolbarPopup.glossary .viewTitle .icon,
#socialToolbarPopup.footnote .viewTitle .icon {
  width: 0;
  height: 0;
}
/*fffTrp are all multimedia popups*/
#socialToolbarPopup.fffTrp .popupToolBarHeader {
  padding: 0;
}
#socialToolbarPopup.fffTrp .popupToolBarHeader .viewTitle .icon {
  display: none;
}
#socialToolbarPopup.fffTrp .popupToolBarBody {
  overflow-x: hidden!important;
  overflow-y: hidden!important;
}
#socialToolbarPopup.pdf .popupToolBarBody {
  overflow-x: hidden;
  overflow-y: auto;
}
#socialToolbarPopup.pdf .popupToolBarBody #popupiframe {
  width: 100%;
}
/**************
social toolbar
**************/
.touch #socialToolbar {
  position: device-fixed;
}
#socialToolbar {
  background: #afb81c;
  position: fixed;
  bottom: 0px;
  left: 0;
  height: 30px;
  line-height: 14px;
  width: 100%;
  margin: 0;
  display: block;
  z-index: 100000;
  box-shadow: 0 -2px 5px 3px rgba(100, 100, 100, 0.6);
  text-decoration: none;
  font-size: 100%;
}
#socialToolbar .socialToolbar_wrapper {
  width: 100%;
  margin: 5px auto 0;
  display: block;
}
#socialToolbar .socialToolbar_holder_middle {
  margin-left: 22px;
}
#socialToolbar .socialToolbar_holder {
  position: relative;
  width: 98%;
  height: 100%;
  margin: 0 auto!important;
  padding-right: 9px!important;
  padding-left: 9px !important;
}
#socialToolbar .socialToolbar_divider {
  background-color: #666;
  display: inline-block;
  float: left;
  height: 25px;
  width: 1px;
  margin: 0 5px;
}
#socialToolbar .showHide {
  margin-top: -32px;
}
.soc_button {
  float: left;
  border: 1px solid transparent!important;
  margin-right: 10px;
}
#resize {
  float: right;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 18px;
}
#resize li {
  float: right;
  position: relative;
  margin: 0;
  padding: 0;
}
#resize li span {
  vertical-align: top;
  text-align: center;
  line-height: 18px;
  padding: 0 3px;
  margin: 3px;
}
#resize li span.active {
  color: #fff;
  background-color: #000;
  text-decoration: none;
  cursor: default;
}
#resize li:hover {
  cursor: pointer;
}
#resize #small {
  font-size: 10px;
}
#resize #medium {
  font-size: 14px;
}
#resize #large {
  font-size: 18px;
}
/*************************** 
  slidedown menu  and post share
***************************/
.post-share {
  display: inline-block;
  float: left;
  z-index: 3;
  width: auto;
  height: 20px;
}
.post-share a {
  border: none;
}
.post-share .slide_menu .menu_items {
  margin-top: 16px;
}
.post .post-share {
  position: absolute;
  margin-top: .5%;
}
.blog .post-share {
  position: relative;
  width: 100%;
}
.post-share > div {
  float: left!important;
  margin-right: 3px;
}
.slide_menu {
  position: relative;
  z-index: 2;
  display: inline;
  line-height: 100%;
}
.slide_menu * {
  color: #000;
}
.slide_menu ul {
  margin: 0;
  padding: 0;
}
.slide_menu .menu_items {
  z-index: 10;
  width: 150px;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 5px #000;
  background-color: #fff;
  position: relative;
  font-size: 14px;
  display: none;
}
.slide_menu .menu_items li {
  list-style: none;
  width: 140px!important;
  margin: 0!important;
  padding: 5px!important;
  line-height: 120%;
}
.slide_menu .menu_items li:hover {
  background: #ccc;
  cursor: pointer;
}
li.slide_menu {
  width: 100%;
  display: inline-block;
  clear: both;
  z-index: 12!important;
  padding-left: 16px;
}
li.slide_menu .menu_items {
  position: absolute;
  float: right;
  display: inline;
  z-index: 13!important;
  top: 16px;
}
.rolldown {
  position: relative;
  clear: both;
}
.rolldown ul {
  background: #fff;
  position: absolute;
  top: 18px;
  display: none;
  width: 240px;
}
.rolldown .icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.rolldown .icon:hover {
  cursor: pointer;
}
.rolldown.active .icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rolldown.active ul {
  z-index: 101;
}
/******************
PAGINATION
********************/
.paging {
  clear: both;
  width: 100%;
}
.paging span,
.paging a {
  border: 1px solid #E3E3E1;
  float: left;
  margin: 1%;
  padding: 1% ;
  font-size: 90%;
  line-height: 90%;
}
.paging a.active {
  color: #000;
}
.paging span,
.paging a.active,
.paging a.firstlink,
.paging a.lastlink,
.paging a.nextpostslink,
.paging a.prevpostslink {
  border: none !important;
  font-style: italic;
}
/************************
PRETTY PHOTO
 lib bug clean this up* *****/
div.pp_pic_holder {
  display: none;
  padding-bottom: 25px;
  border: 5px solid #e3e3e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  text-decoration: none;
  position: absolute;
  z-index: 100000;
  background: #fff;
  font-size: 100%;
  width: 49%;
}
div.ppt {
  display: none;
  z-index: 15000;
  min-height: 20px;
  margin: 15px;
}
.pp_description {
  clear: both;
  background: #ffffff;
}
.pp_content {
  margin: 0 auto;
}
.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%;
  padding-bottom: 20px;
}
.gallery {
  display: none;
}
.pp_gallery {
  background: #fff;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  height: 55px;
  margin-top: 16px;
}
/*remove when we figure out thumbnail issue*/
.touch .pp_gallery {
  height: 16px;
}
.touch .pp_gallery > div {
  display: none;
}
.pp_gallery ul a {
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden;
}
.pp_gallery li,
.pp_gallery li img {
  border: 0;
}
.gallery li {
  float: left;
  width: 75px;
  height: 75px;
  padding: 3px 3px 5px;
}
.pp_gallery li {
  float: left;
  margin: 0;
  padding: 3px 3px 5px;
  width: 50px;
  height: 33px;
}
.pp_gallery li.default a {
  background: url('/images/icon/default_thumbnail.gif') 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
  opacity: .4;
  cursor: pointer;
}
#mediaBox #slideshow li img.default:hover {
  opacity: 1;
  cursor: none;
}
div.pp_hoverContainer {
  height: 16px;
  clear: both;
  z-index: 15000;
  display: none;
}
div.pp_hoverContainer position:absolute a {
  top: 45%;
}
a.pp_previous {
  float: left;
}
a.pp_next {
  float: right;
}
.pp_loaderIcon {
  background: url(/images/icon/loader.gif) center center no-repeat;
}
.pp_nav {
  float: right;
}
.pp_nav p {
  float: left;
}
a.pp_arrow_previous,
a.pp_arrow_next {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  overflow: hidden;
}
div.pp_pic_holder a:focus {
  outline: none;
}
#pp_full_res {
  line-height: 1 !important;
}
#fullResImage {
  border: none;
}
#pp_full_res .pp_inline {
  color: #000000;
}
.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 24px;
  margin: -12px 0 0 -12px;
  border: 1px solid #eeeeee;
}
.pp_bottom {
  height: 15px;
}
.pp_top .pp_left,
.pp_bottom .pp_left {
  left: 0;
  position: absolute;
}
.pp_top .pp_middle,
.pp_bottom .pp_middle {
  position: absolute;
}
* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
  left: 0;
  position: static;
}
.pp_top .pp_right,
.pp_bottom .pp_right {
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.pp_fade,
.pp_gallery li.default a img,
.currentTextHolder {
  display: none;
}
.pp_expand,
.pp_contract {
  display: none;
}
.nav {
  display: block;
  width: 150px;
  height: 16px;
  margin: 0 auto 20px;
  bottom: 0;
  left: 40%;
  position: fixed;
}
/* html */
.oneColumn .entry h2.columnHeader {
  border-bottom: 3px solid #C1BEB5;
  clear: both;
  color: #CC6633;
  font-family: FancyBold;
  font-size: 150%;
  line-height: 75%;
  text-transform: uppercase;
}
.oneColumn #left .brand {
  width: 96%!important;
  padding: 2%;
  margin: 15px 0;
  min-height: 180px;
  clear: both !important;
  float: none !important;
  border-top: 1px dotted #ccc;
}
.oneColumn #left .borderless {
  border: none;
}
.oneColumn #left .conLogo {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0 3% 3% 0;
  width: 140px;
}
.oneColumn #left .conVideo {
  margin: 15px 0 40px;
  width: 250px;
  display: block;
}
.orgData {
  width: 70%;
  float: left;
  padding: 2% 0;
  clear: all;
}
.handheld .orgData {
  width: 100%;
}
/************************ featured Landing* *****/
#featuredCover {
  display: block;
  margin: 0;
  padding: 0;
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  clear: all;
}
#featuredCover #left {
  margin: 0;
  float: left;
  padding: 0;
  width: 47%;
}
#featuredCover #right {
  float: right;
  padding-left: 2%;
  width: 50%;
  margin: 0;
}
#featuredCover .bgwave {
  padding: 2em;
  background: url(/images/bgwave.gif) 0 -6rem no-repeat #a8daf5;
  overflow: hidden;
  margin-bottom: 3em;
}
#featuredCover img.question-topic-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  float: left;
}
#featuredCover .imgwfcdrop {
  width: 90%;
  display: block;
  margin: 0 auto;
}
#featuredCover ul.hightlight li {
  list-style: none;
  font-size: 120%;
   paddin-top:1em;
  width: 100%;
 padding-bottom: 1em;
}
#featuredCover ul.hightlight li li {
  padding-bottom: 5em;
}
.btnblue {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  color: #ffffff;
  background: #003e6a;
  padding: 20px 50px 20px 50px;
  font-size: 1.5em;
  letter-spacing: .05em;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
  margin: 1rem auto 4rem;
  display: inline-block;
}
.btnblue:hover {
  background: #00bcb6;
  color: #ffffff;
  text-decoration: none;
}
.button2,
.button {
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-left-radius: 7px;
  text-indent: 0px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  min-height: 50px;
  text-decoration: none;
  text-align: left;
  padding: 15px 5px 0 5px;
  margin: 5% 1%;
  display: inline-block;
  float: left;
}
.button2 {
  border: 3px solid #699817;
  background-color: none;
  width: auto;
}
.button {
  -moz-box-shadow: inset 0px 1px 0px 0px #e17a25;
  -webkit-box-shadow: inset 0px 1px 0px 0px #e17a25;
  box-shadow: inset 0px 1px 0px 0px #e17a25;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e17a25), color-stop(1, #be641a));
  background: -moz-linear-gradient(center top, #e17a25 5%, #993300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e17a25', endColorstr='#be641a');
  background-color: #e17a25;
  border: 1px solid #be641a;
  width: 260px;
}
.button .upper {
  font-size: 250%;
}
.button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #be641a), color-stop(1, #e17a25));
  background: -moz-linear-gradient(center top, #be641a 5%, #e17a25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be641a', endColorstr='#e17a25');
  background-color: #be641a;
  text-decoration: none;
}
.button2:hover {
  background-color: #fff;
  text-decoration: none;
}
.button:active,
.button2:active {
  position: relative;
  top: 1px;
}
.iconenergy {
  width: 70px;
  height: 75px;
  background: url(/images/icon/logo100-energy.png) center center no-repeat;
  float: left;
  padding-right: 10px;
  margin-top: -5px;
}
.download {
  width: 70px;
  height: 65px;
  background: url(/images/icon/icon-pub.png) 10px center no-repeat;
  float: left;
  padding-right: 10px;
}
.small {
  font-size: 80%;
  line-height: 80%;
  font-family: Fancy, sans-serif;
}
.headline {
  font-size: 120%;
}
.date {
  font-size: 80%;
  line-height: 80%;
}
@media only screen and (min-width: 480px) and (max-width: 1120px) {
  #featuredCover #left {
    width: 90%;
    margin: 1em auto;
    padding: 0;
  }
  #featuredCover #right {
    width: 90%;
    margin: 1em auto;
    padding: 0;
    float: left;
  }
  #featuredCover .bgwave {
    padding: 2em;
    background: url(/images/bgwave.gif) 0 0 no-repeat #a8daf5;
  }
  #featuredCover .bgwave #left {
    width: 100% !important;
    margin: 0 auto;
    padding: 0;
  }
  #featuredCover .bgwave #right {
    width: 100% !important;
    margin: 0 auto;
    padding: 0;
    float: left;
  }
  #featuredCover .bgwave #right a img {
    width: 90%;
    margin: 0 auto;
  }
  #featuredCover .bgwave .imgwfcdrop {
    width: 50% !important;
    margin: 0 auto;
  }
  #featuredCover .bgwave .imgtitle {
    width: 100% !important;
  }
  #featuredCover .bgwave ul.hightlight {
    width: 90%;
    margin: 1em auto;
    padding: 0;
    font-size: 120%;
  }
  #featuredCover .bgwave ul.hightlight li {
    display: inline;
    float: left;
	padding-top: 1em;
  }
  .imgwfcdrop {width: 60%;}
  .entry {margin-top: 0;}
}
/************************ sitemap* *****/
ul.sitemap,
.sitemap ul {
  list-style-type: none;
  margin: 0;
}
ul.sitemap li,
.sitemap ul li {
  margin-top: 1em;
  font-size: 120%;
  font-weight: bold;
  list-style-type: none;
  line-height: 100%;
}
ul.sitemap li li,
.sitemap ul li li {
  margin-top: .3em;
  font-size: 90%;
  font-weight: normal;
  border-bottom: dotted 1px #CCC;
  list-style-type: none;
}
ul.sitemap li li li,
.sitemap ul li li li {
  margin-top: 0;
  border: none;
  padding: 5px;
  font-size: 90%;
  list-style-type: none;
}
ul.sitemap li li li li,
.sitemap ul li li li li {
  margin-top: 0;
  border: none;
  padding: 3px;
  font-size: 90%;
}
ul.sitemap a,
.sitemap ul a {
  color: #000;
}
.entry sup {
vertical-align: middle !important; 
position: relative; 
top: -0.5em;
}