/******* Web Fonts *******/
@font-face {
    font-family: "Flama Book";
    font-style: normal;
    font-weight: normal;
    src: url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/Flama-Book.eot?#iefix") format("embedded-opentype"), url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/Flama-Book.woff") format("woff");
}
@font-face {
    font-family: "Flama Bold";
    font-style: normal;
    font-weight: bold;
    src: url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/Flama-Bold.eot?#iefix") format("embedded-opentype"), url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/Flama-Bold.woff") format("woff");
}
@font-face {
    font-family: "Flama Condensed Bold";
    font-style: normal;
    font-weight: bold;
    src: url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/FlamaCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/FlamaCondensed-Bold.woff") format("woff");
}
@font-face {
    font-family: "Flama Condensed Medium";
    font-style: normal;
    font-weight: 500;
    src: url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/FlamaCondensed-Medium.eot?#iefix") format("embedded-opentype"), url("https://d306pr3pise04h.cloudfront.net/fonts/flama/v1/FlamaCondensed-Medium.woff") format("woff");
}
@font-face {
    font-family: "ungc-icons";
    font-style: normal;
    font-weight: normal;
    src: url("https://d306pr3pise04h.cloudfront.net/fonts/fontello-45a73785/ungc-icons.eot?#iefix") format("embedded-opentype"), url("https://d306pr3pise04h.cloudfront.net/fonts/fontello-45a73785/ungc-icons.woff") format("woff"), url("https://d306pr3pise04h.cloudfront.net/fonts/fontello-45a73785/ungc-icons.svg#ungc-icons") format("svg");
}
@font-face {
    font-family: 'robotoregular';
    src: url('webfonts/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('webfonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('webfonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('webfonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/******* Web Fonts ********/
* {
  padding: 0px;
  margin: 0px;
}
body {
  font-family: 'robotoregular', sans-serif;
  font-size: .75rem;
/*  background: url('images/background.jpg') repeat-x top left #F9F9F9;
*/}

br.clear {
  clear: both;
}
div#layout {
/*  width: 100%;*/
  margin: 0 auto;
  padding: 0;
  max-width: 1024px;
  min-width: 956px;
}
.wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1280px;
}

/*********** Header *****************************/
#redesign-main-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: white;
    background-color: rgba(0, 77, 101, 0.85);
    background-blend-mode: multiply;
    z-index: 99999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#redesign-main-header>.redesign-wrapper {
    position: static;
    padding: 0;
}
@media only screen and (min-width: 681px) {
    #redesign-main-header>.redesign-wrapper {
    padding: 0.75em 0 2em;
  }
}
@media only screen and (min-width: 881px) {
    #redesign-main-header>.redesign-wrapper {
    padding: 1em 0 2.5em;
  }
}
@media only screen and (min-width: 1001px) {
    #redesign-main-header>.redesign-wrapper {
    padding: 1.25em 0 3em;
  }
}
#redesign-main-header .foundation-logo {
    display: block;
    position: relative;
    color: inherit;
    font-size: 2.25em;
    line-height: 1;
    padding: 0.1em 10px 0.2em 7px;
    margin: 0;
}
@media only screen and (min-width: 681px) {
    #redesign-main-header .foundation-logo {
    float: left;
    font-size: 3em;
    padding: 0;
    margin: 0 0 0 7px;
  }
}
@media only screen and (min-width: 881px) {
    #redesign-main-header .foundation-logo {
    margin-left: 5%; 
    padding-bottom: .5em;
  }
}
@media only screen and (min-width: 1001px) {
    #redesign-main-header .foundation-logo {
    margin-left: 6.25%;
    padding-bottom: .5em;
  }
}
#redesign-main-header .foundation-logo:before {
    content: 
  }
#redesign-main-header .foundation-logo h1 {
  margin: 0;
  font-size: 1em;
  line-height: 1;
  padding-bottom: .5em;
}
#redesign-main-header .foundation-logo img {
  height: 2.5em;
}
#redesign-main-navigation-trigger {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.9em;
    height: 2.75em;
    cursor: pointer;
    z-index: 9999;
}
#redesign-main-navigation-trigger div {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 25px;
    height: 15px;
    margin: auto 0;
}
#redesign-main-navigation-trigger div:before, #redesign-main-navigation-trigger span, #redesign-main-navigation-trigger div:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: white;
    border-radius: 2px;
    -webkit-transition: all 250ms cubic-bezier(0.4,  0,  0.2,  1);
    -moz-transition: all 250ms cubic-bezier(0.4,  0,  0.2,  1);
    transition: all 250ms cubic-bezier(0.4,  0,  0.2,  1);
}
#redesign-main-navigation-trigger div:before {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#redesign-main-navigation-trigger span {
    top: 6px;
    opacity: 1;
}
#redesign-main-navigation-trigger div:after {
    bottom: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#redesign-main-navigation-trigger:hover div:before, 
