/*
  This is a project for schoolnutrition.org
  written by Tevin Steinke with American Technology Services, Inc.
  Version 1.0
*/

@import "reset.css";
@import "grid.css";
@import "typography.css";
@import "forms-and-tables.css";
@import "bxslider.css";
@import "prettyPhoto.css";

/*paging */
#pagination {margin:20px 0px 20px 0px;font-size:14px; font-weight:700;color:#000;}
#pagination ul {background:#e4f2fc;border-top:solid 1px #d6e6f3;border-bottom:solid 1px #d6e6f3;padding:10px 10px;height:20px;}
#pagination li {float:left;list-style:none;}
#page {width:10%;}
#number {width:50%;}
#number a{padding-right:5px;}
#selected a:Link{color:#000 !important}
#previous {width:15%;}
#next {width:12%;text-align:right;}

.footable-nav .footable-page-current {
background: #888;
border-radius: 50%;
}
.footable-nav li a {
display: inline-block;
padding: 5px 10px;
text-decoration: none;
color: #0066cc;
font-weight: bold;
}
/*end*/

#utility-nav {
  background-color: #363636;
  color: white;
  height: 40px;
  padding-top: 3px;
}
#utility-nav a:hover {
  text-decoration: none;
}
#utility-nav ul {
  float: right;
  list-style-type: none;
}
#utility-nav ul ul { display: none; }

#utility-nav ul li:hover > ul { display: block; }

#utility-nav ul .audience-nav {
  background: #40b649;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#1f5823), to(#40b649));
  background: -moz-linear-gradient(top, #1f5823, #40b649);*/
  background:url(../images/audience-bk.png) repeat-x;
  
}
#utility-nav ul .audience-nav:hover {
  background: #34943b;
}
#utility-nav ul .audience-nav .dropdown-menu {
  background-color: #40b649;
}
#utility-nav ul .audience-nav .dropdown-menu .open {
  background: #34943b;
}
#utility-nav ul .audience-nav .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 107, 81, 0.15);
}
#utility-nav ul .audience-nav .dropdown-menu li:hover {
  background-color: rgba(0, 107, 81, 0.25);
}
#utility-nav ul .audience-nav.open {
  background: #34943b;
}
#utility-nav ul .othersites-nav {
  background: #006b51;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#006b51));
  background: -moz-linear-gradient(top, #000000, #006b51);*/
  background:url(../images/website-drop-bk.png) repeat-x;
}
#utility-nav ul .othersites-nav:hover {
  background: #003d2e;
}
#utility-nav ul .othersites-nav.open {
  background: #003d2e;
}
#utility-nav ul .facebook-nav {
  background-color: #3d5b97;
  width:20px;
  text-align:center;
}
#utility-nav ul .facebook-nav:hover {
  background-color: #304776;
}
#utility-nav ul .twitter-nav {
  background-color: #2aa9de;
  width:20px;
}
#utility-nav ul .twitter-nav:hover {
  background-color: #1d8ebd;
}
#utility-nav ul .youtube-nav {
  background-color: #cc3534;
  width:20px;
}
#utility-nav ul .youtube-nav:hover {
  background-color: #a82b2a;
}
#utility-nav ul .linkedin-nav {
  background-color: #007eb3;
  width:20px;
}
#utility-nav ul .linkedin-nav:hover {
  background-color: #005e85;
}
#utility-nav ul li {
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -khtml-border-radius: 8px 8px 0 0;
  display: inline;
  float: left;
  padding: 9px;
}
#utility-nav ul li a {
  color: #ffffff;
}

#utility-nav ul li a:focus {
  border: none;
}
#utility-nav ul li .dropdown-menu li {
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  display: block;
  float: none;
}
#utility-nav ul li .dropdown-menu li ul {
  display: none;
}
#utility-nav ul li .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid rgba(64, 182, 73, 0.2);
}
#utility-nav ul li .dropdown-menu li:hover {
  background-color: rgba(64, 182, 73, 0.2);
}
header {
  margin-bottom: 0.857em;
  margin-top: 0.857em;
}
header a:hover { text-decoration: none; }
header #logo { margin: 0; }
header #utilities {
  margin-bottom: 0.857em;
  margin-top: 0.857em;
  float: right;
}
header #utilities #quick-links {
  margin-bottom: 0.857em;
  margin-top: 0.857em;
  float: right;
  overflow: auto;
}
header #utilities #quick-links ul {
  list-style-type: none;
}
header #utilities #quick-links ul li {
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 5px; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  background-color: rgba(235, 250, 216, 1.0);
  display: inline;
  font-size: 0.857em;
  font-weight: 400;
  float: left;
  padding: 8px;
}
header #utilities #quick-links ul li:hover {
  background-color: #dbedc6;
}
header #utilities #quick-links ul li a {
  color: #007a5c;
  font-weight:500;
}
header #utilities #search-and-login {
  clear: both;
  float: right;
}
#dvLoggedin, #ctl00_dvLoggedin {float:left;}
#dvLoggedin h4, #ctl00_dvLoggedin h4 {width:340px;margin-top:0px; margin-bottom: 10px;}
header #utilities #search-and-login .login-button, .login-button.custom-login {
  /* margin-left: 0.857em;
  margin-right: 0.857em; */
  text-align: center;
  font-weight:500;
}

