/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

.blogs-news .flexslider li { width: 257px; float: left; display: block; margin-bottom:15px; }
.blogs-news .flexslider .flex-viewport { overflow: hidden; position: relative; }
.blogs-news .flexslider ul.slides { width: 110%; transition-duration: 0s; transform: translate3d(0px, 0px, 0px); }

/* Direction Nav */
.flex-direction-nav a { display: block; position: absolute; top: 50%; width: 34px; height: 55px; background: url(bg-directionnav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next { background-position: 0 0; right: -34px; }
.flex-direction-nav .flex-prev { background-position: 0 -55px; left: -34px; }
.flex-direction-nav .flex-disabled { opacity: .8 !important; filter: alpha(opacity=80); cursor: default; }
.flexslider .flex-direction-nav .flex-next { display:none; }
.flexslider .flex-direction-nav .flex-prev { display:none; }
.flexslider:hover .flex-next:hover, .flexslider .flex-prev:hover { opacity: 1; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li a { width: 16px; height: 16px; display: block; background: #fff; background: rgba(255, 255, 255, 0.7); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.9); }
.flex-control-nav li a:hover { background: #333; background: white; }
.flex-control-nav li a.flex-active { background: #000; background: white; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: 0.7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; top: 86%; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; top: 86%; } }


/**Main Nav Dropdown Functionality**/
.bf-navigation { line-height: 1.0; position: relative; }
.bf-navigation > li > .bfnav-panel { position: absolute; top: -999em; }
.bf-navigation li { float: left; list-style-type: none; }
.bf-navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.bf-navigation li:hover .bfnav-panel, .bf-navigation li.bfHover .bfnav-panel { left: 0; top: 0; /* match top ul list item height */ z-index: 99; }
.bf-navigation a { display: block; position: relative; }

.bf-navigation li:hover, .bf-navigation li.bfHover, .bf-navigation a:focus, .bf-navigation a:hover, .bf-navigation a:active { outline: 0; }

/*SITE LAYOUT*/
#site-header > .wrapper, #campaign-site-header > .wrapper, #nav-primary .wrapper, #layout > .wrapper, #brand-bar > .wrapper, #site-footer > .wrapper, #site-footer-brand > .wrapper, #our-mission > .wrapper, #header-ad-space { max-width: 1180px; margin: 0 auto; clear: both; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#site-header > .wrapper:before, #campaign-site-header > .wrapper:before, #site-header > .wrapper:after, #campaign-site-header > .wrapper:after, #nav-primary .wrapper:before, #nav-primary .wrapper:after, #layout > .wrapper:before, #layout > .wrapper:after, #brand-bar > .wrapper:before, #brand-bar > .wrapper:after, #site-footer > .wrapper:before, #site-footer > .wrapper:after, #site-footer-brand > .wrapper:before, #site-footer-brand > .wrapper:after, #our-mission > .wrapper:before, #our-mission > .wrapper:after, #header-ad-space:before, #header-ad-space:after { content: ""; display: table; }
#site-header > .wrapper:after, #campaign-site-header > .wrapper:after, #nav-primary .wrapper:after, #layout > .wrapper:after, #brand-bar > .wrapper:after, #site-footer > .wrapper:after, #site-footer-brand > .wrapper:after, #our-mission > .wrapper:after, #header-ad-space:after { clear: both; }

#site-header, #campaign-site-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#colone, #coltwo { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
#colone:before, #colone:after, #coltwo:before, #coltwo:after { content: ""; display: table; }
#colone:after, #coltwo:after { clear: both; }

#colthree { float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
#colthree:before, #colthree:after { content: ""; display: table; }
#colthree:after { clear: both; }

#coltwo { width: 59.32203%; padding: 0 1.57143%; }
.coldesc-two #coltwo { width: 100%; padding: 0 1.57143%; }
.coldesc-one-two #coltwo { width: 83.89831%; padding: 0 1.57143%; }
.coldesc-two-three #coltwo { width: 75.42373%; padding: 0 1.57143%; }
#homepage #coltwo { width: 72.55%; }

#colone { width: 16.10169%; padding: 0 1.57143%; }

#colthree { width: 24.57627%; padding: 0 1.57143%; }

@media only screen and (max-width: 950px) { #site-header > .wrapper, #campaign-site-header > .wrapper, #nav-primary .wrapper, #layout > .wrapper, #brand-bar > .wrapper, #site-footer > .wrapper { width: 100%; }
  #colthree { float: none; clear: both; width: 100%; }
  #coltwo { width: 70%; }
  #colone { width: 30%; } }
@media only screen and (max-width: 800px) { #colone { float: none; clear: both; width: 100%; }
  #coltwo, .coldesc-one-two #coltwo, .coldesc-two #coltwo, .coldesc-two-three #coltwo, #colthree, .coldesc-two-three #colthree { width: 100%; float: none; clear: both; margin: 0; }
  .full-frontpage #colone, .full-frontpage #coltwo { clear: both; width: 100%; }
  .full-frontpage #colone .wrapper, .full-frontpage #coltwo .wrapper { padding: 0; } }
@media only screen and (max-width: 600px) { #colone, .coldesc-one-two #colone { width: 100%; float: none; clear: both; margin: 0; }
  .object-left, .object-right { float: none; max-width: 100%; }
  img { max-width: 100%; height: auto; } }
/*MAIN THEME*/
/*MAIN THEME*/
/*MAIN THEME*/
.page-width { max-width: 1180px; margin: 0 auto; clear: both; }

#herospace-nav, #nav-utility ul, #nav-primary .bf-navigation, #nav-secondary ul, #nav-aaa ul, #social, .social-networks, #tabs .tab-controls, #tabs2 .tab-controls, .awards, #nav-quicklinks, #super-footer, #family-of-sites > ul, #styleguide-nav ul { list-style-type: none; background-image: none; }
#herospace-nav li, #nav-utility ul li, #nav-primary .bf-navigation li, #nav-secondary ul li, #nav-aaa ul li, #social li, .social-networks li, #tabs .tab-controls li, #tabs2 .tab-controls li, .awards li, #nav-quicklinks li, #super-footer li, #family-of-sites > ul li, #styleguide-nav ul li { background-image: none; padding-left: 0; }
#herospace-nav li:before, #nav-utility ul li:before, #nav-primary .bf-navigation li:before, #nav-secondary ul li:before, #nav-aaa ul li:before, #social li:before, .social-networks li:before, #tabs .tab-controls li:before, #tabs2 .tab-controls li:before, .awards li:before, #nav-quicklinks li:before, #super-footer li:before, #family-of-sites > ul li:before, #styleguide-nav ul li:before, #interactiveArea #page .yt_holder ul li:before { content: ''; }

.sitewide-promo { max-width: 230px; background: #f5f7e8; border: 2px #5e8827 solid; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; margin-bottom: 2em; overflow: hidden; text-align: center; }
.sitewide-promo h1 { font-size: 1em; font-weight: 700; }
.sitewide-promo img { width: 100%; max-width: 100%; height: auto; margin-bottom: -1em; }
.sitewide-promo > .wrapper { padding: 1em; }
#colthree .sitewide-promo { width: 90%; margin: 0 auto 2em auto; }

#coltwo { padding-bottom: 2em; }

#colthree .promo img { margin: 0 auto 1em auto; }
#colthree .profile-meta { margin: 8.5em 0 2em; }

.button { /*default button (orange, white text, flat, with trailing arrow)*/ display: inline-block; padding: 0.2em 1.2em; text-decoration: none; color: white; background: #c85c19; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; border: 0; font-size: 1.2em; font-weight: 600; text-transform: uppercase; -webkit-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; -moz-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; }
.button a { text-decoration: none; color: white; cursor:pointer; }
.button a:hover { text-decoration: none; }
.button a:after { content: url(bg-arrow-morecircle.png); position: relative; left: 0.4em; top: 0px; -webkit-text-stroke: 1px white; }
button.button:after { content: url(bg-arrow-morecircle.png); position: relative; left: 0.4em; top: 0px; -webkit-text-stroke: 1px white; }
.button:hover { background-color: #e5752f; text-decoration: none; }

.purple-button { /*default button (orange, white text, flat, with trailing arrow)*/ display: inline-block; padding: 0.2em 1.2em; text-decoration: none; color: white; background: #47166b; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; border: 0; font-size: 1.2em; font-weight: 600; text-transform: uppercase; -webkit-box-shadow: 0px 0px 0px rgba(175, 108, 225, 0.6) inset, 0px 0px rgba(15, 5, 22, 0.6) inset; -moz-box-shadow: 0px 0px 0px rgba(175, 108, 225, 0.6) inset, 0px 0px rgba(15, 5, 22, 0.6) inset; box-shadow: 0px 0px 0px rgba(175, 108, 225, 0.6) inset, 0px 0px rgba(15, 5, 22, 0.6) inset; }
.purple-button a { text-decoration: none; color: white; }
.purple-button a:hover { text-decoration: none; }
.purple-button:after { content: url(bg-arrow-morecircle.png); position: relative; left: 0.4em; top: 0px; -webkit-text-stroke: 1px white; }
.purple-button:hover { background-color: #631f95; text-decoration: none; }

.donate-button { display: inline-block; padding: 0.2em 1.2em; text-decoration: none; color: white; background: #C85C19; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; border: 0; font-size: 1.2em; font-weight: 600; text-transform: uppercase; -webkit-box-shadow: 2px 2px 2px rgba(175, 108, 225, 0.6) inset, -4px 2px rgba(15, 5, 22, 0.6) inset; -moz-box-shadow: 2px 2px 2px rgba(175, 108, 225, 0.6) inset, -4px 2px rgba(15, 5, 22, 0.6) inset; box-shadow: 2px 2px 2px rgba(175, 108, 225, 0.6) inset, -4px 2px rgba(15, 5, 22, 0.6) inset; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -ms-border-radius: 0.3em; -o-border-radius: 0.3em; border-radius: 0.3em; padding: 1.2em 1.2em; margin-top: 1.0em; font-size: 1.4em; }
.donate-button a { text-decoration: none; color: white; }
.donate-button a:hover { text-decoration: none; }
.donate-button:after { content: url(bg-arrow-morecircle.png); position: relative; left: 0.4em; top: 0px; -webkit-text-stroke: 1px white; }
.donate-button:hover { background-color: #f3901d; text-decoration: none; }
.donate-button:after { background: none; padding: 2px 8px; margin-left: 0.4em; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; -webkit-box-shadow:none; -moz-box-shadow: none; }

.photoCreditImg { display: inline-block; position: relative; max-width: 100%; }
.photoCreditImg img { max-width: 100%; }
.photoCreditImg .photoCredit { text-decoration: none; position: absolute; right: 4px; bottom: 4px; display: block; width: 15px; height: 15px; z-index: 99; background: url(photo_credit_icon.png) no-repeat; color: #F4F4F4; font-weight: normal; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); }
.photoCreditImg .photoCredit:hover { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); right: 3px; bottom: 3px; }
.photoCreditImg .photoCredit span { font-size: 11px; line-height: 17px; bottom: 12px; right: 12px; display: none; padding: 10px 11px 11px 11px; position: absolute; z-index: 950; width: 280px; color: #F4F4F4; border: solid 1px #3C3C3D; font-weight: normal; background-color: black; background-color: rgba(0, 0, 0, 0.7); *zoom: 1; background-color: transparent\9; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3000000', endColorstr='#B3000000'); text-align: left; }

a.more:after { content: '>'; margin-left: 0.5em; }
div.more a:after { content: '>'; margin-left: 0.5em; }
span.more a:after { content: '>'; margin-left: 0.5em; }
a.more:hover:after { text-decoration: none; }
div.more a:hover:after { text-decoration: none; }
span.more a:hover:after { text-decoration: none; }

/*"ADVERTISEMENTS*/
#homepage #colthree { /* border: 1px #c6bdb9 solid; */ padding:18px 0 0 0; }
.advertisement { position: relative; padding-bottom: 1em; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
.advertisement:before, .advertisement:after { content: ""; display: table; }
.advertisement:after { clear: both; }
.advertisement:after { content: 'Advertisement'; position: absolute; bottom: 0; right: 0; font-size: 0.55em; font-family: verdana,arial,sans-serif; text-transform: uppercase; }
#homepage .advertisement { float:right; margin-right:-10px; }
.corporate-supporters { position: relative; padding-bottom: 2em; border-bottom: 3px #e4e6d7 double; /* overflow: hidden; */ }
.corporate-supporters h2 { margin: 1em 0; text-align: center; font-size: 1.4em; }
.corporate-supporters:after { content: 'Corporate Supporters'; position: absolute; bottom: 1em; right: 0; font-size: 0.55em; font-family: verdana,arial,sans-serif; text-transform: uppercase; }
#homepage .corporate-supporters { border-bottom: none; height:220px; float:right; }
#homepage .corporate-supporters h2 { text-align:left; margin-top:0; padding-top:0; }
#homepage .corporate-supporters:after { content: ''; }
#homepage .promo { float:left; margin:0 10px 10px 0; }
#homepage section.connect-with-tnc .social-networks { width:21%;z-index:900; }
#homepage #rcol-promos { margin:0; padding:0 0 0 10px; }

ul#pressList, ul#eventList, ul#photoList { list-style:none; }
ul#eventList { margin-left:0; padding-left:0; }
li.pressEntry { list-style:none; margin-left:0; padding-left:0; }
#newsTab1 li:before, #newsTab2 li:before { content:none; }
#photoList li:before { content:none; }

.hidden { display: none; visibility: hidden; }

.error { color: #f00; }

html, body { height: 100%; margin: 0; }

body { padding-top: 2em; font-family: "Open Sans",verdana,sans-serif; color: #444; font-size: 90%; line-height: 1.3; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; font-weight: 600; color: #361a0a; line-height: 1; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #c85c19; }

.giving h6 { padding: 1em 0 0 0; }
.giving p.small { margin:0;font-size:85%;font-weight:600; }

h1 { font-size: 1.7em; }

h2 { font-size: 1.2em; }

h3 { font-size: 1.0em; }

h4, h5, h6 { font-size: 1.0em; text-transform: uppercase; }

.page-title-holder { border-bottom: 1px #beb5b0 dotted; margin-bottom: 2em; padding-bottom: 1em; }
.profile-page .page-title-holder { margin-bottom: 0.4em; }
.page-title-holder .page-title { margin-bottom: .2em; font-size: 3.1em; font-weight: 400; color: #361a0a; }
.page-title-holder .page-title + h2 { margin-bottom: 0; font-size: 1.25em; font-weight: 400; color: #361a0a; }

hr { clear: both; margin: 2em 0; border: 0; border-bottom: 1px #beb5b0 dotted; color: #fff; background: #fff; }

input[type="text"], input[type="email"] { padding: 0.4em; border: 1px #cbbbb4 solid; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; }

p { margin: 0 0 1em 0; }

ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; }
ul li { position: relative; padding-left: 22px; margin-bottom: .4em; }
ul li:before { position: absolute; left: 0; top: -2px; margin: 0 .5em; content: '\2022'; color: #5e8827; font-size: 1.2em; }

a { color: #c85c19; text-decoration: none; }
a:hover, a:active { outline: none; }
a:hover { text-decoration: underline; }

img { display: block; }

table { margin-bottom: 1em; }

/* Smartphone resets and enhancements */
a, a:hover, a:active { -webkit-tap-highlight-color: rbga(0, 0, 0, 0); outline: none; /* prevents pink highlight color on tap */ }

span { -webkit-transform: translateZ(0); /* enables on GPU processing */ }

input:required, input:invalid { box-shadow: none; }

#site-header > .wrapper, #campaign-site-header > .wrapper, #layout > .wrapper, #site-footer > .wrapper { background: #fff; }

/*BACKGROUND*/
#site-bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; max-height: 852px; overflow: hidden; }
#site-bg #bg-picture { position: relative; width: 100%; z-index:1; }

#gradient-upper, #gradient-lower { position: absolute; left: 0; z-index: 1200; width: 100%; }

#gradient-upper { top: 0; height: 350px; }

#gradient-lower { bottom: 0; height: 200px; }

#homepage-herospace { max-width:100%; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 775px; overflow: hidden; }
#homepage-herospace .herospace-picture { max-width:100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; width: 100%; height: auto; /*min-width: 1355px;*/ z-index: 99; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
#homepage-herospace .herospace-picture.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

#herospace-nav { position: relative; z-index: 199; max-width: 1180px; margin: 0 auto; height: 425px; overflow: hidden; }
#herospace-nav h2 { margin: -10px -10px 4px -10px; padding: 7px 10px 3px 10px; min-height: 40px; color: #361a0a; font-size: 1.1em; -webkit-transition: font-size 0.5s linear; -moz-transition: font-size 0.5s linear; -o-transition: font-size 0.5s linear; transition: font-size 0.5s linear; }
#herospace-nav h2:before { position: absolute; content: ""; background: url(icn-herospacetabarrow.png) 0 0 no-repeat; height: 18px; width: 35px; left: 37%; top: -18px; }
#herospace-nav h2:hover { background: #66942a; color: #fff; }
#herospace-nav h2:hover:before { background-position: -35px 0; }
#herospace-nav .active h2:hover { background: #fff; color: #361a0a; }
#herospace-nav li { float: left; margin: 380px 0 0 0; padding: 0 6px 6px 6px; width: 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
#herospace-nav li > .wrapper { min-height: 300px; padding: 10px; background: #fff; }
#herospace-nav li:hover { margin-top: 360px; }
#herospace-nav li.active { width: 40%; margin-top: 275px; }
#herospace-nav li.active > .wrapper { border-top: 4px #c85c19 solid; }
#herospace-nav li.active:hover { margin-top: 275px; }
#herospace-nav li.active h2 { font-size: 2.2em; line-height: 1; }
#herospace-nav li.active h2:before { background: none; }
#herospace-nav li.active p { font-size: 1.1em; font-weight: 400; }
#herospace-nav li.active .more { font-size: 1.2em; font-weight: 600; }
#herospace-nav li.active .more:after { content: url(bg-arrow-morecircle.png); color: #fff; -webkit-text-stroke: 1px #fff; background: #c85c19; padding: 2px 5px 2px 7px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; }


.flexslider { position: relative; width: 100%; float: left; }
.flexslider li:before { content: ''; }
.flexslider .slides > li { padding-left: 0; margin-right: 45px; }
.flexslider .slides > li img { border: 1px #361a0a solid; }
.flexslider .slides > li h2 { margin-top: 1em; font-size: 1.4em; }
.flexslider .slides > li .photoCreditImg .photoCredit span { width: 200px; }
.flexslider .flex-direction-nav li { position: static; }
.flexslider .flex-direction-nav li a { top: 60px; }

#our-mission { background: #dfeac2; padding: 2em 0; }
#our-mission header { text-align: center; }
#our-mission header h1 { font-family: "Garamond",Times,serif; font-size: 2.7em; font-weight: 400; margin-bottom: 0.4em; }
#our-mission header h1 strong { color: #00703c; font-size: 1.2em; font-weight: 400; }
#our-mission header h2 { width: 80%; margin: 0 auto 2em; font-size: 1.4em; font-weight: 400; }
#our-mission header h2 strong { font-family: "Garamond",Times,serif; font-size: 1.6em; font-weight: 400; color: #00703c; }
#our-mission article { display: block; width: 24%; max-width: 268px; margin: 0 5%; float: left; }
#our-mission article img { max-width: 100%; height: auto; }
#our-mission article h1 { color: #00703c; font-family: "Open Sans",verdana,sans-serif; font-size: 1.4em; margin-top: 0.5em; }
#our-mission article p { font-size: 1.2em; margin-bottom: 0; }
#our-mission article .button { margin-top: 1em; }

#where-we-work-form .heapBox { display: none; }
#where-we-work-form select { display: block !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow:''; border: 1px #cabab1 solid; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; width: 100%; height: 28px; margin-top: 1em; margin-bottom: 0.5em; padding-left: 1em; background: white url(bg-select-arrow.png) 100% 0 no-repeat; font-size: 1.2em; }
#where-we-work-form select::-ms-expand { display: none; }

/*SITE HEADER*/
#header-ad-space { position: relative; z-index: 200; }
#header-ad-space .left-promo { float: left; }
#header-ad-space .right-promo { float: right; }
#header-ad-space .join-button { position: absolute; top: 50%; left: 20%; display: inline-block; padding: 0.2em 1.2em; text-decoration: none; color: white; background: #c85c19; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; border: 0; font-size: 1.2em; font-weight: 600; text-transform: uppercase; -webkit-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; -moz-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; }
#header-ad-space .join-button a { text-decoration: none; color: white; }
#header-ad-space .join-button a:hover { text-decoration: none; }
#header-ad-space .join-button:after { content: url(bg-arrow-morecircle.png); position: relative; left: 0.4em; top: 0px; -webkit-text-stroke: 1px white; }
#header-ad-space .join-button:hover { background-color: #e5752f; text-decoration: none; }

#site-header, #campaign-site-header { position: relative; /*z-index: 2000;*/ margin-bottom: 1em; }
#site-header > .wrapper, #campaign-site-header > .wrapper { padding: 7px 2.0339% 14px 3.98305%; background: transparent; background-color: white; background-color: rgba(255, 255, 255, 0.88); *zoom: 1; background-color: transparent\9; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#E0FFFFFF', endColorstr='#E0FFFFFF'); }
#site-header .donate-button, #campaign-site-header .donate-button { float: right; z-index:400; }

#site-logo { float: left; margin-bottom: 0; width: 36%; min-width: 210px; }

/*MOBILE NAVIGATION TRIGGERS*/
#mobile-nav-trigger, #mobile-search-trigger { z-index:4000;display: none; margin-left: 5px; position: relative; width: 32px; height: 32px; float: right; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px; }

#mobile-nav-trigger { background-color: #5e8827; }
.nav-active #mobile-nav-trigger { opacity: 0.8; }

#mobile-search-trigger { background-color: #c45c1b; }
.search-active #mobile-search-trigger { opacity: 0.8; }

/*UTILITY NAV*/
#nav-utility { float: left; margin-top: 1em; }
#nav-utility ul { overflow: auto; }
#nav-utility ul li { float: left; }
#nav-utility ul li:after { content: '\2022'; color: #5e8827; font-size: 1.2em; margin: 0 .5em; }
#nav-utility ul li:last-child:after { content: ''; }
#nav-utility a { font-weight: bold; color: #361a0a; }
#campaign-site-header #nav-utility { min-width: 310px; }

/*SITE SEARCH*/
#site-search { position: relative; }
#site-search label { position: absolute; text-indent: -999em; overflow: hidden; }
#site-search input { position: absolute; right: 0; width: 100%; padding: 0.35em 0 0.35em 1.2em; border: 2px #86736f solid; -webkit-border-radius: 0.7em; -moz-border-radius: 0.7em; -ms-border-radius: 0.7em; -o-border-radius: 0.7em; border-radius: 0.7em; }
#site-search button { display: inline-block; padding: 0.2em 1.2em; text-decoration: none; color: white; background: #c85c19; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; border: 0; font-size: 1.2em; font-weight: 600; text-transform: uppercase; -webkit-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; -moz-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; -webkit-border-radius: 0 0.5em 0.5em 0; -moz-border-radius: 0 0.5em 0.5em 0; -ms-border-radius: 0 0.5em 0.5em 0; -o-border-radius: 0 0.5em 0.5em 0; border-radius: 0 0.5em 0.5em 0; position: absolute; top: 0.1em; right: 0.1em; overflow: hidden; text-indent: -999em; background: #c85c19 url(icon-search.png) 50% 50% no-repeat; }
#site-search button a { text-decoration: none; color: white; }
#site-search button a:hover { text-decoration: none; }
#site-search button:hover { background-color: #e5752f; text-decoration: none; }

/*MAIN NAVIGATION*/
#nav-primary { position: relative; z-index: 200; }
#nav-primary > .wrapper { position: relative; }
#nav-primary .sticky-wrapper { max-width: 1180px; margin: 0 auto; }
#nav-primary .stuck { position: fixed; top: 0; }
#nav-primary .stuck.wrapper { width: 100%; -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4); }
#nav-primary .panel-close { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 101; display: none; padding: 0.4em 0.8em 0.5em; border: 0; background: #c85c19 !important; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) inset; color: #fff !important; text-decoration: none; }
#nav-primary .panel-close:hover { text-decoration: none; }
#nav-primary .bf-navigation { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; background-color: #5e8827; margin: 0; }
#nav-primary .bf-navigation:before, #nav-primary .bf-navigation:after { content: ""; display: table; }
#nav-primary .bf-navigation:after { clear: both; }
#nav-primary .bf-navigation li { margin: 0; padding: 0; }
#nav-primary .bf-navigation > li { float: left; position: static; }
#nav-primary .bf-navigation > li > a { display: block; padding: 0.2em 2.4em; background-color: #5e8827; color: #fff; text-decoration: none; font-size: 1.4em; text-align: center; border-left: 1px #abc18e solid; border-right: 1px #314714 solid; }
#nav-primary .bf-navigation > li:first-child > a { border-left: 0; }
#nav-primary .bf-navigation > li.about-us > a { border-right: none; }
#nav-primary .bf-navigation > li b { display: block; padding-bottom: 0.2em; font-size: 1.3em; font-weight: 400; }
#nav-primary .bf-navigation > li.bfHover a { color: #c85c19; background: #f5f7e8; }
#nav-primary .bf-navigation > li.bfHover .bfnav-panel { z-index:100; /*MAIN NAVIGATION SLAB NAV MAIN FUNCTIONALITY*/ /*display: block;*/ top: 59px; right: 0; left: 20%; }
#nav-primary .bf-navigation > li.bfHover.science-in-action .bfnav-panel { right: 43%; left: 23%; }
#nav-primary .bf-navigation > li.bfHover.where-we-work .bfnav-panel { right: 20%; left: 0; }
#nav-primary .bf-navigation > li.bfHover.how-we-work .bfnav-panel { right: 60%; left: 10%; }
#nav-primary .bf-navigation > li.bfHover.membership-giving .bfnav-panel { right: 14%; left: 30%; }
#nav-primary .bf-navigation > li.bfHover.photos-videos .bfnav-panel { right: 6% !important; left: 60%; }
#nav-primary .bf-navigation > li.bfHover.about-us .bfnav-panel { right: 1% !important; left: 42%; }

#nav-primary .bf-navigation > li.photos-videos.bfHover .bfnav-panel, #nav-primary .bf-navigation > li.about-us.bfHover .bfnav-panel { right: 0; }
#nav-primary .bf-navigation .active > a { color: #c85c19; background-color: #fff; }
#nav-primary .bf-navigation .active > a:hover { color: #5e8827; background: #f5f7e8; }
#nav-primary .bfnav-panel { /*MAIN NAVIGATION SLAB NAVS*/ background: #f5f7e8; display: none; padding: 1em 1em 2em 1em; /*Room at the bottom for the [close] bar*/ /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4); }
#nav-primary .bfnav-panel:before, #nav-primary .bfnav-panel:after { content: ""; display: table; }
#nav-primary .bfnav-panel:after { clear: both; }
#nav-primary .bfnav-panel ul { background-color: transparent; padding: 0; }
#nav-primary .bfnav-panel li { float: none; border: none; }
#nav-primary .bfnav-panel a { background: transparent; padding: 0.5em 0; font-size: 1em; border: none; text-align: left; }
#nav-primary .bfnav-panel a:hover { text-decoration: underline; }
#nav-primary .bfnav-panel .panes { /*SLAB NAV HORIZONAL PANES*/ display: block; width: 38%; margin-right: 2%; min-width: 300px; float: left; }
#nav-primary .bfnav-panel .panes img { float: left; margin-right: 1em; border: 1px #361a0a solid; }
#nav-primary .bfnav-panel .panes li { border-bottom: 1px #beb5b0 solid; padding: 1em; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
#nav-primary .bfnav-panel .panes li:before, #nav-primary .bfnav-panel .panes li:after { content: ""; display: table; }
#nav-primary .bfnav-panel .panes li:after { clear: both; }
#nav-primary .bfnav-panel .panes a { display: inline; padding-left: 0; }
#nav-primary .bfnav-panel .panes strong { font-size: 1.2em; }
#nav-primary .bfnav-panel .panes strong a:after { content: '>'; position: relative; top: -2px; left: 0.6em; font-size: 0.7em; background: #c85c19; color: #fff; padding: 0 7px 1px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
#nav-primary .bfnav-panel .lists { /*SLAB NAV COLUMNAR LISTS*/ display: block; width: 100%; padding-top: 0.5em; }
#nav-primary .bfnav-panel .lists h2 { font-size: 1em; font-weight: 700; margin: 0 0 0.5em 0; }
#nav-primary .bfnav-panel .lists h2 a { padding: 0 0 0.2em 0; }
#nav-primary .bfnav-panel .lists .col { width: 30%; float: left; }
#nav-primary .how-we-work .bfnav-panel .col { width: 50% !important; float: left; }
#nav-primary .science-in-action .bfnav-panel .col { width: 50% !important; float: left; }
#nav-primary .photos-videos .bfnav-panel .col { width: 50% !important; float: left; }
#nav-primary .about-us .bfnav-panel .col { width: 31% !important; float: left; }

#nav-primary .bfnav-panel .lists .col li a { color: #361a0a; padding-left: 0; }
#nav-primary .bfnav-panel .panes + .lists { /*SLAB NAV COLUMNAR LISTS when there are panes to the left*/ width: 60%; float: left; }
#nav-primary .where-we-work .lists { /*DIFFERENT WIDTHS FOR TWO COLS*/ }
#nav-primary .where-we-work .lists .col { width: 70%; }
#nav-primary .where-we-work .lists .col li { float: left; }
#nav-primary .where-we-work .lists .col:first-child { width: 30%; }
#nav-primary .where-we-work .lists .col:first-child li { float: none; }
#nav-primary .where-we-work .lists .states ul { width: 30%; margin-left: 1%; float: left; }
#nav-primary .where-we-work .lists .states li { float: none; }
#nav-primary .how-we-work .lists { /*DIFFERENT WIDTHS FOR TWO COLS*/ }
#nav-primary .science-in-action .lists { /*COLUMN HEADINGS STACKED*/ }
#nav-primary .science-in-action .lists > li { float: none; }

/*MAIN LAYOUT CONTAINER*/
#layout { position: relative; z-index: 20; }
#layout > .wrapper { padding-top: 2em; }

/*LEFT HAND NAVIGATION*/
#nav-secondary { border-top: 1px #d9d4d1 solid; padding-top: 0.6em; }
#nav-secondary h2 { color: #361a0a; font-size: 1.2em; }
#nav-secondary ul { border-top: 1px #c3c0b0 solid; }
#nav-secondary ul > li { margin: 0 0 1px 0; }
#nav-secondary ul > li a { display: block; padding: .5em; text-decoration: none; color: #361a0a; font-weight: 600; }
#nav-secondary ul > li a.active, #nav-secondary ul > li a:hover { background: #e4e6d7; color: #c85c19; }
#nav-secondary ul > li a.has-children:after { content: '\25B8'; color: #c85c19; -webkit-text-stroke: 1px #c85c19; margin-left: 0.4em; font-size: 1.2em; }
#nav-secondary ul > li a.has-children.active:after { content: '\25BE'; color: #c85c19; -webkit-text-stroke: 1px #c85c19; margin-left: 0.4em; font-size: 1.2em; }

/* AAA NAVIGATION */
#nav-aaa { padding-top: 0.6em; }
#nav-aaa h2 { color: #361a0a; font-size: 1.2em; }
#nav-aaa ul > li { margin: 0 0 1px 0; }
#nav-aaa ul > li a { display: block; padding: .5em; text-decoration: none; color: #361a0a; font-weight: 600; }
#nav-aaa ul > li a.active, #nav-aaa ul > li a:hover { background: #e4e6d7; color: #c85c19; }
#nav-aaa ul > li a.has-children:after { content: '\25B8'; color: #c85c19; -webkit-text-stroke: 1px #c85c19; margin-left: 0.4em; font-size: 1.2em; }
#nav-aaa ul > li a.has-children.active:after { content: '\25BE'; color: #c85c19; -webkit-text-stroke: 1px #c85c19; margin-left: 0.4em; font-size: 1.2em; }


/*LEFT HAND NAVIGATION
#nav-secondary { border-top: 1px #d9d4d1 solid; }
#nav-secondary ul > li.open { color: #361a0a; font-size: 1.2em; border-bottom: 1px #c3c0b0 solid; }
#nav-secondary h2 { color: #361a0a; font-size: 1.2em; }
#nav-secondary ul > li.level1 { color: #361a0a; font-size: 1.2em; border-bottom: 1px #c3c0b0 solid; padding-left:0 !important; }
#nav-secondary ul > li.level1 a { padding-left:.1em !important; }
#nav-secondary ul > li { margin: 0 0 1px 0; }
#nav-secondary ul > li a { display: block; padding: .5em .5em .5em .5em; text-decoration: none; color: #361a0a; font-weight: 600; }
#nav-secondary ul > li.open a {padding-left: .1em;}
#nav-secondary ul > li.active a, #nav-secondary ul > li a:hover { background: #e4e6d7; color: #c85c19; }
#nav-secondary ul > li a.has-children:after { position:absolute;content: '\25B8'; color: #c85c19; -webkit-text-stroke: 1px #c85c19; margin-left: 0em; font-size: 1.2em; }
#nav-secondary ul > li a.has-children.active:after { position:absolute;content: '\25BE'; color: #c85c19; -webkit-text-stroke: 1px #c85c19; margin-left: 0em; font-size: 1.2em; }
*/

#breadcrumbs { padding: 0 0 1em 0; margin-bottom: 0; font-size: 0.85em; font-weight: 600; }
#breadcrumbs span { display: inline-block; padding: 0 0.4em; }

#social { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
#social:before, #social:after { content: ""; display: table; }
#social:after { clear: both; }
#social li { float: left; }

.social-networks { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
.social-networks:before, .social-networks:after { content: ""; display: table; }
.social-networks:after { clear: both; }
.social-networks li { margin: 0; padding: 0; }
.social-networks dt { text-transform: uppercase; }
.social-networks dd { float: left; margin: 0.5em 0.2em 0 0; }
.social-networks a { display: block; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; background-image: url(icons-social-networks.png); }
.social-networks .facebook a { background-position: 0 -5px; }
.social-networks .twitter a { background-position: -32px -5px; }
.social-networks .youtube a { background-position: -63px -5px; }
.social-networks .instagram a { background-position: -98px -5px; }
.social-networks .pinterest a { background-position: -128px -5px; }
.social-networks .flickr a { background-position: -162px -5px; }
.social-networks .googleplus a { background-position: -224px -5px; }
.social-networks .wechat a { background-position: -256px -5px; }
.social-networks .linkedin a { background-position: -195px -5px; }
.connect-with-tnc .social-networks li, .affiliate-social-networks .social-networks li { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; padding-top: 6px; }
.connect-with-tnc .social-networks li:before, .connect-with-tnc .social-networks li:after, .affiliate-social-networks .social-networks li:before, .affiliate-social-networks .social-networks li:after { content: ""; display: table; }
.connect-with-tnc .social-networks li:after, .affiliate-social-networks .social-networks li:after { clear: both; }
.connect-with-tnc .social-networks a, .affiliate-social-networks .social-networks a { float: left; position: relative; top: -9px; /*half height of icon*/ width: 41px; height: 39px; margin-right: 0.5em; }
.connect-with-tnc .social-networks .facebook a, .affiliate-social-networks .social-networks .facebook a { background-position: 0 -39px; }
.connect-with-tnc .social-networks .twitter a, .affiliate-social-networks .social-networks .twitter a { background-position: -41px -39px; }
.connect-with-tnc .social-networks .youtube a, .affiliate-social-networks .social-networks .youtube a { background-position: -82px -39px; }
.connect-with-tnc .social-networks .instagram a, .affiliate-social-networks .social-networks .instagram a { background-position: -123px -39px; }
.connect-with-tnc .social-networks .pinterest a, .affiliate-social-networks .social-networks .pinterest a { background-position: 0px -39px; }
.connect-with-tnc .social-networks .flickr a, .affiliate-social-networks .social-networks .flickr a { background-position: -204px -39px; }
.connect-with-tnc .social-networks .googleplus a, .affiliate-social-networks .social-networks .googleplus a { background-position: -245px -39px; }
.connect-with-tnc .social-networks .linkedin a, .affiliate-social-networks .social-networks .linkedin a { background-position: -286px -39px; }
.connect-with-tnc .social-networks .wechat a, .affiliate-social-networks .social-networks .wechat a { background-position: -327px -39px; }

.affiliate-social-networks { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; background: #dfeac2; padding: 0.4em 1em; margin: 0 0 1em 0; }
.affiliate-social-networks:before, .affiliate-social-networks:after { content: ""; display: table; }
.affiliate-social-networks:after { clear: both; }
.affiliate-social-networks h1 { padding-top: 0.8em; float: left; font-size: 1em; }
.affiliate-social-networks .social-networks { float: left; margin: 0 0 0 0.4em; padding: 0 !important; }
.affiliate-social-networks .social-networks li { float: left; padding: 0 !important; }
.affiliate-social-networks .social-networks li a { top: 0; }

.main-content { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
.main-content:before, .main-content:after { content: ""; display: table; }
.main-content:after { clear: both; }

/*QUIZ*/
ol.quiz{list-style:decimal;margin:0 0 0 20px;font-size:14px;font-weight:normal;}
ol.quiz li{margin-left:18px;}
ol.quiz h6{font-size:14px;font-weight:normal;line-height:20px;}
.score p{margin:8px 0 10px 0;}
.score{padding:10px 0 15px 0;}
.answer{background-color:#E9E8DF;padding:6px 12px 6px 12px;margin:-12px 10px 10px 0;}
.answer p{margin:0;padding:0;}
p.green{color:green;}
p.red{color:red;}

/*CONSERVATION BUYER*/
#mcBuyerProp{margin-bottom:20px;}
th.bpHeader{text-align: left;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;line-height: 19px;padding-top:2px;border-bottom:1px solid #ccc;}
td.bpRowA{background: #eeeeee;font-family: Arial,Helvetica,sans-serif;font-size: 14px;line-height: 19px;padding-top:2px;}
td.bpRowB{font-family: Arial,Helvetica,sans-serif;font-size: 14px;line-height: 19px;padding-top:2px;}
div#bpH3{font-family: Georgia, "Times New Roman", Times, serif;font-size:26px;font-weight:400;margin-bottom: 10px;}
div#bpSizePrice{margin-top:10px;margin-bottom: 20px;font-family: Arial,Helvetica,sans-serif;font-size:14px;font-weight: bold;}
div#bpBody{font:11px Verdana, Arial, Helvetica, sans-serif;}
div#bpIntro img{float:right;padding-left:10px;}
input#propertySearch{float:left;display:inline;width:55%;height:20px;color:#999;font-size:14px;margin-right:15px;margin-bottom:12px;}

/*PRESERVE*/
.preserveMap{margin:15px 0 0 0;}
.preserveMap small a{display:block;width:57px;height:23px;text-indent:-999em;background:url(image_nature_view_map.png) no-repeat;margin:10px 0 0 196px;}
p a.right{position:absolute;right:20px;text-align:right;width:90%;font-weight:normal;margin-top:12px;}
p.red{color:#C4351C;}
.preserveRight{width:200px;float:right;right:0;clear:right;padding:3px 20px 20px 18px;}
#blurbPhoto small{display:none;}
.preserveIntro p{margin:6px 0 18px 0;color:#333;}
.preserveIntro ul{list-style-type:disc;margin:0 0 15px 25px;}
.preserveIntro ol{list-style:decimal;margin:0 0 15px 25px;}
.preserveIntro li{margin:0 0 8px 0;line-height:150%;}

/*FEATURED IMAGE*/
.wallpaperLarge{width:170px;height:113px;background-color:#333;float:left;margin:0 20px 12px 0;}
.wallpaperMedium{width:125px;height:83px;background-color:#333;float:left;margin:30px 20px 12px 0;}
.wallpaperSmall{width:78px;height:52px;background-color:#333;float:left;margin:61px 20px 12px 0;}
.wallpaperLargeDownload{width:170px;height:90px;float:left;margin:0 20px 0 0;line-height:16px;}
.wallpaperMediumDownload{width:125px;height:90px;float:left;margin:0 20px 0 0;line-height:16px;}
.wallpaperSmallDownload{width:78px;height:90px;float:left;margin:0 20px 0 0;line-height:16px;}
.wallpaperSplashLargeDownload{position:absolute;bottom:10px;left:10px;width:74px;height:40px;line-height:16px;color:#FFF;font-size:90%;}
.wallpaperSplashMediumDownload{position:absolute;bottom:10px;left:100px;width:74px;height:40px;line-height:16px;color:#FFF;font-size:90%;}
.wallpaperSplashSmallDownload{position:absolute;bottom:10px;left:185px;width:74px;height:40px;line-height:16px;color:#FFF;font-size:90%;}
.wallpaperArchiveItem{width:126px;float:left;padding:0 34px 20px 0;}
.wallpaperArchiveItemLast{width:126px;float:left;padding:0 65px 20px 0; clear:after;}
#bioTab3 .wallpaperArchiveItemText{width:146px;}
#bioTab3 .wallpaperArchiveItemText p{margin-bottom:8px;font-size:90%;}
#bioTab3 .wallpaperArchiveItemText p a{font-weight:normal;}
.featureRightSpace{width:1px;height:175px;float:right;}
.featureRight{width:200px;float:right;right:0;clear:right;padding:15px 0 15px 18px;margin-top:15px;}
#placesSplash { /*border:none !important;*/max-height:250px;overflow:hidden; }

/*INTERACTIVE*/
#interactiveArea { text-align:center; margin:10px 0; }
#interactiveArea #page .yt_holder ul li, #interactiveArea #page .yt_holder ul {list-style:none !important;}

/*ARCHIVE*/
div.archive{margin-top:15px;}
.archive h4{line-height:26px;font-size:18px;}
.archive h5.subsetTitle{font-size:16px;line-height:18px;margin:15px 0 5px 0;padding:0;}
.archiveItem{width:/* 163px;*/25%;float:left;margin:0 35px 20px 0;}
.archiveItemText{width:/*120px*/100%;padding-right:43px;}
.subsetLink{text-align:right;width:445px;}
.archive p{margin:2px 0 5px 0;padding:0;}

/*LIGHTBOX*/
#video{text-align:center;padding:40px;}
#video2{text-align:center;padding:40px;}
#video3{text-align:center;padding:40px;}
#videoCenter{text-align:center;}
#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:9999;}
body>#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}
#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:24px;} 
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:21px;padding:2px 0;width:45%;} 
#sb-nav a{display:block;float:right;height:21px;width:62px;margin-left:3px;cursor:pointer;} 
#sb-nav-close{background-image:url(close_lightbox.png);background-repeat:no-repeat;} 
#sb-nav-next{background-image:url(next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(pause.png);background-repeat:no-repeat;}
#sb-counter{float:left;padding:2px 0;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}

/*SLIDESHOW*/
#ssArea{width:770px;height:590px;background-color:#000;margin:15px 0 20px 0;position:relative;}
ul#slideshow{width:722px;height:400px;text-align:left;overflow:hidden;padding-top:20px;}
#slideshow li img{text-align:center;vertical-align:middle;} 
ul#slideshow li{width:722px;text-align:center;padding:0;margin:0;line-height:400px;}
ul#ssSlideControl li:before, ul#slideNav li:before, ul#slideshow li:before, ul#slideshowBoxText li:before { content:none; }
.ssContainerHolder{margin-left:auto;margin-right:auto;width:720px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
#ssTitle{font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;color:#D0D1D3;margin:0 0 10px 0;}
#ssSubtitle{font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#D0D1D3;}
#ssTextLeft{position:absolute;top:470px;border-right:solid 1px #58595B;width:355px;margin:30px 0 15px 0;padding:3px 20px 0 10px;}
#slideshowBoxText{position:absolute;left:430px;margin:65px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;width:250px;height:150px;line-height:18px;}
#ssSlideControl{position:absolute;top:420px;left:25px;width:720px;text-align:center;background-color:#272727;border:solid 1px #444; height:43px;margin:17px 0 17px 0;}
ul#ssSlideControl li, ul#slideNav li{list-style:none;}
#ssSlideControl li{list-style:none;display: block;}
#ssNextButton{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 0;width:27px;height:27px;position:absolute;left:415px;top:6px}
#ssNextButton:hover{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 -77px;width:27px;height:27px;left:415px;top:6px;}
#ssPrevButton{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 -482px;width:27px;height:27px;position:absolute;left:328px;top:6px;}
#ssPrevButton:hover{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 -559px;width:27px;height:27px;left:328px;top:6px;}	
li#ssPauseButton.pause_button{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 -154px;width:32px;height:32px;position:absolute;left:368px;top:3px;}
li#ssPauseButton.pause_button:hover{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 -236px;width:32px;height:32px;position:absolute;left:368px;top:3px;}
li#ssPauseButton.paused_button{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 -318px;width:32px;height:32px;position:absolute;left:368px;top:3px;}
li#ssPauseButton.paused_button:hover{background:url(image_nature_ss_controls.png) no-repeat;background-position: 0 -400px;width:32px;height:32px;position:absolute;left:368px;top:3px;}
#ssSlideNav{display:none;}
#ssFirstButton, #ssLastButton{diplay:none;}

.content-feature { margin-bottom: 2em; }
.content-feature img { max-width: 100%; }
.photoCreditImg img { max-width: 100%; }
.content-feature .photoCreditImg { border: 1px #361a0a solid; margin-bottom: 0.5em; }
.content-feature h1 { margin: 0.5em 0; font-size: 2em; font-family: "Garamond",times,serif; font-weight: 400; }
.content-feature h1 a { color: #00703c; }
.content-feature h1 .more a{ font-family: "Open Sans"; font-size: 0.65em; color: #c85c19; font-weight: 600; }
.content-feature h1 .more:after a{ -webkit-text-stroke: 1px #c85c19; }
.content-feature p { font-size: 1.15em; }

.content-tease p, .content-tease h1 { padding-right:2.1em; }
.content-tease { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; margin-bottom: 2em; }
.content-tease:before, .content-tease:after { content: ""; display: table; }
.content-tease:after { clear: both; }
.content-tease h1 { margin-bottom: 0.2em; font-size: 1.25em; }
.content-tease h1:after { content: '\003E'; margin-left: 0.4em; font-size: 0.85em; -webkit-text-stroke: 1px #c85c19; }
.content-tease .content-holder { width: 75%; float: left; }
#giftPlanning .content-tease .content-holder { width:60%; }
#giftPlanning h2 { margin: 25px 0 18px 0; }
.content-tease img, .content-tease .photoCreditImg { float: left; margin: 0 1em 1em 0; border: 1px #361a0a solid; }
.content-tease img img, .content-tease .photoCreditImg img { margin: 0; border: none; }
.video-teases .content-tease { width: 50%; float: left; padding-right: 1em; }
.video-teases .content-tease img, .video-teases .content-tease .photoCreditImg { float: none; }
.video-teases .content-tease h1:after { content: ''; }

.smMediaTabItem{width:50%;float:left;margin:10px 0 10px 0;}
.tabImage{width:78px;margin-right:9px;float:left;}
.tabText{width:43%;float:left;padding:0 8px 12px 0;margin-top:-2px;}
.featureRightSpace{width:1px;height:175px;float:right;}
.featureRight{width:200px;float:right;right:0;clear:right;padding:15px 0 15px 18px;margin-top:15px;}

#mobile-aaa { display:none; }
hr.tab { border-bottom: 1px #beb5b0 dotted;position:absolute;top:7px;height:1px;width:100%; }
#giftPlanning hr.tab { top:9px; }
#tabs, #tabs2 {  position:relative; }
#tabs .tab-controls:before, #tabs .tab-controls:after, #tabs2 .tab-controls:before, #tabs2 .tab-controls:after { content: ""; display: table; }
#tabs .tab-controls:after, #tabs2 .tab-controls:after { clear: both; }
#tabs .tab-controls li, #tabs2 .tab-controls li { float: left; width: 25%; padding-right: 1px; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#tabs .tab-controls li:before, #tabs .tab-controls li:after, #tabs2 .tab-controls li:before, #tabs2 .tab-controls li:after { content: ""; display: table; }
#tabs .tab-controls li:after, #tabs2 .tab-controls li:after { clear: both; }
#tabs .tab-controls a, #tabs2 .tab-controls a { position: relative; display: block; padding: 0.4em 1.2em; color: #361a0a; background: #dfeac2; font-size: 1.2em; font-weight: 600; text-align: center; }
#tabs .tab-controls .active a, #tabs .tab-controls a:hover, #tabs2 .tab-controls .active a, #tabs2 .tab-controls a:hover { background: #a0c04d; text-decoration: none; }
#tabs .tab-controls .active a:after, #tabs2 .tab-controls .active a:after { position: absolute; bottom: -20px; left: 48%; content: url(tab-active-indicator.png); }

.sublayout-profile-page h2 { color: #00703c; }

.profile-person, .video-teases, .latest-news, .latest-photos, .latest-videos, .recent-press { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; border-bottom: 1px #beb5b0 dotted; padding-bottom: 1em; margin-bottom: 2em; }
.profile-person:before, .profile-person:after, .video-teases:before, .video-teases:after, .latest-news:before, .latest-news:after, .latest-photos:before, .latest-photos:after, .latest-videos:before, .latest-videos:after, .recent-press:before, .recent-press:after { content: ""; display: table; }
.profile-person:after, .video-teases:after, .latest-news:after, .latest-photos:after, .latest-videos:after, .recent-press:after { clear: both; }

.latest-news .more { display: block; margin-top: -2em; font-size: 1.2em; float: right; font-weight: 600; }

.recent-press dt { float: left; width: 21%; margin-right: 5%; padding-bottom: 1em; }
.recent-press dd { float: left; width: 68%; font-size: 1.25em; font-weight: 600; margin-left: 0; padding-bottom: 1em; }

.profile-person .photoCreditImg { float: right; margin-left: 1em; border: 1px #361a0a solid; }

.profile-video .featureCollImageList { width: 33.3%; float: left; padding-right: 1em; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.profile-video .featureCollImageList:before, .profile-video .featureCollImageList:after { content: ""; display: table; }
.profile-video .featureCollImageList:after { clear: both; }
.profile-video div:nth-child(8), .profile-video div:nth-child(14), .profile-video div:nth-child(20), .profile-video div:nth-child(25) { clear: left; }
.profile-video .featureCollImageList img { border: 1px #361a0a solid; }
.profile-video .featureCollImageList p { width:90%; }

.awards { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
/* .awards:before, .awards:after { content: ""; display: table; } */
.awards:after { clear: both; }
ul.awards li { float: left; width: 28%; min-height: 244px; padding: 1%; margin: 0 3% 1em 0; background: #dfeac2; }
.awards li img { max-width: 100%; margin: 0 auto; }

.blogs-news, .related-content, .connect-with-tnc, .our-impact { clear: both; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; margin: 1em 0 3em 0; }
.blogs-news:before, .blogs-news:after, .related-content:before, .related-content:after, .connect-with-tnc:before, .connect-with-tnc:after, .our-impact:before, .our-impact:after { content: ""; display: table; }
.blogs-news:after, .related-content:after, .connect-with-tnc:after, .our-impact:after { clear: both; }
.blogs-news > h1, .related-content > h1, .connect-with-tnc > h1, .our-impact > h1 { margin-bottom: 1em; padding-bottom: 0.5em; font-size: 2em; color: #00703c; border-bottom: 1px #beb5b0 dotted; }
.blogs-news .content-tease, .related-content .content-tease, .connect-with-tnc .content-tease, .our-impact .content-tease { width: 22%; float: left; margin-right: 2%; font-size: 1em; }
.blogs-news .content-tease img, .related-content .content-tease img, .connect-with-tnc .content-tease img, .our-impact .content-tease img { float: none; margin-bottom: 1em; }
.blogs-news .content-tease .content-holder, .related-content .content-tease .content-holder, .connect-with-tnc .content-tease .content-holder, .our-impact .content-tease .content-holder { float: none; width: 100%; }
.blogs-news .content-tease h1, .related-content .content-tease h1, .connect-with-tnc .content-tease h1, .our-impact .content-tease h1 { font-size: 1.1em; margin-bottom: 1em; }
.blogs-news .content-tease p, .related-content .content-tease p, .connect-with-tnc .content-tease p, .our-impact .content-tease p { margin-bottom: 1em; }
.blogs-news .like-on-facebook, .blogs-news .social-networks, .related-content .like-on-facebook, .related-content .social-networks, .connect-with-tnc .like-on-facebook, .connect-with-tnc .social-networks, .our-impact .like-on-facebook, .our-impact .social-networks { float: left; width: 35%; margin-right: 2%; }
.blogs-news .like-on-facebook h1, .blogs-news .social-networks h1, .related-content .like-on-facebook h1, .related-content .social-networks h1, .connect-with-tnc .like-on-facebook h1, .connect-with-tnc .social-networks h1, .our-impact .like-on-facebook h1, .our-impact .social-networks h1 { color: #361a0a; font-size: 1.4em; }
.blogs-news .like-on-facebook, .related-content .like-on-facebook, .connect-with-tnc .like-on-facebook, .our-impact .like-on-facebook { overflow: hidden; }
.blogs-news .social-networks, .related-content .social-networks, .connect-with-tnc .social-networks, .our-impact .social-networks { width: 30%; }
.blogs-news .advertisement, .related-content .advertisement, .connect-with-tnc .advertisement, .our-impact .advertisement { width: 25.5%; float: left; }
.blogs-news .advertisement img, .related-content .advertisement img, .connect-with-tnc .advertisement img, .our-impact .advertisement img { max-width: 100%; height: auto; }
.threeCol { width:33%;float:left;text-align:center; }
.related-content { margin-bottom: 0; }
.related-content > h1 { padding: 0.5em 0 0 0; border-top: 1px #beb5b0 dotted; border-bottom: none; }
.related-content .content-tease { margin-bottom: 0; }

 #videoContainer { height: 373px; }

#gsaSearch {padding-right:18%;}
#gsaSearch .g {font-size:105%;}
#gsaSearchForm { width:72%;margin-bottom:8px;}
#gsaSearch h2.searchCategory{background-color:#F2F2F2;padding:8px 0 8px 0;margin:6px 0 16px 0;}
#gsaSearch .lighthr{height:2px;line-height:2px;border:none;margin:11px 0;background-color:#F2F2F2;}
#error, #gsaSearch{margin:3em 0 3em 0;padding-left:18%; }
#error #errorSearchForm{width:77%;height:29px;line-height:29px;border:1px solid #D9D9D9;padding:0 0 0 24px;color:#999;background:url(image_nature_bg.png) no-repeat #FFF;background-position: 0 -533px;font-size:14px;margin:1px 8px 8px 0;float:left;}
#error .lighthr{height:2px;line-height:2px;border:none;margin:11px 0;background-color:#F2F2F2;}
#error .errorNotify{clear:both;padding-top:15px;}
.searchCol {width:20%;float:left;padding-right:3%;}
.firstCol { margin-left:90px;}
.clear { clear: both; }
#error #searchForm { width:80%; }
#error .button {margin-bottom:12px;}

#brand-bar { /*BRANDING BAR*/ margin-top: 2em; background: #f5f7e8; }
#brand-bar > .wrapper { padding: 0.5em 0 2em 0; }
#brand-bar .footer-logo { float: left; max-width: 200px; }
#brand-bar h1 { margin-top: 1em; font-size: 1.65em; color: #00703c; }
#brand-bar .sign-up { float: left; width: 45%; }
#brand-bar .sign-up img { float: left; margin-right: 1em; }
#brand-bar .accountability { float: right; width: 45%; padding-left: 4%; border-left: 1px #ccc7bb solid; }
#brand-bar .accountability .orgs { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; float: right; margin: 2em 0 0 1em; }
#brand-bar .accountability .orgs:before, #brand-bar .accountability .orgs:after { content: ""; display: table; }
#brand-bar .accountability .orgs:after { clear: both; }
#brand-bar .accountability .orgs img { float: left; }

#site-footer-brand { /*SITE FOOTER BRAND and NAV*/ padding-top: 2em; background: #dfeac2; }
#site-footer-brand > .wrapper { padding-bottom: 2em; }
#site-footer-brand .copyright { font-size: 0.85em; }
#site-footer-brand .copyright b { font-size: 0.9em; }

#site-footer { /*SITE FOOTER Family of Sites*/ padding-top: 2em; }
#site-footer > .wrapper { padding-bottom: 2em; }
#site-footer .copyright { font-size: 0.85em; }
#site-footer .copyright b { font-size: 0.9em; }

#nav-quicklinks { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; clear: both; width: 100%; }
#nav-quicklinks:before, #nav-quicklinks:after { content: ""; display: table; }
#nav-quicklinks:after { clear: both; }
#nav-quicklinks li { float: left; }
#nav-quicklinks a { font-weight: 600; }

#brand-and-networks { float: left; width: 28%; margin-right: 2%; }
#brand-and-networks img { max-width: 100%; height: auto; }

#super-footer { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; width: 70%; float: right; }
#super-footer:before, #super-footer:after { content: ""; display: table; }
#super-footer:after { clear: both; }
#super-footer ul { padding-right: 1em; }
#super-footer > li { float: left; width: 16.6%; min-width: 136px; }
#super-footer > li > a { color: #361a0a; font-weight: 600; }
#super-footer li li { margin-bottom: 0; }
#super-footer li li a { font-size: 0.85em; color: #00703c; }

#family-of-sites { margin-top: 1em; }
#family-of-sites h1 { color: #00703c; text-transform: uppercase; }
#family-of-sites > ul { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; margin: 0; padding: 0; }
#family-of-sites > ul:before, #family-of-sites > ul:after { content: ""; display: table; }
#family-of-sites > ul:after { clear: both; }
#family-of-sites > ul > li { float: left; width: 48%; margin: 0; }
#family-of-sites > ul > li:first-child { border-right: 1px #ccc7bb solid; margin: 0 2% 0 0; }
#family-of-sites > ul > li > a { color: #361a0a; font-weight: 600; }
#family-of-sites > ul > li ul { padding-top: 0.4em; }
#family-of-sites > ul > li li { width: 33%; float: left; font-size: 0.85em; font-weight: 600; }

/* FLYOVER */
#flyout { position: fixed; z-index: 4000; bottom: -600px; -webkit-transition: bottom 0.5s ease-in-out; -webkit-transition-delay: 0.5s; -moz-transition: bottom 0.5s ease-in-out 0.5s; -o-transition: bottom 0.5s ease-in-out 0.5s; transition: bottom 0.5s ease-in-out 0.5s; }
#flyout.visible { bottom: 0; }
#flyout #closebox { z-index: 1001; position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; text-align: center; text-decoration: none; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; }
.notvalid label { color: red; }
#errors-sign-up-enews-flyover { display: none !important; }
#flyout { right: 2%; -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); box-shadow: 0 0 1em rgba(0, 0, 0, 0.8); background: #6275a9; }
#flyout .background-holder { position: relative; overflow: hidden; padding: 1em; }
#flyout .background-image { position: absolute; right: 0; bottom: 0; z-index: 100; }
#flyout .wrapper { position: relative; z-index: 200; width: 400px; padding: 2em 1.5em 1em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; -ms-border-radius: 0.4em; -o-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *zoom: 1; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; }
#flyout .wrapper:before, #flyout .wrapper:after { content: ""; display: table; }
#flyout .wrapper:after { clear: both; }
#flyout.visible { bottom: 2%; }
#flyout #inscroll { padding: 1em; }
#flyout #closebox { top: 0.5em; right: 0.5em; display: block; height: 26px; width: 26px; text-indent: -40px; overflow: hidden; background: transparent url(icn-flyover-close.png) 0 0 no-repeat; }
#flyout #closebox:hover { background-image:url(icn-flyover_close-active.png); }
#dynamicform-sign-up-enews { -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; }
#dynamicform-sign-up-enews h1.dynamicform-step1 { color: #fff; text-shadow: 1px 1px 3px black; }
#dynamicform-sign-up-enews h1.dynamicform-step1 b { display: block; }
#dynamicform-sign-up-enews ul { width: 70%; *zoom: 1; float: left; margin-bottom: 0.5em; }
#dynamicform-sign-up-enews ul:before, #dynamicform-sign-up-enews ul:after { content: ""; display: table; }
#dynamicform-sign-up-enews ul:after { clear: both; }
#dynamicform-sign-up-enews li { *zoom: 1; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; }
#dynamicform-sign-up-enews li:before, #dynamicform-sign-up-enews li:after { content: ""; display: table; }
#dynamicform-sign-up-enews li:after { clear: both; }
#dynamicform-sign-up-enews label { display: block; width: 20%; margin-right: 6%; padding-top: 4px; float: left; text-align: right; font-weight: 600; }
#dynamicform-sign-up-enews label b { padding-left: 0.4em; }
#dynamicform-sign-up-enews input { width: 50%; float: left; padding: 0.3em 0.4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#dynamicform-sign-up-enews .button { float: left; margin-left: 0.4em; padding: 0.2em 0.8em; cursor: pointer; }
#dynamicform-sign-up-enews .button:focus { outline-color: transparent; }
#dynamicform-sign-up-enews .privacy { padding-top: 1em; clear: both; font-size: 0.9em; font-weight: 600; }
#dynamicform-sign-up-enews .dynamicform-step1 label { display: none; }
#dynamicform-sign-up-enews .dynamicform-step1 input { width: 100%; }
#dynamicform-sign-up-enews .dynamicform-step2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; height: 0; position: absolute; z-index: -100; }
#dynamicform-sign-up-enews.stepOneDone { padding-top: 1em; background:url(bg-85percentwhite.png); }
#dynamicform-sign-up-enews.stepOneDone h1.dynamicform-step1 { display: none; }
#dynamicform-sign-up-enews.stepOneDone ul { width: 100%; }
#dynamicform-sign-up-enews.stepOneDone .dynamicform-step2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; height: auto; position: static; }
#dynamicform-sign-up-enews.stepOneDone input { padding: 0.2em 0.4em; }
#dynamicform-sign-up-enews.stepOneDone .dynamicform-step1 label { display: block; }
#dynamicform-sign-up-enews.stepOneDone .dynamicform-step1 input { width: 50%; }
#dynamicform-sign-up-enews.stepOneDone .button { margin-left: 34%; }
#dynamicform-sign-up-enews.stepOneDone .button.dynamicform-step1 { display: none; }

#fb-root { display: none; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }

div.fb-like-box, div.fb-like-box > span, div.fb-like-box > span > iframe[style], div.fb-comments, div.fb-comments > span, div.fb-comments > span > iframe[style] { width: 100% !important; }
  #homepage-herospace-flexslider .slide-content{
	position: absolute;
	width: 40%;
	padding: 1em 1em 2em 1em;
	bottom: 42%;
	right: 4%;
	background-color: #fff; 
	background-color: rgba(255, 255, 255, 0.8); 
	*zoom: 1; 
	background-color: transparent\8; 
	*zoom: 1; 
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#E0FFFFFF', endColorstr='#E0FFFFFF');
	border: 1px #a2a09d solid;
	font-size: 160%;
}
@media only screen and (max-width: 1200px) { #nav-primary .bf-navigation > li > a { font-size: 1.35em; } 
  #nav-primary .bfnav-panel { margin-top:-2px;}
  
}
@media only screen and (max-width: 1170px) { #nav-primary .bf-navigation > li > a { font-size: 1.3em; } 
  #nav-primary .bfnav-panel { margin-top:-3px;}	
  #homepage #rcol-promos.corporate-supporters { clear:both; float:left; }
}
@media only screen and (max-width: 1130px) { 
   #homepage-herospace-flexslider .slide-content{
	position: absolute;
	width: 40%;
	padding: 1em 1em 2em 1em;
	bottom: 35%;
	right: 4%;
	background-color: #fff; 
	background-color: rgba(255, 255, 255, 0.8); 
	*zoom: 1; 
	background-color: transparent\8; 
	*zoom: 1; 
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#E0FFFFFF', endColorstr='#E0FFFFFF');
	border: 1px #a2a09d solid;
	font-size: 130%;
}
}
@media only screen and (max-width: 1100px) { body { font-size: 100%; padding-top: 0; }
  .blogs-news .flexslider ul.slides { width: 70%; }
  #layout > .wrapper { padding: 1em 1em 0 1em; }
  #brand-bar > .wrapper, #colone > .wrapper, #coltwo > .wrapper, #colthree, #site-footer-brand > .wrapper, #site-footer > .wrapper, #our-mission > .wrapper, .our-impact, .connect-with-tnc { padding: 1em 1.5em; }
  #header-ad-space { height: 41px; }
  #header-ad-space .join-button { top: 4px; left: 0.5em; }
  #header-ad-space .left-promo { display: none; }
  #nav-utility { float: right;font-size:80%;width:45% !important; }
  #site-header, #campaign-site-header { margin-bottom: 0; }
  #site-header .donate-button { position: absolute; top: -37px; right: 10px; margin: 0; padding: 0.2em 1.2em;-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  #campaign-site-header .donate-button { position: absolute; top: 85px; right: 2.0339%; margin: 0; padding: 0.2em 1.2em;-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  #site-header .donate-button:after, #campaign-site-header .donate-button:after { padding: 0; margin-left: 0.5em; background: transparent; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  .advertisement { display: none; }
  #nav-primary .bfnav-panel { margin-top:-16px;}	
  #nav-primary .bfHover .panel-close { display: block; }
  #nav-primary .bf-navigation > li > a { font-size: 0.9em; }
  #nav-primary .bf-navigation .bfnav-panel .panes { display: none; }
  #nav-primary .bf-navigation .bfnav-panel .panes + .lists { width: 100%; }
  #nav-primary .bf-navigation .where-we-work .bfnav-panel .states ul { display: none; }
  #our-mission { padding-top: 0; font-size: 0.8em; }
  #our-mission article { width: 29%; margin: 0 2% 0; }
  #brand-and-networks { width: 70%; }
  #brand-and-networks .footer-logo { float: left; }
  #brand-and-networks .social-networks { float: left; margin-left: 1em; }
  #brand-and-networks .social-networks a { width: 41px; height: 39px; }
  #brand-and-networks .social-networks .facebook a { background-position: 0 -39px; }
  #brand-and-networks .social-networks .twitter a { background-position: -41px -39px; }
  #brand-and-networks .social-networks .youtube a { background-position: -63px -39px; }
  #brand-and-networks .social-networks .instagram a { background-position: -123px -39px; }
  #brand-and-networks .social-networks .pinterest a { background-position: -128px -39px; }
  #brand-and-networks .social-networks .flickr a { background-position: -204px -39px; }
  #brand-and-networks .social-networks .googleplus a { background-position: -245px -39px; }
  #brand-and-networks .social-networks .wechat a { background-position: -327px -39px; }
  #brand-and-networks .social-networks .linkedin a { background-position: -286px -39px; }
  #super-footer { width: 20%; margin-left: 2em; }
  #super-footer li { float: none; }
  #super-footer ul { display: none; }
  .heapBox { font-size: 0.9em; } }
@media only screen and (max-width: 1080px) { #nav-primary .bf-navigation > li.bfHover .bfnav-panel { top: 52px; right: 0 !important; left: 0 !important; }
  #nav-primary .bf-navigation li a { padding: 0.6em 2.4em; }
  #nav-primary .bfnav-panel { margin-top:0;}	
  #homepage-herospace, #homepage-herospace .herospace-picture { height: 644px; }
  #herospace-nav { font-size: 0.7em; }
  #herospace-nav li { padding: 0 3px; }
  #herospace-nav li > .wrapper { padding: 4px; }
  #herospace-nav h2 { margin: -4px -4px 4px -4px; padding: 4px 6px; min-height: 50px; }
  .awards li { min-height: 320px; }
  #nav-utility { font-size:80%;width:40% !important; } }
@media only screen and (max-width: 980px) { #homepage #coltwo { width: 100%; }
  #nav-primary .bf-navigation > li > a { font-size: 0.9em; }
  .our-impact img { max-width: 100%; }
  #nav-utility { font-size:80%;width:45% !important; } }
@media only screen and (max-width: 900px) { #nav-primary .bf-navigation > li > a { font-size: 0.9em; padding: 0.6em 2em; }
  .blogs-news .flexslider ul.slides { width: 100%; }
  #colthree .sitewide-promo { float: left; margin-right: 1.1em; }
  #colthree #rcol-promos { width:60%; float:right; }  
  #colthree .promo { float: left; width: 48%; margin-right: 1%; }
  #colthree .promo img { max-width: 100%; height: auto; }
  #homepage #rcol-promos {display:none; }
  #homepage section.connect-with-tnc .social-networks { width:40%; }
  #nav-utility { font-size:80%;width:40% !important; } }
@media only screen and (max-width: 850px) { #nav-primary .bf-navigation > li > a { padding: 0.6em 1.6em; }
  #homepage-herospace-flexslider .slide-content { font-size: 160% important; }
  #breadcrumbs { display: none; }
  .related-content { padding: 0 1.57143%; }
  .related-content .content-tease { width: 31%; }
  #brand-bar .sign-up, #brand-bar .accountability { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; float: none; width: 100%; clear: both; padding-left: 0; border: none; }
  #brand-bar .sign-up:before, #brand-bar .sign-up:after, #brand-bar .accountability:before, #brand-bar .accountability:after { content: ""; display: table; }
  #brand-bar .sign-up:after, #brand-bar .accountability:after { clear: both; }
  #brand-bar .sign-up { margin-bottom: 0; }
  #brand-bar .sign-up img { display: none; }
  #brand-bar .sign-up label { display: block; padding-bottom: 0.5em; }
  #site-footer { padding: 0 1.57143%; }
  #brand-and-networks, #super-footer, #family-of-sites > ul > li { width: 100%; float: none; display: block; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; padding-bottom: 2em; }
  #brand-and-networks:before, #brand-and-networks:after, #super-footer:before, #super-footer:after, #family-of-sites > ul > li:before, #family-of-sites > ul > li:after { content: ""; display: table; }
  #brand-and-networks:after, #super-footer:after, #family-of-sites > ul > li:after { clear: both; }
  #brand-and-networks li, #super-footer li, #family-of-sites > ul > li li { width: 100%; float: none; }
  #family-of-sites > ul > li { float: left; width: 40%; }
  #brand-and-networks { padding-bottom: 1em; }
  #super-footer { display: none; }
  #nav-quicklinks { margin: 0 0 2em 0; padding: 0; width: 100%; font-size: 0.8em; }
  #nav-quicklinks li { float: left; width: auto; }
  #colthree .promo { width: auto; }
  #nav-utility { font-size:80%;width:45% !important; } }
@media only screen and (max-width: 800px) { #homepage-herospace, #homepage-herospace .herospace-picture { height: 648px; }
  #herospace-nav li { padding: 0 3px; }
  #herospace-nav li > .wrapper { padding: 4px; }
  #herospace-nav h2 { margin: -4px -4px 4px -4px; padding: 4px 6px; min-height: 50px; font-size: 1.0em; }
  #nav-secondary { border: 0; background: #fff; }
  #nav-secondary h2 { padding: 4px; border: 1px #beb5b0 solid; position: relative; cursor: pointer; }
  #nav-secondary h2:after { position: absolute; top: 0; right: 0; content: url(icn-mobile-nav-secondary.png); padding: 4px 7px; background: #5e8827; }
  .section-nav-active #nav-secondary h2:after { content: url(icn-mobile-nav-secondary-activ.png); }
  #nav-secondary ul { display: none; }
  .section-nav-active #nav-secondary ul { display: block; }
  .related-content .content-tease { float: none; width: 100%; }
  .related-content .content-tease img { float: left; margin-right: 1em; }
  #nav-utility { font-size:80%;width:45% !important; }
  #interior #rcol-promos { width:100%; }
  #mobile-aaa { display:block; margin-bottom:1.5em; }
  #mobile-aaa { border: 0; background: #fff; }
  #mobile-aaa h2 { padding: 4px; border: 1px #beb5b0 solid; position: relative; cursor: pointer; }
  #mobile-aaa h2:after { position: absolute; top: 0; right: 0; content: url(icn-mobile-nav-secondary.png); padding: 4px 7px; background: #5e8827; }
  .section-nav-active-aaa #mobile-aaa h2:after { content: url(icn-mobile-nav-secondary-activ.png); }
  #mobile-aaa ul { display: none; }
  .section-nav-active-aaa #mobile-aaa ul { display: block; } }
@media only screen and (max-width: 740px) { #site-search input { width: 200px; }
  #flyout { display: none !important; height:0px !important; }	
  #sb-container { display: none !important; height:0px !important; }
  /*#nav-utility { font-size: 0.9em; }*/
  #nav-utility { font-size:80%;width:47% !important; }
  #nav-primary .bf-navigation > li > a { padding: 0.6em 1.4em; }
  #our-mission { font-size: 0.6em; }
  .our-impact, .connect-with-tnc { margin: 2em 0 0 0; padding: 0; }
  .our-impact .like-on-facebook, .our-impact .social-networks, .connect-with-tnc .like-on-facebook, .connect-with-tnc .social-networks { width: 100%; clear: both; margin-right: 0; }
  .our-impact .like-on-facebook ul, .our-impact .social-networks ul, .connect-with-tnc .like-on-facebook ul, .connect-with-tnc .social-networks ul { margin-bottom: 0; }
  .our-impact .like-on-facebook, .connect-with-tnc .like-on-facebook { margin-bottom: 2em; }
  #brand-bar { margin-top: 0; }
  #brand-bar h1 { margin-top: 0; }
  #family-of-sites > ul > li { float: none; width: 100%; }
  #family-of-sites > ul > li:first-child { border: none; } }
@media only screen and (max-width: 700px) { #header-ad-space { background-color: white; background-color: white; *zoom: 1; background-color: transparent\9; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); }
  #homepage-herospace, #homepage-herospace .herospace-picture { height: 488px; }
  #homepage-herospace #gradient-upper { display: none; }
  #herospace-nav { height: 367px; }
  .search-active #herospace-nav { margin-top: -3em; }
  #herospace-nav li { display: none; margin-top: 330px; }
  #herospace-nav li:hover { margin-top: 300px; }
  #herospace-nav li.active { display: block; width: 100%; margin-top: 200px; }
  #herospace-nav li.active:hover { margin-top: 200px; }
  #herospace-nav h2 { min-height: 0; margin: 0 0 0.4em 0; padding: 0; }
  .flexslider .flex-direction-nav li a { top: -22px; background: transparent; text-indent: 0; }
  .flexslider .flex-direction-nav li a.flex-prev { left: 0; }
  .flexslider .flex-direction-nav li a.flex-next { right: 0; }
  .blogs-news .flexslider:after { position: absolute; right: 0; top: 0; height: 178px; width: 20px; background: transparent url(bg-rightGradient.png) 0 0 no-repeat; content: ""; }
  #our-mission { padding-top: 0; }
  #our-mission article { float: none; width: 100%; padding-bottom: 1em; }
  #mobile-search-trigger { display: block; }
  .search-active #site-header > .wrapper, .search-active #campaign-site-header > .wrapper { padding-bottom: 4.5em; }
  #campaign-site-header .donate-button { position: absolute; background: transparent; top: 7px; right: 65px; margin: 0; padding: 0.2em 1.2em;-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  #campaign-site-header .donate-button a { color: #c85c19; }
  #campaign-site-header .donate-button:after { content: url(bg-arrow-orange.png); }
  #site-search.campaign-search-form input { max-width:200px; }
  #nav-primary { display: none; position: relative; max-height: 0; height: auto; right: 0; z-index: 300; width: 100%; padding: 0; overflow: hidden; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4); }
  #nav-primary .sticky-wrapper { height: auto !important; }
  #nav-primary .stuck { position: static; }
  .nav-active #nav-primary { display: block; }
  #nav-primary .bfnav-panel { display: none !important; }
  #nav-primary .bf-navigation { height: auto; width: 100%; font-size: 1.2em; }
  #nav-primary .bf-navigation li { float: none; width: auto; clear: both; }
  #nav-primary .bf-navigation li a { padding: 0.3em 0 0.3em 1em; text-align: left; font-size: 1.1em; border: 0; border-top: 1px #6c9c2d solid; border-bottom: 1px #48681e solid; }
  #nav-primary .bf-navigation li a b { display: inline; font-size: 1.0em; }
  #nav-primary .bf-navigation li.bfHover a { background: #6c9c2d; color: #fff; }
  #nav-primary .bf-navigation li.active a { background: #6c9c2d; color: #fff; }
  #nav-primary .bf-navigation li.active a:hover { background: #6c9c2d; color: #fff; }
  #nav-primary .bf-navigation li.active ul { display: none; }
  #layout > .wrapper { padding-top: 0.5em; }
  #nav-secondary { margin-bottom: 1.5em; }
  #mobile-nav-trigger { display: block; }
  #nav-utility { margin-top: 0; position: absolute; right: .5em; top: 54px; }
  #nav-utility ul { display: none; }
  #nav-utility #site-search { display: none; }
  .search-active #nav-utility #site-search { display: block; top: 3.5em; }
  #tabs .tab-controls a, #tabs2 .tab-controls a { font-size: 1em; } }
@media only screen and (max-width: 600px) { body { padding-top: 0; }
  .archiveItem{width:80%;float:left;margin:0 0 20px 0;}
  .archiveItemText{width:75%;padding-right:43px;}
  #gsaSearch {overflow:hidden;}
  .content-tease img { float: right; margin: 0 0 0 1em; }
  .content-tease .content-holder { width: 100%; float: none; }
  .video-teases .content-tease { width: 100%; float: none; padding-right: 0; }
  .video-teases .content-tease .photoCreditImg { float: left; margin-right: 1em; }
  #colthree .sitewide-promo, #colthree .promo { float: none; margin: 1em auto; }
  .related-content .content-tease { width: 100%; float: none; }
  #brand-and-networks .footer-logo .social-networks { margin-left: 0; }
  .firstCol { margin-left:20px;}
  .content-tease .content-holder { width: 95%; }
  #homepage section.connect-with-tnc .social-networks { width:80%;z-index:900; }
  #homepage #colthree { display:none; }
  #homepage #coltwo { margin-bottom: 0; padding-bottom: 0; }
  #giftPlanning .content-tease .content-holder { width:95%; }
  .photoCreditImg .photoCredit span { width: 200px; }
   .video-item { width:80% !important; } }
@media only screen and (max-width: 500px) { #nav-utility { top: 47px; }
  #homepage .where-we-work > .button, #homepage .our-projects > .button { margin-bottom:12px !important; }
  #homepage h1, #homepage #brand-bar h1 { font-size:1.5em; }
  #homepage h2 { font-size:1em; }
  .threeCol { width:95%;float:left;text-align:left;padding-bottom:15px; }
  /* #homepage .like-on-facebook { display:none; } */
  #homepage .like-on-facebook #daily-photo { font-size:65%; }
  #homepage .social-networks h1 { display:none; }
  #homepage #site-footer-brand .social-networks { display:none; }
  #homepage .where-we-work h1, #homepage .our-projects h1,#homepage #daily-photo h1 { font-size:1.8em !important; }
  #homepage .where-we-work p, #homepage .our-projects p,#homepage #daily-photo p { font-size:1.4em !important; }
  #addThis { display:none !important; }
  #gsaSearch {overflow:hidden;}
  .firstCol { margin-left:12px;}
  .searchCol { width:45%; }	
  #header-ad-space { height: 31px; }
  #site-header .donate-button { top: -28px; }
  #site-header .donate-button, #header-ad-space .join-button { text-transform: none; font-size: 1.0em; background: transparent; padding: 0; margin: 0; color: #c85c19; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  #site-header .donate-button:after, #header-ad-space .join-button:after { color: #c85c19; -webkit-text-stroke: 1px #c85c19; }
  #site-header .donate-button:hover, #header-ad-space .join-button:hover { background: transparent; }
  #campaign-site-header .donate-button { top: 50px; right: 0; text-transform: none; font-size: 1.0em; padding: 0; margin: 0; color: #c85c19; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  #campaign-site-header .donate-button:after { content: ""; margin: 0; }
  #site-logo { min-width: 180px; }
  #nav-utility { width: 100%; }
  #nav-utility #site-search input { width: 185% !important; }
  #stwrapper {display:none !important;}
  .our-impact { display: none; }
  .page-title-holder .page-title { font-size: 2.0em; }
  .page-title-holder .page-title + h2 { font-size: 1.0em; }
  #tabs .tab-controls a, #tabs2 .tab-controls a { font-size: 0.8em; }
  .profile-person .photoCreditImg { float: none; margin: 0 0 2em 0; }
  .content-tease { margin-bottom: 0; }
  .video-teases .content-tease .photoCreditImg { float: none; margin-right: 0; }
  .related-content .content-tease { float: none; width: 100%; padding-bottom: 2em; }
  .related-content .content-tease h1, .related-content .content-tease p, .related-content .content-tease img { margin-bottom: 0.2em; }
  .content-tease img, .content-tease .photoCreditImg { float: none; margin-bottom: 0; }
  #brand-bar .accountability .orgs { float: none; width: 100%; margin-left: 0; padding: 0; }
  #brand-bar .accountability h1 { margin-top: 0.5em; }
  .awards li { float: none; width: 100%; min-height: 0; }
  .content-tease .content-holder { width: 95%; } 
  #flyout.visible { right: 0; left: 0; bottom: 0; }
  #flyout .wrapper { width: auto; }
  #flyout #closebox { top: 0; right: 0; }
  #dynamicform-sign-up-enews.stepOneDone.wrapper { margin: 0; }
  #dynamicform-sign-up-enews.stepOneDone #closebox { top: 10px; right: 10px; }
  .photoCreditImg .photoCredit span { width: 200px; }
  .wallpaperLarge { display:none; }
  .wallpaperMedium{ display:none; }
  .wallpaperSmall{ display:none; }
  .wallpaperLargeDownload{ clear:both; }
  .wallpaperMediumDownload{ clear:both; }
  .wallpaperSmallDownload{ width:85px; clear:both; }
  #initiatives-col2 { margin-top:20px; }
   #initiatives-col1 .content-holder, #initiatives-col2 .content-holder { margin: 15px 0;}
   #videoContainer { height: 273px !important; }
}
@media only screen and (max-width: 400px) { #tabs .tab-controls li, #tabs2 .tab-controls li { float: none; width: 100%; }
  #gsaSearch {overflow:hidden;}
  #error, #gsaSearch{padding-left:1%; }	
  #tabs .tab-controls li.active a:after, #tabs2 .tab-controls li.active a:after { content: ''; }
  #tabs .tab-content, #tabs2 .tab-content { display: block !important; /*override js hiding*/ }
  #brand-bar .sign-up img { display: none; }
  #brand-bar #sign-up-enews input[type="email"] { width: 50%; }
  #campaign-site-header .donate-button { display:none; }
  .profile-video .featureCollImageList { width: 100%; float: none; padding: 0 0 1em 0; }
  .profile-video .featureCollImageList .photoCreditImg { float: left; margin-right: 1em; }
  .related-content .content-tease img { float: none; margin: 0 0 1em 0; }
  .content-tease .content-holder { width: 95%; }
  .preserveRight{width:95%;float:left;}
  .photoCreditImg .photoCredit span { width: 180px; }
  #videoContainer { height: 200px !important; }
}
/*Styleguide*/
#styleguide-nav { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; margin: 2em 0; }
#styleguide-nav:before, #styleguide-nav:after { content: ""; display: table; }
#styleguide-nav:after { clear: both; }
#styleguide-nav li { float: left; margin-right: 1em; }
#styleguide-nav a { display: inline-block; padding: 0.2em 1.2em; text-decoration: none; color: white; background: #c85c19; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; border: 0; font-size: 1.2em; font-weight: 600; text-transform: uppercase; -webkit-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; -moz-box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; box-shadow: 0px 0px 0px rgba(246, 207, 183, 0.6) inset, 0px 0px rgba(109, 50, 14, 0.6) inset; }
#styleguide-nav a a { text-decoration: none; color: white; }
#styleguide-nav a a:hover { text-decoration: none; }
#styleguide-nav a:after { content: url(bg-arrow-morecircle.png); position: relative; left: 0.4em; top: 0px; -webkit-text-stroke: 1px white; }
#styleguide-nav a:hover { background-color: #e5752f; text-decoration: none; }

#styleguide { width: 100%; margin-top: 2em; }
#styleguide > tbody > tr:nth-child(even) { background: #ececec; }
#styleguide > tbody > tr > td { vertical-align: top; padding: 1em; }
#styleguide .styleguide-example { width: 55%; }
#styleguide .styleguide-code { width: 45%; }
#styleguide textarea { width: 100%; height: 100%; }
#styleguide caption { text-align: left; padding-bottom: 2em; }
/* New homepage styles */
#homepage, #interior{
	padding-top: 0;
}
#header-ad-space {
	max-width: 100%;
	padding-bottom: 0.4em;
	background: #f2f2f2;
	border-bottom: 1px #d9d9d9 solid;
}
#header-ad-space .wrapper {
	max-width: 1180px;
	padding: 0 2.0339% 1em 3.98305%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header-ad-space .magazine-promo{
	float: left;
	max-width: 25%;
	padding-top: .5em;
}
#header-ad-space .magazine-promo img{
	max-width: 50%;
	margin-right: 4%;
}
#header-ad-space .magazine-promo p{
	float: left;
	width: 46%;
	font-size: 0.9em;
	margin-bottom: 1em;
	color: #666;
}
#header-ad-space .join-button{
	position: static;
	padding: 0 .6em;
}
#header-ad-space .advertisement.center-promo {
	max-width: 728px;
	float: none;
	margin: 0 auto;
	background: #f2f2f2;
}
#site-header, #campaign-site-header {
	margin-bottom: 0;
}
#site-logo {
	width: 31%;
}
#nav-utility {
	width: 36%;
}
#nav-utility ul {
	margin: 0 0 .2em 5em;
}
#site-search input {
	width: 94%;
}
#nav-primary{
	background-color: #5e8827;
}
#homepage-herospace-wrapper{
	width: 100%;
	background-color: #dfeac2;
	/*border-bottom: 1px #5e8827 solid;*/
}
#homepage-herospace-flexslider{
	position: relative;
	max-width: 1500px;
	max-height: 550px;
	overflow: hidden;
	margin: 0 auto;
}
#homepage-herospace-flexslider .flex-viewport,
#homepage-herospace-flexslider .slides,
#homepage-herospace-flexslider .slides li{
	max-height: 550px;
	overflow: hidden;
}
#homepage-herospace-flexslider li:before, #homepage-herospace-flexslider .flex-direction-nav li { content: ''; }
#homepage-herospace-flexslider .slides li{
	display: none;
}
#homepage-herospace-flexslider .slides li.active{
	display: block;
}
#homepage-herospace-flexslider ul,
#homepage-herospace-flexslider li{
	margin: 0;
	padding: 0;
}
#homepage-herospace-flexslider .slides img{
	position: relative;
	width: 100%;
	height: auto;
}

#homepage-herospace-flexslider a.more:after{
	content: url(icn-herospace-link.png);
	position: relative;
	top: .2em;
}
#homepage-herospace-flexslider .flex-direction-nav li{
	position: static;
}
#homepage-herospace-flexslider .flex-direction-nav .flex-prev{
	left: .5%;
}
#homepage-herospace-flexslider .flex-direction-nav .flex-next{
	right: .5%;
}
#homepage-herospace-flexslider .flex-direction-nav a{
	position: absolute;
	top: 40%;
	background-image: url(bg-directionnav.png);
	opacity: .8 !important;
	filter: alpha(opacity=80);
}
#homepage-herospace-flexslider .flex-direction-nav a:hover{
	opacity: 1.0 !important;
	filter: alpha(opacity=100);
}
#homepage-herospace-flexslider .flex-direction-nav .flex-disabled,
#homepage-herospace-flexslider .flex-direction-nav .flex-disabled:hover {
	opacity: .4 !important;
	filter: alpha(opacity=40);
}
#homepage-herospace-flexslider .flex-control-nav{
	width: auto;
	right: 4%;
	bottom: 44%;
}
#homepage-herospace-flexslider .flex-control-nav li {
	margin: 0 6px;
}
#homepage-herospace-flexslider .flex-control-nav li a{
	border: 1px #5e8827 solid;
	background: #fff;
	box-shadow: none;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}
#homepage-herospace-flexslider .flex-control-nav li a.flex-active{
	background: #5e8827;
}
@media only screen and (max-width: 1100px){/*desktop and up*/
	#header-ad-space .magazine-promo{
		max-width: 70%;
		padding-top: .2em;
	}
	#header-ad-space .magazine-promo p{
		font-size: 0.8em;
		margin-right: 1em;
	}
	#site-header .donate-button{
		padding: 0 .6em;
		font-size: 1.2em;
	}
	#campaign-site-header .donate-button {
		height: 24px;
		padding: .2em .6em;
		font-size: 1.2em;
		line-height: 24px;
		vertical-align: middle;
	}
}
@media only screen and (min-width: 1100px){/*desktop and up*/
	#site-header .donate-button, #campaign-site-header .donate-button {
		top:-40px;
		padding: 0.7em 1em;
		-webkit-border-radius: .8em;
		-moz-border-radius: .8em;
		-o-border-radius: .8em;
		border-radius: .8em;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
@media only screen and (max-width: 900px){/*tablet and smaller*/
	#homepage-herospace-flexslider .slide-content{
		width: 45%;
		font-size: 140%;
		bottom: 20%;
		right: 6%;
	}
	#homepage-herospace-flexslider .flex-control-nav{
		bottom: 21%;
		right: 6%;
	}
}
@media only screen and (max-width: 700px){/*handheld and smaller*/
	#homepage-herospace-flexslider .slides > li{
		padding-bottom: 118px;
	}
	#homepage-herospace-flexslider .slide-content{
		width: auto;
		padding: .5em;
		font-size: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;	
	}
	#homepage-herospace-flexslider .slide-content p{
		margin-bottom: 0;
	}
	#homepage-herospace-flexslider .flex-direction-nav a{
		top: 13%;
	}
	#homepage-herospace-flexslider .flex-control-nav{
		display: none;
	}
}
@media only screen and (max-width: 560px){/*desktop and up*/
	#header-ad-space .magazine-promo p{
		display: none;
	}
	#site-header .donate-button{
		font-size: 1em;
	}
	#campaign-site-header .donate-button {
		right:0;
		top:50px;
	}
}