#redesign-main-navigation-trigger:hover span, 
#redesign-main-navigation-trigger:hover div:after {
    background: white;
}
#redesign-main-navigation-trigger.navigation-active {
    position: fixed;
    background-color: #eee;
}
#redesign-main-navigation-trigger.navigation-active div:before, 
#redesign-main-navigation-trigger.navigation-active span, 
#redesign-main-navigation-trigger.navigation-active div:after {
    background-color: #222;
}
#redesign-main-navigation-trigger.navigation-active div:before {
    -webkit-transform: rotate(45deg) translate(0,  -4px);
    -moz-transform: rotate(45deg) translate(0,  -4px);
    -ms-transform: rotate(45deg) translate(0,  -4px);
    -o-transform: rotate(45deg) translate(0,  -4px);
    transform: rotate(45deg) translate(0,  -4px);
}
#redesign-main-navigation-trigger.navigation-active span {
    opacity: 0;
}
#redesign-main-navigation-trigger.navigation-active div:after {
    -webkit-transform: rotate(-45deg) translate(0,  4px);
    -moz-transform: rotate(-45deg) translate(0,  4px);
    -ms-transform: rotate(-45deg) translate(0,  4px);
    -o-transform: rotate(-45deg) translate(0,  4px);
    transform: rotate(-45deg) translate(0,  4px);
}
@media only screen and (min-width: 681px) {
    #redesign-main-navigation-trigger {
    display: none;
  }
}
#redesign-main-navigation-container {
    display: none;
}
@media only screen and (max-width: 680px) {
    #redesign-main-navigation-container.navigation-active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding: 2.75em 0 0;
    background: white;
    overflow-x: hidden;
    overflow-y: auto;
    color: #3f3f3f;
    z-index: 9997;
  }
}
@media only screen and (min-width: 681px) {
    #redesign-main-navigation-container {
    display: block;
    float: right;
    clear: right;
    margin: 0 10px 0 0;
  }
} 
@media only screen and (min-width: 881px) {
    #redesign-main-navigation-container {
    clear: none;
    margin: 1.2em 5% 0 0;
  }
}
@media only screen and (min-width: 1001px) {
    #main-navigation-container {
    margin: 1.4em 6.25% 0 0;
  }
}
#redesign-primary-navigation {
    list-style: none;
    margin: 0;
}
#redesign-primary-navigation::after {
    clear: both;
    content: "";
    display: table;
}
#redesign-primary-navigation li {
    margin: 0;
}
#redesign-primary-navigation a.nav-link {
    display: block;
    color: inherit;
}
@media only screen and (max-width: 680px) {
    #redesign-primary-navigation {
    padding: 0 10px;
    font-family: "Flama Condensed Medium",  "Roboto Condensed",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
  }
    #redesign-primary-navigation li {
    border-bottom: 1px solid #eee;
  }
    #redesign-primary-navigation a.nav-link {
    padding: 0.5em 0;
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 681px) {
    #redesign-primary-navigation {
    padding: 0;
  }
}
@media only screen and (min-width: 681px) {
    #redesign-primary-navigation {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 58, 76, 0.6);
      background-blend-mode: multiply;
      font-size: 1.5em;
      font-family: "Flama Condensed Medium",  "Roboto Condensed",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    #redesign-primary-navigation li {
      display: inline-block;
    }
    #redesign-primary-navigation a.nav-link {
      padding: 0 1em;
      background-color: transparent;
      text-decoration: none;
      -webkit-transition: background-color 150ms;
      -moz-transition: background-color 150ms;
      transition: background-color 150ms;
    }
    #redesign-primary-navigation a.nav-link:hover, #redesign-primary-navigation a.nav-link:active, #redesign-primary-navigation a.nav-link.active {
      background-color: #00979e;
    }
  }
@media only screen and (min-width: 881px) {
    #redesign-primary-navigation {
    font-size: 1.5em;
  }
    #redesign-primary-navigation a.nav-link {
    padding: 0 5.5em;
  }
}
@media only screen and (min-width: 1001px) {
    #redesign-primary-navigation {
    font-size: 1.5em;
  }
    #redesign-primary-navigation a.nav-link {
      padding: 0 6.5em;
  }
}

-------------------------------------------------------------