.login-button.custom-login {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}

header #utilities #search-and-login .search-box {
  background-color: rgba(235, 250, 216, 1.0);
  color: #006b51;
  padding-right: 2.33333em;
  width: 180px;
}
header #utilities #search-and-login .search-icon {
  color: #006b51;
  margin-left: -1.33333em;
  margin-top: .5em;
  position: absolute;
}
header #utilities #search-and-login .search-area .search-box {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
}

.search-box::-webkit-input-placeholder {
  color: #007a5c;
}

.search-box::-moz-input-placeholder {
  color: #007a5c;
}

.search-box::-ms-input-placeholder {
  color: #007a5c;
}

header #utilities #search-and-login .search-area .search-button {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -khtml-border-radius: 0 5px 5px 0;
  background: #006b51;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#006b51));
  background: -moz-linear-gradient(top, #000000, #006b51);
  border-color: #006b51;
  color: white;
  margin-left: -3px;
  padding: 6px 5px 9px;
}
header #utilities #search-and-login .search-area .search-button:hover {
  background: #002e23;
  border-color: #001f17;
}

.logo-lg {float:left;padding-bottom:10px;}
.logo-sm {display:none;}
.selectnav {
  background-color: rgba(235, 250, 216, 0.75);
  border: 1px solid #009e78;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin: 1em auto;
  max-width: 100%;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  vertical-align: middle;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-transform: capitalize;
}
.selectnav:focus {
  border-color: #40b649;
  box-shadow: 0 1px 1px #ebfad8 inset, 0 0 8px #ebfad8;
  outline: 0 none;
}
.open > .dropdown-menu {
  display: block;
  width: 100%;
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  -moz-box-shadow: 0 0 16px #363636;
  -webkit-box-shadow: 0 0 16px #363636;
  box-shadow: 0 0 16px #363636;
  background-clip: padding-box;
  background-color: #006b51;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  float: left;
  top: 100%;
  left: 0;
  /*font-size: 14px;
    /*left: 0;
    list-style: none outside none;*/
  min-width: 160px;
  position: absolute;
  z-index: 1000;
  /* display: none; */
}
/* mobile dropdown menu AND label for home */
.selectnav, .home-label {
  display: none;
}

.nav-container {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	}
	
#topnav {
  border-top: 1px solid #e8e8e8;
  background: #006b51;
  color: white;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#006b51), to(#004736));
  background: -moz-linear-gradient(top, #006b51, #004736);*/
  clear: both;
  height: 60px;
  background:url(../images/topnav-bk.png) repeat-x;
  position: relative;
}
#topnav a:hover {
  text-decoration: none;
  color: #40B649;
}

#topnav ul li a:hover {
  text-decoration: none;
  color: #fff;
}
#topnav ul ul { /* display: none; */}
#topnav ul ul ul { display: block; }
#topnav ul li:hover > ul {
	/*display: block;*/
	visibility: visible;
	opacity: 1;
	-webkit-transition: 500ms 350ms;
	-moz-transition: 500ms 350ms;
	transition: 500ms 350ms;
}
#topnav ul {
  list-style-type: none;
}
#topnav .dropdown-menu {
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  -khtml-border-radius: 0 0 0 0;
  background-color: #289661;
  background: -webkit-gradient(linear, left top, left bottom, from(#289661), to(#007c5e));
  background: -moz-linear-gradient(top, #289661, #007c5e);
  width: 100%;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  position: absolute;
  z-index: 1000;
  /* display: none; */
  padding-bottom:0.7em;
  visibility: hidden;
  opacity: 0;
}
#topnav ul .home-nav {
  background-color: rgba(64, 182, 73, 0.3);
}
#topnav ul .open {
  background-color: rgba(64, 182, 73, 0.2);
}
#topnav ul a {
  color: #ffffff;
}
#topnav ul li {
  padding-left: 1.5%;
  padding-right: 1.5%;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  display: inline;
  float: left;
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-weight: 400;
  height: 39px;
  line-height: 1.25;
  padding-top: 1em;
  padding-bottom: 0.5em;
}
#topnav ul li {
  border-right: 1px solid rgba(64, 182, 73, 0.2);
}
#topnav ul .selected {
  background-color: #5bbf62;
  height: 44px;
  margin-top: -5px;
  z-index: 2;
  -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#topnav ul li ul li, #topnav ul li:last-child {
  border-right: none;
}
#topnav ul li:hover {
  background-color: #289661;
}
#topnav ul li li:hover {
  background-color: transparent;
}
#topnav ul li .dropdown-menu li {
  display: block;
  float: none;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  height: auto;
  text-transform: none;
  padding-top: .75em;
  padding-bottom: .75em;
  padding-right: .8em;
  padding-left: .8em;
  border-bottom: 1px solid rgba(0, 107, 81, .4); 
  width: 85%;
}
#topnav ul li .dropdown-menu li:last-child {
  border-bottom: none;
}
#topnav ul li .dropdown-menu li li {
  border-bottom: none;
  padding-top: .5em;
  padding-bottom: .5em;
  width: 100%;
}
#topnav ul li .dropdown-menu li:hover {
  background-color: #007a5c;
}
#topnav ul li .dropdown-menu li li:hover {
  background-color: transparent;

}
#topnav ul li .dropdown-menu li a:hover { color: #40b649; }
#topnav ul ul li a {
  color: #a9e064;
  font-size: 1.14258em;
  font-weight: 500;
}
#topnav ul ul ul li a {
  color: #fff;
  font-size: 1em;
  font-weight: 300;
}
#topnav ul ul ul li a:before {
  content: "> ";
}
.megamenu-container { margin-top: .75em; margin-bottom: .75em; }
.mega-column:not(:last-child) { 
  border-right: 2px solid rgba(0, 107, 81, .5); 
  height: 30em;
}
.mega-column img {
  max-width: 100%;
}
#mission-statement {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
  background: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.green-divider {
  background-color: #5bbf62;
  display: block;
  height: 15px;
}