/********************** Intro Section **********************/
main {
  z-index: 1;
  min-height: 10em;
  box-sizing: content-box;
  overflow-x: hidden;
}
#hero {
  position: relative;
  background: #c7ecfb url('images/woman-guat-large.jpg') no-repeat;
  background-position: top center;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
}
#hero>.wrapper {
    padding: 50% 10px;
}
#hero * {
    position: relative;
    z-index: 2;
}
#hero.hero-size-small .wrapper {
    min-height: 0;
    padding: 6em 0 3em;
}
/*#hero.dark-theme {
    background-color: #111;
}
#hero.light-theme {
    background-color: #ccc;
}
#hero.has-issues-nav .wrapper, #hero.has-section-nav .wrapper, #hero.has-regions-nav .wrapper {
    padding-bottom: 8em;
}
#hero.has-issues-nav.hero-size-small .wrapper, #hero.has-section-nav.hero-size-small .wrapper, #hero.has-regions-nav.hero-size-small .wrapper {
    padding-bottom: 6em;
}
#hero.has-custom-image.dark-theme:before, #hero.has-custom-image.light-theme:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: top left no-repeat;
    background-size: cover;
    background-blend-mode: screen;
    z-index: 1;
}
#hero.has-custom-image.dark-theme:before {
    background-color: transparent;
    background-image: -webkit-linear-gradient(-360deg,  rgba(0, 0, 0, 0.4) 40%,  transparent);
    background-image: linear-gradient(90deg,  rgba(0, 0, 0, 0.4) 40%,  transparent);
}
#hero.has-custom-image.light-theme:before {
    background-color: transparent;
    background-image: -webkit-linear-gradient(-360deg,  rgba(255, 255, 255, 0.7) 40%,  transparent);
    background-image: linear-gradient(90deg,  rgba(255, 255, 255, 0.7) 40%,  transparent);
}*/
#hero .hero-content-wrapper {
    padding: 0;
    margin: auto;
    top: 92px;
}
#hero h1 {
/*    padding: 0;
    margin: 0;
*/    font-size: 1.5em;
    line-height: 1.1;
    color: white;
    left: 16%;
}
#hero h1::after {
    clear: both;
    content: "";
    display: table;
}
#hero h1 span {
    display: block;
    float: left;
    clear: both;
    margin: 0;
    padding: 0 0.25em 0.25em;
    background-color: rgba(0, 77, 101, 0.8);
    background-blend-mode: multiply;
    vertical-align: middle;
}
#hero .blurb {
    margin: 1em 0 0;
    max-width: 31em;
    color: white;
    letter-spacing: 2px;
    background-color: rgba(0,0,0, 0.6);
}
/*#hero.dark-theme .blurb {
    color: white;
}*/
#hero a {

 visibility: hidden;
}
/*#hero .button, #hero .widget-call-to-action {
    margin: 1em 0 0;
}*/
@media only screen and (min-width: 421px) {
    #hero .wrapper {
      padding-top: 15em;
    }
   /* #hero h1 {
      font-size: 1.875em;
    }
    #hero .blurb {
      font-size: 1.15em;
      padding-bottom: 1em;
    }*/
/*    #hero a {
    visibility: visible;
    background-color: #00979e;
    font-family: "Flama Bold",  "Roboto",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    padding: 2% 7%;
  }*/
}
  @media only screen and (min-width: 421px) and (max-width: 720px) {
    #hero .hero-content-wrapper {
        position: absolute;
        top: 50%;
        left: 16%;
        padding-right: 29%;
    }
    #hero h1 {
      font-size: 1.75em;
      left: 27%
    }
    #hero .blurb {
      font-size: 1.15em;
      font-weight: bolder;
      padding-bottom: 1em;
      background-color: rgba(0, 0, 0, .4);
      letter-spacing: 2px;
      left: 13%;
    }
       #hero a {
        left: 33%
    }
  }
  @media only screen and (min-width: 721px) {
      #hero .wrapper {
      padding-top: 20em;
      padding-bottom: 40em;
  }
  #hero .hero-content-wrapper {
      float: right;
      margin: -11% 5%
  }
  #hero h1 {
      font-size: 2em;
  }
  #hero a {
    visibility: visible;
    background-color: #00979e;
    font-family: "Flama Bold",  "Roboto",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    padding: 2% 7%;
  }
}
@media only screen  and (min-width: 721px) and (max-width: 1200px) {

    #hero .blurb {
      font-size: 1.05em;
      padding-bottom: 1.1em;
      padding-right: 10%;
      background-color: rgba(0,0,0,0);
      left: 17%;
    }
    #hero a {
      left: 16%;
    }
}
  @media only screen and (min-width: 1201px)  and (max-width: 1280px) {
      #hero .wrapper {
      min-height: 44em;
      padding-top: 16em;
      padding-bottom: 8em;
  }
  #hero .hero-content-wrapper {
      float: right;
      margin: 0 5%;
  }
  #hero h1 {
      font-size: 2.5em;
  }
  #hero .blurb {
      font-size: 1.5em;
      padding-bottom: 2em;
      background-color: rgba(0,0,0,0);
      left: 16%;
  }
   #hero a {
      visibility: visible;
      background-color: #00979e;
      font-family: "Flama Bold",  "Roboto",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
      font-weight: bolder;
      font-size: 1.5em;
      text-transform: uppercase;
      text-decoration: none;
      color: white;
      padding: 3% 9%;
      left: 16%;
    }
}
@media only screen and (min-width: 1281px) {
    #hero .wrapper {
    min-height: 27em;
    padding-top: 24em;
  }
    #hero .hero-content-wrapper {
      float: right;
      margin: auto;
    }
    #hero h1 {
      font-size: 2.625em;
    }
    #hero .blurb {
      font-size: 1.5em;
      padding-bottom: 2em;
      background-color: rgba(0,0,0,0);
      left: 16%;
  }
   #hero a {
      visibility: visible;
      background-color: #00979e;
      font-family: "Flama Bold",  "Roboto",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
      font-weight: bolder;
      font-size: 1.5em;
      text-transform: uppercase;
      text-decoration: none;
      color: white;
      padding: 3% 9%;
      left: 16%;
    }
}
/************************** Footer ***********************/
#main-footer {
    background-color: #696973;
    padding: 5% 0;
    font-size: 1.5em;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#main-footer>.wrapper {
    padding: 0 10px;
}
#main-footer a {
    color: inherit;
    text-decoration: none;
}
#main-footer a:hover, #main-footer a:active {
    text-decoration: underline;
}
#main-footer ul {
    list-style: none;
    padding: 0;
    line-height: 25px;
}
#main-footer .column {
    margin: 0 0 2em;
}
#main-footer h2 {
    color: #80d4f6;
    font-family: "Flama Bold",  "Roboto",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    padding: 0 0 0.5em;
    border-bottom: 1px solid #787883;
    margin: 0 0 0.5em;
}
#main-footer .social {
    list-style: none;
    padding: 0;
    margin: 0 0 2em;
}
#main-footer .social li {
    display: inline-block;
    margin: 0 0.5em 0.5em 0;
}
#main-footer .social span {
    display: none;
}
#main-footer .social a {
    color: #a3a3a3;
}
#main-footer .social a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,  0);
    font-size: 1.66667em;
}
#main-footer .social a:hover, #main-footer .social a:active {
    color: white;
}
#main-footer .contribute {
    margin-bottom: 3em;
}
#main-footer .contribute h2 {
    color: white;
    text-transform: none;
    font-size: 1.1111em;
    padding: 0;
    border-bottom: 0;
    margin: 0 0 1em;
    padding-bottom: 5%;
}
#main-footer .contribute a {
    background-color: #00979e;
    font-family: "Flama Bold",  "Roboto",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 4% 20%;
}
#main-footer .contribute a:hover, #main-footer .contribute a:active {
    background-color: #00b9c2;
    color: white;
    text-decoration: none;
}
#main-footer .contact{
  padding-bottom: 5%
}
#main-footer .contact a {
    text-decoration: underline;
}
#main-footer .contact a:hover, #main-footer .contact a:active {
    color: #8fd2ca;
}
#main-footer .compact li {
  list-style-type: none;
  color: #ffffff;
  padding-bottom: 2px;
  font-size: .75em; 
}
#main-footer.compact a {
  color: #ffffff;
  text-decoration: none;
}
#main-footer.compact a:hover {
  text-decoration: underline;
}
#main-footer iframe.twitter-timeline-rendered {
    width: 100% !important;
    max-width: 22em !important;
}
#main-footer .colophon {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
#main-footer .colophon li {
    display: block;
    font-size: 0.875em;
    line-height: 1;
    padding: 0;
    margin: 0 0 0.5em;
}
#main-footer .colophon a {
    color: #bcbcbc;
}
#main-footer .colophon a:hover {
    color: white;
}
@media only screen and (min-width: 420px) {
  #main-footer .column {
      float: right;
      width: 48%
  }
  #main-footer .column:first-of-type {
      margin-left: 4%
  }
  #main-footer .column:last-of-type {
      float: none;
      clear: both;
      width: 100%
  }
  #main-footer .colophon {
      float: right;
      list-style: none;
      text-align: right;
  }
  #main-footer .colophon li {
      float: left;
      padding: 0 0.5em;
      border-right: 1px solid #999;
  }
  #main-footer .colophon li:first-of-type {
      padding-left: 0;
  }
  #main-footer .colophon li:last-of-type {
      padding-right: 0;
      border-right: 0;
  }
  #main-footer .contribute a {
    padding: 5% 5%;
  }
}
@media only screen and (min-width: 720px) {
    #main-footer>.wrapper {
        padding: 0;
      }
    #main-footer .column {
        float: right;
        margin: 0 1.5%
      }
    #main-footer .column, #main-footer .column:last-of-type {
        width: 28%}
    #main-footer .column:last-of-type {
        clear: none;
        margin-left: 5%
      }
    #main-footer .column:first-of-type {
        margin: 0 5% 2em 1.5%
      }
    #main-footer .colophon {
    /*    padding-top: 2em;
*/      margin: 0 5%
      }
    #main-footer .contribute a {
        padding: 5% 4%;
      }
}
 