#page-header {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
  background: -moz-linear-gradient(top, #ffffff, #e8e8e8);
  clear: both;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  padding:20px 0px;
}

#page-header h1 {
	text-transform:lowercase;
	font-size:3.5em;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight:700;
	color:#e81e49;
	}
#page-header p {
	font-size:1.55em;
	color:#666;
	line-height:1.4em;
	}

#page-header .copy {
  float: left;
  width: 65%;
}
	
#page-header .banner-img{
  float: right;
  margin-top: -10px;
  margin-bottom: -75px;
  max-width: 350px;
  overflow: hidden;
  padding: .5em;
  background-color: white;
  -moz-box-shadow: 0 0 16px #363636;
  -webkit-box-shadow: 0 0 16px #363636;
  box-shadow: 0 0 16px #363636;

}

#page-header .research-banner { 
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

#crumbs {
  background-color: #EBFAD8;
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  clear: both;
}

#crumbs ul {
  display: block;
  padding-top: .5em;
  padding-bottom: .5em;
}

#crumbs ul li {
  border-right: 1px solid #444;
  font-family: 'Roboto Condensed', Arial, Helvetica;
  display: inline;
  font-weight: 600;
  list-style-type: none;
  padding-left: 1em;
  padding-right: 1em;
  text-transform: uppercase;
}

#crumbs ul li:first-child {
  padding-left: 0;
}

#crumbs ul li:last-child {
  padding-right: 0;
  border-right: none;
}

.begin-audience-buckets {
  margin-top: 2em;
}

.audience-bucket {
  background-color: #fff8e3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  /*height: 420px;*/
  overflow:auto;
  padding: 1em 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.audience-bucket-img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border:6px solid white;
  box-shadow: 0 0 9px #666;
  -webkit-box-shadow: 0 0 9px #666;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.audience-bucket .bucket-link { 
  font-weight: bold; 
  font-family: 'Roboto Condensed', Arial, Helvetica;
  margin-bottom: 1em;
}

.audience-bucket .bucket-nav h4 {
  font-size: 1em;
}

#content-main {
  border-top: 1px solid #ccebce;
  padding-bottom: 3em;
}

.top-row {
  padding-top: 2em;
}

.breathe-right {
  padding-right: 2em;
}

.advertisement { max-width: 100%; margin: 0;}

.bucket h2 a {
  color: #40B649
}

.bucket-content {
  -webkit-box-shadow: inset 0px 10px 7px -5px rgba(150, 150, 150, .15);
  box-shadow: inset 0px 10px 7px -5px rgba(150, 150, 150, .15); 
}
.bucket-content p {
  padding-top: 2em;
}

.bucket-nav {
  font-weight: 500;
  list-style-type: none;
  margin-bottom: 1.6em;
}

.bucket-nav h4 {
  padding-top: .5em;
  padding-bottom: .5em;
  margin-top: 0; margin-bottom: 0;
}

.bucket-nav li {
  border-bottom: 2px dotted #E8E8E8;
}

.bucket-nav li:last-child {
  border-bottom: none;
}