@media only screen and (min-width: 720px)and (max-width: 820px) {
  #main-footer {
        padding-bottom: 14%;
      }
}
@media only screen and (min-width: 721px) {
    #main-footer .contribute a {
      padding: 5% 6%;
  }
}
@media only screen and (min-width: 1200px) {
    #main-footer .column {
      margin: 0 1.5%
  }
    #main-footer .column, #main-footer .column:last-of-type {
      width: 27.1667%
  }
    #main-footer .column:last-of-type {
      margin-left: 6.25%
  }
    #main-footer .column:first-of-type {
      margin-right: 6.25%
  }
    #main-footer .colophon {
      margin: 0 6.25%
  }
    #main-footer .contribute a {
      padding: 5% 13%;
  }
}
/******************* About Us Banner *******************/

div#introBackground div#aboutBanner {
  background: #c7ecfb url('images/gc253.jpg') no-repeat center;
  width: 100%;
  height: 25em;
  background-size: cover;
}
@media only screen and (min-width: 420px) {
  div#introBackground div#aboutBanner {
    height:30em;
  } 
}  
@media only screen and (min-width: 720px) {
  div#introBackground div#aboutBanner {
    height:35em;
  } 
}
@media only screen and (min-width: 1200px) {
  div#introBackground div#aboutBanner {
    height:40em;
  } 
}
/******************* Contributors Banner *******************/

div#introBackground div#donorsBanner {
  background: #c7ecfb url('images/women-hands-large.jpg') no-repeat center;
  width: 100%;
  height: 25em;
  background-size: cover;
}
@media only screen and (min-width: 420px) {
  div#introBackground div#donorsBanner {
    height:30em;
  } 
}  
@media only screen and (min-width: 720px) {
  div#introBackground div#donorsBanner {
    height:35em;
  } 
}
@media only screen and (min-width: 1200px) {
  div#introBackground div#donorsBanner {
    height:40em;
  } 
}

/******************* FAQ Banner *******************/
div#introBackground div#faqBanner {
  background: #c7ecfb url('images/library.jpg') no-repeat center;
  width: 100%;
  height: 25em;
  background-size:cover;
}
@media only screen and (min-width: 420px) {
  div#introBackground div#faqBanner {
    height:30em;
  } 
}  
@media only screen and (min-width: 720px) {
  div#introBackground div#faqBanner {
    height:35em;
  } 
}
@media only screen and (min-width: 1200px) {
  div#introBackground div#faqBanner {
    height:40em;
  } 
}
/******************* Contribute Banner *******************/
div#introBackground div#contributeBanner {
  background: #c7ecfb url('images/plant-hands.jpg') no-repeat center;
  width: 100%;
  height: 25em;
  background-size:cover;
}
@media only screen and (min-width: 420px) {
  div#introBackground div#contributeBanner {
    height:30em;
  } 
}  
@media only screen and (min-width: 720px) {
  div#introBackground div#contributeBanner {
    height:35em;
  } 
}
@media only screen and (min-width: 1200px) {
  div#introBackground div#contributeBanner {
    height:40em;
  } 
}
/****************** Landing Index Page *******************/