.bucket-nav li:hover {
  background-color: #EBFAD8;
}
.event-bucket {
  background-color: #fff8e3;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -khtml-border-radius: 10px 10px 0 0;
  padding: 1em 2em;
  margin-top: 2em;
}
.event-bucket .meeting-date {
  float: right;
  margin-left: .5em;
  margin-top: -2em;
  padding: 1em;
}
.event-bucket .meeting-date .month {
  font-size: .9em;
}
.event-bucket .meeting-date .days {
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-size: 1.4em;
}
.event-bucket h3 { 
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-size: 1.4em; 
  font-weight: 500;
  margin-bottom: 0;
} 
.event-bucket h4 {
  font-style: italic;
  font-weight: 400;
  margin-top: .4em;
}
.feature-event { 
  background-color: #5bbf62; 
  color: white;
}
.feature-event h3 a {
  color: white;
}
.event-bucket-more {
  background-color: #f5eeda;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -khtml-border-radius: 0 0 10px 10px;
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-weight: 500;
  padding: 2em;
  margin-bottom: 1em;
}
.event-bucket-more .login-button {
  padding: .5em;
}
.feature-event-more a {
  color: white;
}
.event-bucket-more .light-link-button {
  background-color: #fbf8ef;
  padding: .4em;
  margin-left: .5em;
}
.event-bucket-more .light-link-button:hover {
  background-color: #e0ded6;
}
.feature-event-more .light-link-button {
  background-color: #acdbb9;
}
.feature-event-more .light-link-button:hover {
  background-color: #97bea1;
}
.event-bucket-more p {
  float: right;
  margin: 0;
}
.feature-event-more {
  background-color: #42ac60;
  color: white;
}
.misc-event-bucket {
  background-color: #5bbf62;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  color: #fff;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em 2em;
  overflow: auto;
}
.misc-event-bucket h3 {
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-weight: 500;
  margin-bottom: 0;
}

.misc-event-bucket .read-more {
  border-top: 2px dotted white;
  font-weight: bold;
  margin-top: 1.6em;
  padding-top: .4em;
}
.misc-event-bucket a {
  color: white;
}
.misc-event-bucket .section-link {
  color: #006a50;
  font-weight: bold;
}
.misc-event-bucket h4 {
  color: #006a50;
  font-size: 1em;
  font-weight: 500;
  margin-top: .6em;
  margin-bottom: .8em;
}
.misc-event-bucket select {
  background-color: #EBFAD8;
  color: #006a50;
  font-family: 'Roboto Condensed', Arial, Helvetica;
  margin-right: .5em;
  padding-top: 4px;
  padding-bottom: 4px;
}
.misc-event-bucket input[type="submit"] {
  margin-bottom: 1em;
}
.misc-event-bucket .conference {
  width: 45%;
}
.misc-event-bucket .year {
  width: 30%;
}
#page-ad {
  margin: 1.5em auto;
}
#school-nutrition-events .meeting-date {
  background-color: #616161;
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-top: 1.5em;
}
#school-nutrition-events .bucket-nav li {
  overflow: auto;
}
#school-nutrition-events .meeting-date .month {
  font-size: 0.9em;
}
#school-nutrition-events .meeting-date .days {
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-size: 1.4em;
}

#school-nutrition-events-past .meeting-date {
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-top: 1.5em;
}
#school-nutrition-events-past .bucket-nav li {
  overflow: auto;
}
#school-nutrition-events-past .meeting-date .month {
  font-size: 0.9em;
}
#school-nutrition-events-past .meeting-date .days {
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-size: 1.4em;
}

#full-calendar ul {
  list-style-type: none;
}
#full-calendar li {
  font-weight: bold;
}
#full-calendar li::before {
  content: "> ";
  font-weight: bold;
  color: #0095cc;
}
#full-calendar .read-more {
  border-top: 2px dotted #e8e8e8;
  font-weight: bold;
  margin-top: .4em;
  padding-top: .4em;
}
#internal-nav h3 {
  color: #d1d1d1;
  padding: 1em;
  margin: 0;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

#internal-nav ul {
  box-shadow: 10px 0 15px -12px #E8E8E8 inset, -10px 0 15px -12px #E8E8E8 inset;  
  -webkit-box-shadow: 10px 0 15px -12px #E8E8E8 inset, -10px 0 15px -12px #E8E8E8 inset;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  list-style-type: none;
  margin-bottom: 1.5em;
}

#internal-nav ul ul {
  margin-bottom: 0;
  box-shadow: none;
}

#internal-nav ul li:hover {
  background-color: #dbedc6;
}

#internal-nav ul li a:hover {
  color: #40b649;
  text-decoration: none;
}

#internal-nav ul ul {
  border-left: none;
  border-right: none;
}

#internal-nav ul li a:before {
  color: #5bbf62;
  content: "> ";
}

#internal-nav .current-page {
  color: #0095CC;
}

#internal-nav .section-head {
  padding-bottom: 1em;
  display: inline-block;
}