.tiles-section
{
  color: #d3d3d3;
  padding: 4px 0 0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.tiles-section .tile
{
  position:relative;
  text-align:center;
  margin: auto;
}
.tiles-section .tile>a
{
  display:block;
  overflow:hidden;
  color:inherit;
  padding: 45% 10px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size: cover;
}
.tiles-section .tile h1
{
  font-size:1.5em;
  line-height:1.2;
  color:inherit;
  margin:0 0 0.5em
}
.tiles-section .tile .tile-blurb
{
  color:inherit;
  line-height:1.3;
  margin:0 0 0.75em
}
.tiles-section .tile .tile-link-label
{
  display:block;
  font-family:"Flama Bold", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:bold;
  line-height:1.1
}
.tiles-section .tile .tile-link-label:after
{
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
/*  content:"";
*/  position:relative;
  top:0.05em;
  margin-left:0.25em
}
.tiles-section .tile.double-width.double-height .tile-link-label
{
  position:relative;
  padding:0;
  left:0;
  right:0
}
.tiles-section .tile.color-light-blue a
{
  background-color: white;
}
.tiles-section .tile.color-light-blue .tile-link-label
{
  color: white;
  background-color: rgba(0, 0, 0, .4);
}
.tiles-section .tile a:hover .tile-link-label,.tiles-section .tile a:active .tile-link-label
{
  color:white;
}
@media only screen and (max-width: 420px) {
  .guidestar, .contributors {
    visibility: hidden;
  }
}
@media only screen and (min-width: 420px) {
   .tiles-section {
    padding:2px;
  }
  .tiles-section .tile
  {
    float:left;
    width:50%;
    height:0;
    padding:50% 0 0;
    margin:auto;
  }
  .tiles-section .tile>a
  {
    display:block;
    position:absolute;
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    padding:5% 10px
  }
}
@media only screen and (min-width: 420px) and (max-width: 720px) {
  .tiles-section .tile
  {
    padding-top:50%
  }
 }
@media only screen and (min-width: 721px) and (max-width: 1200px) {
  .tiles-section
  {
    padding:5px
  }
  .tiles-section .tile
  {
    padding-top:47%
  }
  .tiles-section .tile>a
  {
    top:5px;
    left:5px;
    right:5px;
    bottom:5px
  }
}
  @media only screen and (min-width: 420px) and (max-width: 720px) {
  .tiles-section .tile:nth-child(3):last-child
  {
    float:none;
    clear:both;
    width:100%
  }
}
  @media only screen and (min-width: 721px) {
  .tiles-section {
    margin-bottom: 33.333%;
  }
  .tiles-section .tile {
    width:16.666%;
    padding-top:16.666%;
    text-align:left
  }
  .tiles-section .tile h1
  {
    font-size:1.25em
  }
  .tiles-section .tile .tile-link-label
  {
    position:absolute;
    left:10px;
    right:10px;
    bottom:0;
    padding:0 0 7%
  }
  .tiles-section .tile.double-width
  {
    width:33.333%;
    text-align:center
  }
  .tiles-section .tile.double-width>a
  {
    padding-top:2.5%
  }
  .tiles-section .tile.double-width .tile-link-label
  {
    left:0;
    right:0;
    padding-bottom:3.5%
  }
  .tiles-section .tile.double-height
  {
    padding-top:33.333%
  }
  .tiles-section .tile.double-width.double-height>a
  {
    padding-top:10%;
    padding-left:5%;
    padding-right:5%
  }
  .tiles-section .tile.double-width.double-height h1
  {
    font-size:1.5em
  }
  .tiles-section .tile.double-width.double-height .tile-link-label
  {
    font-size:1.125em
  }
}
  @media only screen and (min-width: 721px) and (max-width: 1200px) {
  .tiles-section {
    margin-bottom: 33.333%;
  }
  .tiles-section .tile .tile-blurb,.tiles-section .tile .tile-link-label
  {
    font-size:0.875em
  }
  .tiles-section .tile.double-width.double-height .tile-link-label
  {
    font-size:1em
  }
}
  @media only screen and (min-width: 1201px) {
  .tiles-section {
    margin-bottom: 33.333%;
  }
  .tiles-section .tile h1
  {
    font-size:1.5em
  }
  .tiles-section .tile.double-width.double-height h1
  {
    font-size:2em
  }
}
  @media only screen and (min-width: 1201px) {
  .tiles-section {
    margin-bottom: 33.333%;
  }
  .tiles-section
  {
    padding:5px
  }
  .tiles-section .tile>a
  {
    top:5px;
    left:5px;
    right:5px;
    bottom:5px
  }
}

/****************** Landing Index Page *******************/

div#content {
  background-color: #e6f8ff;
/*  padding: 4px;*/
}

/*div.indexBoxes {
  height: 165px;
  padding-top: 30px;
  padding-bottom: 50px;
}*/

/*div.indexBox {
  background: url('images/indexBoxBackground.gif') no-repeat top left;
  width: 287px;
  height: 162px;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}*/

/*div.indexBox h3 {
  display: block;
  font-family: Georgia, Arial;
  color: #678441;
  font-size: 16px;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 30px;
}*/
/*div.indexBox p {
  display: block;
  font-family: Arial;
  width: 165px;
  padding-left: 60px;
  margin-left: 30px;
  color: #696969;
  font-size: 12px;
  line-height: 16px;
  background-position: top left;
  background-repeat: no-repeat;
  text-align: justify;
}*/
div.indexBox p.heart {
  background-image: url('images/indexBoxHeart.gif');
}
div.indexBox p.summit {
  position: relative;
  top: 10px;
  right: 72px;
}
div.indexBox p.calendar {
  background-image: url('images/indexBoxCalendar.gif');
}
div.indexBox p.projector {
  background-image: url('images/indexBoxProjector.gif');
}
div.indexBox p.conference {
  background-image: url('images/indexBoxConference.gif');
}

div#introBackground div#innerIntro {
  background: url('images/workingWoman.gif') no-repeat top left;
  height: 126px;
  border-top: 3px solid #4C899B;
  border-bottom: 3px solid #C2D025;
}
ul#leftNav {
  float: left;
  width: 240px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 38px;
}
ul#leftNav li {
  margin-bottom: 10px;
  display: block;
}
ul#leftNav li a {
  display: block;
  height: 23px;
  padding-top: 7px;
  padding-left: 8px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background: url('images/leftNav.gif') no-repeat top left;
  font-size: 13px;
  font-family: 'robotoregular', sans-serif;
}
ul#leftNav li a:hover, ul#leftNav li a.active {
  background-image: url('images/leftNavHover.gif');
}