#internal-nav ul li .current-page:before {
  color: #0095cc;
}

#internal-nav ul li {
  -webkit-box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  border-bottom: 1px solid #fff;
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-weight: 400;
  padding: 1em;
}

#internal-nav ul li a {
  color: black;
}

#internal-nav ul li ul li a:before {
  content: "";
}

#internal-nav ul li ul li {
  margin-left: 1em;
  margin-right: 1em;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#internal-nav ul li ul li:last-child { 
  border-top: none;
}

#internal-nav .current-section {
  background-color: #EBFAD8;
  -webkit-box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  /*padding-bottom: 0;*/
}

#internal-nav .current-section li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#search-region {
  background-color: #f3f3f3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  overflow:auto;
  padding-left: 2em;
  padding-right: 2em;
}

#search-region h2 {
  color: #cacaca;
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-weight: 700;
}

#search-region .label {
  float: left;
  width: 30%;
}

#search-region .search-field {
  height: auto;
  overflow: auto;
  padding-top: .5em;
  padding-bottom: .5em;
}

#search-region input[type="text"] {
  background-color: #e3e3e3;
  float: left;
  height: 24px;
  width: 57.8%; 
}

#search-region input[type="text"]:focus {
  border-color: #999;
  box-shadow: 0 1px 1px #cacaca inset, 0 0 8px #cacaca;
}

#search-region input[type="submit"] {
  clear: both;
  float: right;
  margin-top: .5em;
  margin-bottom: 1.5em;
}

#related {
  -webkit-box-shadow: 10px 0 15px -12px #e8e8e8;
  box-shadow: 10px 0 15px -12px #e8e8e8 inset;
  padding-left: 2em;
}

.gradient-top {
  -webkit-box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  padding-top: 1em;
}

#related h2 {
  color: #c1c1c1;
  font-family: 'Roboto Condensed', Arial, Helvetica;
  font-size: 1.2em;
  margin-top: 1.82em;
  margin-bottom: 1.32em;
  font-weight: 400;
  text-transform: uppercase;
}

#related h3 {
  color: #5dc062;
  font-family: 'Roboto Condensed', Arial, Helvetica;
}

#related .related-legislative {
  font-weight: 700;
  list-style-type: none;
}

#related .related-legislative li:before {
  content: "> ";
  color: #0095cc;
}
#related .related-legislative li {
    margin-top: .5em;
  margin-bottom: .5em;
}

#related .traytalk {
  margin-top: 1.6em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

#news {
  padding-right: 2em;
}



#features {
   -webkit-box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  box-shadow: inset 0px 10px 15px -12px #e8e8e8;
  margin-top: 2em;
  padding-top: 2em;
}

#content-main #left-main {
  -webkit-box-shadow: -10 0 15px -12px #e8e8e8 inset;
  box-shadow: -10px 0 15px -12px #e8e8e8 inset;
  /*border-right: inset 3px @color;*/
  /*-webkit-box-shadow: inset -2px 0px 6px 0px rgba(0, 0, 0, .3.5);
box-shadow: inset -2px 0px 6px 0px rgba(0, 0, 0, .3.5); */
}
#content-main #left-main #news
{
  padding-top:2.5em;
  padding-right: 2em;
  -webkit-box-shadow: -10 0 15px -12px #e8e8e8 inset;
  box-shadow: -10px 0 15px -12px #e8e8e8 inset;
}

#content-main #left-main-News #news
{
  padding-top:2.5em;
  padding-right: 2em;
  -webkit-box-shadow: -10 0 15px -12px #e8e8e8 inset;
  box-shadow: -10px 0 15px -12px #e8e8e8 inset;
}

#news .news-article {
  border-bottom: 2px dotted #e8e8e8;
}
.news-article { overflow: auto; }
.news-article img { margin-top: 1em; margin-bottom: 1em; }
.news-article h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.news-article .pub-date {
  font-weight: 500;
  margin-bottom: 0;
}
#content-main #left-main #news .news-article img {
  border: 2px solid #e8e8e8;
  float: left;
  margin-right: 1em;
  padding: 0.25em;
  width: 8em;
}

#content-main #left-main-News #news .news-article img {
  border: 2px solid #e8e8e8;
  float: left;
  margin-right: 1em;
  padding: 0.25em;
  width: 8em;
}

#content-main #left-main #meetings  {
  padding-top:2.5em;
  padding-left: 1em;
  padding-right: 1em;
}
#content-main #left-main #meetings  .meetings-block {
  border-bottom: 2px dotted #e8e8e8;
  clear: both;
  margin-top: 1.6em;
  overflow: auto;
}
#content-main #left-main #meetings .meetings-block h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.meeting-date {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-color: #cc1e4c;
  color: white;
  float: left;
  font-weight: 500;
  padding: 8px;
  text-align: center;

    margin-right: 0.5em;
    margin-bottom: 1em;
    min-width: 83px;
}
.meeting-date .month {
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.meeting-date .days {
  font-size: 1.8em;
}
#content-main #left-main #meetings .meetings-block .meeting-copy {
  margin-left: 1em;
  float: left;
  width: 65%;
}
#content-main #left-main #featured-box {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  background-color: #fffddd;
  clear: both;
  width:93%;
  padding:8px;
}
#content-main #left-main #featured-box section {
  padding-left: 2em;
  padding-right: 2em;
}
#content-main #left-main #featured-box section:not(:last-child) {
  
}
#publication {
  overflow: auto;
}
#publication img {
  border: 0.3333333333333333em solid #e8e8e8;
  float: left;
  margin-bottom: 1.6em;
  margin-right: 1.6em;
  width: 35%;
}

#main-body #publication img {
  border: none;
}
#main-body #publication {
  padding-right: 2em;
  border-right: 1px solid #dbdbdb;
}
#featured-book {
  padding-left: 2em;
}

#featured-book img {
  margin-right: 1.6em;
  margin-bottom: 1.6em;
  width: 35%;
  max-width: 100%;
  float: left;
}

#content-main #left-main #featured-box #video img {
  max-width: 100%;
}

#content-main #right-main {
	padding-top:3em;
	}

#content-main #right-main #highlights ul {
  font-weight: 500;
  list-style-type: none;
  margin-bottom: 1.6em;
}
#content-main #right-main #highlights ul li h4 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
#content-main #right-main #highlights ul li:not(:last-child) {
  border-bottom: 2px dotted #e8e8e8;
}
#content-main #right-main #twitter .tweet {
  border-bottom: 2px dotted #e8e8e8;
  clear: both;
  margin-top: 1.6em;
  overflow: auto;
}
#content-main #right-main #twitter .tweet h4 {
  margin: 0;
}
#content-main #right-main #twitter .tweet .twitter-date {
  margin-top: 0;
}
#content-main #right-main #twitter .tweet img {
  border: 0.3333333333333333em solid #e8e8e8;
  float: left;
  margin-bottom: 1em;
  margin-right: 2em;
  width: 20%;
}
#content-main #right-main #twitter .tweet .tweet-content {
  float: left;
  width: 66%;
}

.home-ad {}
.home-ad img {width:95% !important;}

footer {
  background: #006b51;
  background: -webkit-gradient(linear, left top, left bottom, from(#006b51), to(#004232));
  background: -moz-linear-gradient(top, #006b51, #004232);
  clear: both;
  color: white;
  height: 25em;
  overflow: auto;
}
footer a {
  color: #ffffff;
}
footer h3 {
  color: #40b649;
}
footer section {
  height: 25em;
  padding-top: 1em;
}
footer section:not(:last-child) {
  border-right: 2px dotted rgba(64, 182, 73, 0.2);
}
footer #newsletters input[type="email"] {
  background-color: #fff;
  border-color: #004b39;
  color: #007a5c;
  font-weight: 500;
  width: 75%;
}
footer #newsletters input[type="email"]:focus {
  box-shadow: 0 1px 1px #009e78 inset, 0 0 8px #009e78;
}
footer #newsletters input[type="submit"] {
  margin-bottom: 1em;
  margin-top: 1em;
  clear: both;
}
footer #copyright ul {
  list-style-type: none;
}
.customisable-border {border-color:#fff;}
.customisable-highlight {display:none !important}
.timeline-header .customisable-border {border:none !important}
.root .timeline .ltr .customisable-border  .twitter-timeline .not-touch .twitter-timeline-rendered {border:none !important}

.one-tenth {width:9%;float:left;}
.one-eighth {width:11%;float:left;}
.one-fourth {width:20%;float:left;}
.one-half {width:45%;float:left;}
.one-third {width:30%;float:left;}
.three-fourth {width:75%;float:left;}

.simple-form input[type="text"],
.simple-form input[type="password"],
.simple-form textarea {
    background: #f8f8f8;
    padding: 10px 12px;
    font-size: 11px;
    width: 199px;
    color: #515151;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
}
.simple-form .three-fourth input.email {
    width: 433px !important;
}
.simple-form .one-third input.city {
    width: 330px !important;
}
.simple-form .one-tenth input.zip {
    width: 80px !important;
}
.simple-form select {
    background: #f8f8f8;
    padding: 10px 12px;
    font-size: 14px;
    width: 105px;
    color: #515151;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
}
.input-holder {
    width: 217px;
    margin-right: 30px;
    float: left;
}
.input-holder.last {
    margin-right: 0px
}
.email input {
    background: #f8f8f8 !important;
    padding: 10px 12px;
    font-size: 11px;
    width: 399px;
    color: #515151;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
}

.simple-form input[type="text"]:focus,
.simple-form input[type="password"]:focus,
.simple-form textarea:focus {
    border: 1px solid #d0d0d0;
    box-shadow: inset 3px 3px 3px #f8f8f8;
}
.simple-form label {
    font-size: 12px;
    color: #000000;
    float: none;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}
.simple-form label span {
    color: #e64135
}
.simple-form textarea {
    height: 140px;
    width: 690px;
    resize: none;
    margin-bottom: 20px;
}

.news-form {
	padding:20px 0px;
	margin-bottom:20px !important;
	display:block;
	}

.mleft {margin-left:0px;margin-bottom:20px !important;}
.box-shadow {
	-webkit-box-shadow: inset 0px 10px 15px -12px #e8e8e8;
box-shadow: inset 0px 10px 15px -12px #e8e8e8;
}

.form-alert {
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background:#fae3e9;
border:solid 1px #C03;
padding:20px;
font-size:12px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight:400;
width:40%;
margin-bottom:20px;
}

.barcell .resultbar { height: 11px; }

@media (max-width: 1199px) {
  #topnav .mega-column {
    height: 31.2em;
  }
  #topnav .dropdown-menu {
    width: 980px;
    left: 50%;
    margin-left: -490px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	transition: 500ms;
  }

  #page-header .copy { width: 62.5%; }


  #topnav ul li {
    padding-left: 1.5%;
    padding-right: 1.5%;
    text-transform: uppercase;
	 font-size:1em;
	 letter-spacing: 0px;
  }

  .misc-event-bucket input[type="submit"] {
    padding: 6px;
  }

  #search-region input[type="text"] {
    clear: both;
    width: 84%;
  }
  .event-bucket-more p {
    float: none;
    margin-top: 1em;
  }

  #content-main #right-main #twitter .tweet .tweet-content {
    width: 64%;
  }

 .nav-container {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

  #page-header .banner-img {
    margin-top: -5px;
    margin-bottom: -30px;
    width: 300px;
    height: auto;
  }