div#contentBox {
  float: left;
  margin-left: 43px;
  margin-top: 30px;
  background: url('images/contentBoxBottom.gif') no-repeat bottom left;
  width: 630px;
}
div#faq {
  float: left;
  margin-left: 160px;
  margin-top: 30px;
  background: url('images/contentBoxBottom.gif') no-repeat bottom left;
  width: 630px;
}
div#contentBoxEvent {
  float: left;
  margin-left: 43px;
  margin-top: 30px;
  background: url('images/contentBoxBottom.gif') no-repeat bottom left;
  width: 630px;
}

div#contentBoxEvent div#contentBoxContent {
  padding-left: 35px;
  padding-right: 30px;
  padding-top: 20px;
  font-family: 'robotoregular', sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 30px;
}

div#contentBox div#contentBoxTop {
  display: block;
  height: 22px;
  background: url('images/contentBoxTop.gif') no-repeat top left;
}
div#faq div#contentBoxTop {
  display: block;
  height: 22px;
  background: url('images/contentBoxTop.gif') no-repeat top left;
}
div#contentBox h1 {
  display: block;
  color: #3f3f3f;
  font-size: 18px;
  font-weight: normal;
  font-family: 'robotoregular', sans-serif;
  padding-left: 35px;
}
div#faq h1 {
  display: block;
  color: #3f3f3f;
  font-size: 18px;
  font-weight: normal;
  font-family: 'robotoregular', sans-serif;
  padding-left: 35px;
}

div#contentBox h2 {
  display: block;
  color: #3f3f3f;
  font-size: 15px;
  font-weight: normal;
  font-family: Georgia, Arial;
  margin: 15px 0px 20px 0px;
}
div#faq h2 {
  display: block;
  color: #3f3f3f;
  font-size: 15px;
  font-weight: normal;
  font-family: 'robotoregular', sans-serif;
  margin: 15px 0px 20px 0px;
}

div#contentBox h2.contributors {
  display: block;
  color: #3f3f3f;
  font-size: 15px;
  font-weight: normal;
 font-family: 'robotoregular', sans-serif;
  margin: 15px 0px 20px 0px;
}

div#contentBox h3 {
  display: block;
  color: #3f3f3f;
  font-size: 12px;
  font-weight: normal;
  font-family: 'robotoregular', sans-serif;
  margin: 20px 0px 10px 0px;
}
div#faq h3 {
  display: block;
  color: #3f3f3f;
  font-size: 12px;
  font-weight: normal;
  font-family: 'robotoregular', sans-serif;
  margin: 20px 0px 10px 0px;
}

div#contentBox a {
  color: #2E7496;
  text-decoration: none;
}

div#contentBox a:hover {
  text-decoration: underline;
}

div#contentBox sup {
  font-size: 85%;
}

div#contentBox ol {
  margin: 0px 0px 20px 20px;
  padding: 0px;
}

div#contentBox li {
  margin: 0px 0px 10px 0px;
}

div#contentBox ul {
  margin: 0px 0px 20px 10px;
  padding: 0px;
  list-style-type: none;
}

div#contentBox ul.pointList {
  margin: 0px 0px 20px 25px;
  padding: 0px;
  list-style-type: disc;
}

div#contentBox ul.pointList li {
  line-height: 17px;
}

div#contentBox div#contentBoxContent {
  padding-left: 35px;
  padding-right: 30px;
  padding-top: 20px;
  font-family: 'robotoregular', sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 30px;
}
div#faq div#contentBoxContent {
  padding-left: 35px;
  padding-right: 30px;
  padding-top: 20px;
  font-family: 'robotoregular', sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 30px;
}
div#contentBox div#contentBoxContent p {
  padding-bottom: 15px;
}

div#contentBox div#contentBoxContent p.footnote {
  font-size: 10px;
  line-height: 120%;
  border-top: 1px solid #AAA;
  padding-top: 5px;
  margin-top: 10px;
}

div#contentBox .contrib-right {
  float: right;
  width: 250px;
  margin: 0px 0px 20px 0px;
}

div#contentBox .contrib-left {
  float: left;
  margin: 0px 0px 20px 0px;
}

div#contentBox .contrib-right-gold {
  float: right;
  text-align: center;
  width: 350px;
  margin: 0px 0px 20px 0px;
}

div#contentBox .contrib-left-gold {
  float: left;
  text-align: center;
  margin: 0px 0px 20px 0px;
}


div#contentBox .contrib-right li, div#contentBox .contrib-left li {
  white-space: nowrap;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
}

div#contentBox .contrib-right-nologo {
  float: right;
  width: 235px;
  margin: 0px 0px 20px 0px;
}

div#contentBox .contrib-left-nologo {
  float: left;
  margin: 0px 0px 20px 20px;
}

div#contentBox .contrib-right-nologo li, div#contentBox .contrib-left-nologo li {
  white-space: nowrap;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
}


div#contentGoogleDocBox {
  float: left;
  margin-left: 43px;
  margin-top: 30px;
  background: url('images/contentBoxBottom.gif') no-repeat bottom left;
  width: 900px;
}