#main-body #publication img, #main-body #featured-book img { display: none; }
#content-main #left-main #meetings {
  padding-left: 1em;
  padding-right: 1em;
}
#content-main #left-main #meetings .meetings-block .meeting-copy {
  margin-left: 1em;
  width: 85%;
}

.meeting-date {padding:5px;}

#content-main #left-main #meetings .meetings-block .meeting-date .month {
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
#content-main #left-main #meetings .meetings-block .meeting-date .days {
  font-size: .83em;
}
  .misc-event-bucket .conference,
  .misc-event-bucket .year {
    margin-top: .5em; margin-bottom: .5em;
    width: 100%;
  }

  .misc-event-bucket input[type="submit"] {
    float: right;
    margin-top: 1em;
  }
  
.simple-form input[type="text"],
.simple-form input[type="password"],
.simple-form textarea {
    width: 145px;
}

.simple-form .one-third input.city {
    width:250px !important;
}

}

@media (max-width: 1070px) {
	
  #topnav ul li {
    padding-left: 1.0%;
    padding-right: 1.0%;
    text-transform: uppercase;
	  font-size:1em;
	  letter-spacing: 0px;
  }

}

@media (max-width: 979px) {
  .green-divider { display: none; }
  .breathe-right {
    padding-right: 0;
  }
.nav-container {
	margin-left:auto;
	margin-right:auto;
	}

.logo-lg {display:none;}
.logo-sm {float:left;padding-bottom:10px;display:inline;}
.mission{
  font-size: 1.7em;
}
  .js #mobileselect {
    display: none;
  }
  .js .selectnav, .home-label {
    display: block;
    width: 50%;
  }

  #page-header .copy {
    width: 100%;
  }

  #page-header .banner-img {
    display: none;
  }

  #search-region input[type="text"] {
    width: 74%;
  }

  #content-main #left-main #meetings .meetings-block .meeting-copy {
    margin-left: 0;
    margin-top: .5em;
    width: 100%;
  }
 
 #content-main #left-main #meetings .meetings-block .meeting-date {
  width:80%;
  padding: 5px;
  text-align: center;
}

#content-main #left-main #meetings .meetings-block .meeting-date .days {
  font-size: 1.5em;
}
  #content-main #right-main #twitter .tweet img {
    width: 30%;
  }
  #content-main #right-main #twitter .tweet .tweet-content {
    width: 100%;
  }
  
.simple-form .one-third input.city {
    width:190px !important;
}

.simple-form .one-tenth input.zip {
    width: 60px !important;
}

.simple-form select {
    background: #f8f8f8;
    padding: 10px 12px;
    font-size: 14px;
    width: 70px;
    color: #515151;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
}

}
@media (max-width: 769px) {
  #page-header p {
  font-size:1.1em;
  }

  #crumbs ul { 
    padding-top: 0;
    padding-bottom: 0;
  }

  #crumbs ul li {
    font-size: .85em;
  }

  .begin-audience-buckets { 
    margin-top: 0;
  }

  .meetings-block .meeting-date {
    margin-bottom: 1em;
  }
  .top-row {
    padding-top: 1em;
  }

  #utility-nav ul .audience-nav,
  #utility-nav ul .othersites-nav {
    /*display: none;*/
    font-size: 95%; /* for view on iPad */
  }
  header #utilities #quick-links {
    display: none;
  }
  header #utilities #search-and-login .search-area {
    margin-left: 0;
    margin-right: 0;
  }
  header #utilities #search-and-login .login-button {
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
  }

  .event-bucket-more { margin-bottom: 0; }

  #page-header h1 { font-size: 2.4em; }

  #crumbs ul li {
    border-bottom: 1px solid #444;
    border-right: none;
    display: block;
    padding-left: 0;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  #crumbs ul li:last-child {
    border-bottom: none;
  }

  #search-region input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }

.mission{
  font-size: 1.7em;
} 
#nutrition, #operation, #administration {
  padding-top: 0;
  padding-right: 0;
}
.bucket {
  overflow: auto;
  margin-top: .5em;
}

#content-main #left-main {
    box-shadow: none;
  }
#content-main #left-main #news {
    border-bottom: 1px solid #e8e8e8;
    box-shadow: none;
    padding-right: 0;
	padding-top:10px;
  }
  #news { padding-right: 0; }
 #content-main #left-main #meetings {
	padding-top:10px;
    padding-left: 0;
    padding-right: 0;
  }
  #content-main #left-main #meetings .meetings-block .meeting-copy {
    margin-left: 1em;
    margin-top: 0;
    width: 76%;
  }
 
 #content-main #left-main #meetings .meetings-block .meeting-date {
  width:70px;
  padding: 10px;
  text-align: center;
}

#content-main #left-main #meetings .meetings-block .meeting-date .days {
  font-size: 1.0em;
}
 #content-main #left-main #featured-box section:not(:last-child) {
    border-bottom: 1px solid rgba(64, 182, 73, 0.2);
    border-right: none;
  }
 #content-main #right-main #highlights {
    border-bottom: 1px solid #e8e8e8;
  }
  #content-main #right-main #twitter .tweet img {
    width: 20%;
  }
  #content-main #right-main #twitter .tweet .tweet-content {
    width: 67%;
  }
  #main-body #publication, 
  #main-body #featured-book {
    padding-left: 0;
    padding-right: 0;
    border-right: none;
  }
  
  #features { padding-top: 1em; }
  .home-ad {width: auto !important;}

 #related {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
}
#internal-nav {display:none}
  footer {
    height: auto;
    padding-bottom: 4.800000000000001em;
  }
  footer section {
    height: auto;
  }
  footer section:not(:last-child) {
    border-right: 0;
    border-bottom: 2px dotted rgba(64, 182, 73, 0.2);
  }
  
.simple-form input[type="text"],
.simple-form input[type="password"],
.simple-form textarea {
    background: #f8f8f8;
    padding: 10px 12px;
    font-size: 11px;
    width: 100px;
    color: #515151;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
}
 
}

@media (max-width: 750px) {
  #utility-nav ul .audience-nav,
  #utility-nav ul .othersites-nav {
    display: none;
  }
}

@media (max-width: 640px) {
	.mission {
    font-size: 1.4em;
    line-height:1.5em;
  } 
  .js .selectnav { width: 70%; }
  
.one-eighth,
.one-fourth,
.one-tenth,
.one-half, 
.one-third, 
.three-fourth {width:90%;float:none;}

.simple-form input[type="text"],
.simple-form input[type="password"],
.simple-form textarea {
    width: 80%;
}
.simple-form .three-fourth input.email {
    width: 80% !important;
}
.simple-form .one-third input.city {
    width: 80% !important;
}
.simple-form .one-tenth input.zip {
    width: 80px !important;
}
.simple-form select {
    background: #f8f8f8;
    padding: 10px 12px;
    font-size: 14px;
    width: 125px;
    color: #515151;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #e9e9e9;
}

.form-alert {
	width:80%;
}

}

@media (max-width: 480px) {
  header #logo {
    width: 8em;
  }
  header #utilities {
    margin-bottom: 0;
    margin-top: 0;
  }
  header #utilities #search-and-login .search-area .search-box, header #utilities #search-and-login .search-icon {
    display: none;
  }

  header #utilities #search-and-login .login-button { 
    margin-top: 2em;
    margin-left: 0;
    margin-right: 0 ;
  }
  #content-main #left-main #meetings .meetings-block .meeting-copy {
	  width:60%;
  }
  
 
}

@media (max-width: 350px) {
  
  header #utilities #search-and-login .login-button span {display:none;}
 
}




.white-logo {
  margin-top: 15px;
  max-width: 
}