div#contentGoogleDocBox div#contentBoxTop {
  display: block;
  height: 22px;
  background: url('images/contentGoogleDocBoxTop.gif') no-repeat top left;
}

div#contentGoogleDocBox div#contentBoxContent {
  padding-left: 35px;
  padding-right: 30px;
  padding-top: 20px;
  font-family: 'robotoregular', sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 30px;
}

div#contentGoogleDocBox h2 {
  display: block;
  color: #6F8C4C;
  font-size: 15px;
  font-weight: normal;
  font-family: 'robotoregular', sans-serif;
  margin: 15px 0px 20px 0px;
}



/**** <table> used in funding-summit-recognition.php and sponsorship-suggested.php ***/
table.summaryBenefits {
  width: 100%;
  border-right: 1px solid #063A4B;
  line-height: 115%;
  font-size: 11px;
}

table.summaryBenefits td {
  padding: 8px 5px;
  border-top: 1px solid #063A4B;
  border-bottom: 1px solid #063A4B;
  border-left: 1px solid #063A4B;
}

table.summaryBenefits tr.headerRow th, table.summaryBenefits tr:hover.headerRow th {
  padding: 5px 10px;
  font-size: 13px;
  border-top: 1px solid #063A4B;
  border-left: 1px solid #063A4B;
}
table.summaryBenefits tr:hover th {
  background-color: #FFF;
}

table.summaryBenefits tr:hover {
  background-color: #E6E6E6;
}
table.summaryBenefits td.title {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background-color: #004860;
}

table.summaryBenefits td.rowTitle {
  text-align: left;
}

.slideshow {
  height: 126px;
  width: 158px;
}

.slideshow img {
  display: none;
  padding: 0px;
  border: 0px solid #ccc;
  background-color: #eee;
}

.slideshow img.first {
  display: block;
}


--------------------------------------------------
/************ FAQ ******************/

.faq-group {
  margin: 0 auto;
  max-width: 40em;
  width: 100%;
}
.faq-group h1 {
  text-align: center;
  font-family:"Flama Bold", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 1em;
}
.faq {
  position: relative;
  width: 100%;
}
.faq input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -999;
}
.faq label {
  background: #696973;
  color: #fff;
  display: block;
  font-family:"Flama Bold", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: medium;
  line-height: 1.5;
  padding:.5em 1.75em;
  margin-bottom: .5em;
  transition: letter-spacing .55s;
}
.faq input:focus + label,
.faq label:hover {
  background: #3f3f3f;
}
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: all .35s;
} 
.faq-content p {
  margin: 1em 3em;
}
.faq-content p a{
  text-decoration: none;
}
.faq input:checked ~ .faq-content {
  max-height: 21.25em;
}

@media only screen and (min-width: 721px) {
  .faq-group {
    margin: auto;
    width: 70%;
  }
}
-----------------------------------------------------

/******** About Page **********/
#container {
    width: 100%;
    max-width: 960px;
    margin: 50px auto;
}
/*----- Tabs -----*/
.tabs {
      width:100%;
      display:inline-block;
  }
   
      /*----- Tab Links -----*/
      /* Clearfix */
      .tab-links:after {
          display:block;
          clear:both;
          content:'';
      }
   
      .tab-links li {
          margin:0px 5px;
          float:left;
          list-style:none;
      }
   
          .tab-links a {
              padding:9px 15px;
              display:inline-block;
              border-radius:3px 3px 0px 0px;
              background:#696973;
              font-size:16px;
              font-family: "Flama Condensed Medium",  "Roboto Condensed",  "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
              font-weight:600;
              color:#fff;
              text-decoration:none;
              transition:all linear 0.15s;
          }
   
          .tab-links a:hover {
              text-decoration:underline;
          }
   
      li.active a, li.active a:hover {
          background:#004d65;
      }
   
      /*----- Content of Tabs -----*/
      .about-content {
          padding:15px;
          border-radius:3px;
          box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
          background:#fff;
      }
          .title {
              text-align: center;
              padding-bottom: 10px;
          }
            .text-formatting {
              padding-bottom: 10px;
              letter-spacing: 1px;
          }
            .list-formatting {
              padding-left: 15px;
              padding-bottom: 10px;
              letter-spacing: 1px;
          }
          .finance-formatting {
              padding-left: 15px;
              padding-bottom: 10px;
              list-style: none;
          }
            .finance-formatting a {
              text-decoration: none;
              line-height: 2em;
          }
            .about-pie-chart img {
              height: 225px;
              margin-left: 5%;
              padding: 20px 0;
          }
   
          .tab {
              display:none;
          }
   
          .tab.active {
              display:block;
          }

  @media screen and (max-width:420px) {

    .tab-links a {
      font-size: 0.8em;
      padding: 12px 8px 12px 10px;
    }