*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {
    font-size: 16px;
    font-family: "myriad-pro", "Myriad Pro Regular", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-weight: 300;
    margin: 0;
}
a:hover {
    color: #D14900;
}
#wrapper {
    width: 1170px;
    overflow: hidden;
    margin: 0 auto;
}
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.mobile .desktop {
    display: none;
}
img {
    max-width: 100%;
    height: auto;
}
/****************/
/**** HEADER ****/
#header {
    border-bottom: 3px solid #82CC2E;
    position: relative;
}
#header.menu-open {
    border: 0 none;
}
#header .secondary-nav {
    list-style: none;
    margin: 0;
    position: absolute;
    right: 9px;
    top: 24px;
}
#header .secondary-nav li {
    display: inline;
}
#header .secondary-nav .donate a {
    background-color: #FF5B00;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px;
    text-decoration: none;
    position: absolute;
    right: 50px;
}
body.fr #header .secondary-nav .donate a {
    width: 92px;
}
body.fr #header .logo {

}
#header .secondary-nav .menu a {
    text-indent: -999999px;
    white-space: nowrap;
    overflow: hidden;
    background: url('../images/wrapper/icon-menu-open-mobile.png') no-repeat center center transparent;
    display: block;
    width: 33px;
    height: 19px;
    position: absolute;
    top: 3px;
    left: 6px;
}
#header .secondary-nav .menu.down a {
    width: 43px;
    height: 45px;
    background: url('../images/wrapper/icon-menu-close-mobile.png') no-repeat center center transparent;
    top: -5px;
    left: 0;
}
/* Menu */
#menu {
    background-color: #33862B;
    margin: 0;
    padding: 0;
}
#sectional {
    margin: 0;
    padding: 0;
}
#menu > li {
    position: relative;
    overflow: hidden;
    margin: 0 5px;
    padding: 5px 0;
}
#menu > li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
#menu > li > a {
    text-decoration: none;
    display: inline-block;
}
#menu > li > a:first-child {
    color: #feffff;
    font: 300 18px Arial, Helvetica, sans-serif;
    width: 100%;
    padding: 14px 17px;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: none;
}
#menu ul a {
    text-decoration: none;
    color: #ffffff;
    font: 300 13px Arial, Helvetica, sans-serif;
    padding: 5px 16px;
    display: block;
}
#menu ul li:last-child a {
    border-bottom: 0;
}
#menu ul li.active > a {
    color: #a7a959;
}
#menu .toggle {
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 0;
    text-indent: -999px;
    top: 11px;
    white-space: nowrap;
}
#menu .toggle.off {
    background: url("../images/wrapper/icon-menu-right.png") no-repeat center center transparent;
    background-size: 14px 18px;
    width: 14px;
    height: 18px;
}
#menu .toggle.on {
    background: url("../images/wrapper/icon-menu-down.png") no-repeat center center transparent;
    background-size: 18px 14px;
    height: 14px;
    width: 18px;
}
/*#menu li.active .toggle.on {
    background: url("/assets/images/wrpr/mobile/icon-arrow-white-down.png") no-repeat center center transparent;
}
#menu .active .toggle.off {
    background: url("/assets/images/wrpr/mobile/icon-arrow-white-right.png") no-repeat center center transparent;
}*/
/* Sectional Nav */
#sectional.home {
    display: none !important;
}

/*** Header Top ***/
#header .header-top {
    background-color: #33862B;
    padding: 7px 3px 4px;
    overflow: hidden;
}
#header .header-top .row {
    float: right;
    overflow: hidden;
}
/* header utility */
#header .header-top .header-utility {
    margin: 0;
    padding: 4px 0 0;
    float: left;
    margin-right: 9px;
}
#header .header-top .header-utility li {
    display: inline-block;
    border-right: 1px solid #82CC2E;
    text-align: center;
    list-style: none;
}
#header .header-top .header-utility .language {
    padding: 0 13px;
}
#header .header-top .header-utility .media {
    padding: 0 12px;
}
#header .header-top .header-utility .blog {
    padding: 0 14px;
}
#header .header-top .header-utility li:last-child {
    border: 0;
}
#header .header-top .header-utility a {
    color: #fff;
    text-decoration: none;
}
#header .header-top .header-utility a:hover {
    color: #82CC2E;
}
/* search form */
#header .header-top .search {
    float: left;
    margin-right: 7px;
}
#header .header-top .search fieldset {
    background-color: #fff;
    width: 164px;
    height: 27px;
    display: inline-block;
    padding: 0;
}
#header .header-top .search input[type=text] {
    border: 0;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    font-size: 14px;
    width: 111px;
}
#header .header-top .search input[type=submit] {
    height: 25px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
    width: 36px;
    border: 0;
    background: url('../images/wrapper/icon-search.png') no-repeat center center transparent;
}
#header .header-top .search input[type=text]:focus {
    outline: none
}
/* social media */
#header .header-top .social-media {
    float: left;
    margin: 0;
    padding: 0;
}
#header .header-top .social-media li {
    list-style: none;
}
#header .header-top .social-media a {
    width: 26px;
    height: 27px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
#header .header-top .social-media .facebook {
    background: url('../images/wrapper/icons-social-media-1.png') no-repeat 0 center;
}
#header .header-top .social-media .twitter {
    background: url('../images/wrapper/icons-social-media-1.png') no-repeat -32px center;
}
#header .header-top .social-media .linkedin {
    background: url('../images/wrapper/icons-social-media-1.png') no-repeat -62px center;
}
#header .header-top .social-media .instagram {
    background: url('../images/wrapper/icons-social-media-1.png') no-repeat -92px center;
}
/*** Header Bottom ***/
#header .header-bottom {
    padding: 28px 42px 28px 23px;
}
#header .header-bottom .logo {
    float: left;
    position: relative;
    top: 2px;
}
/* navigation */
#navigation {
    margin: 0;
    padding: 0;
    background-color: #33862B;
    text-align: right;
    height: 27px;
}
#navigation p {
    float: right !important;
    margin: 0;
}
#navigation .separator {
    color: #82CC2E;
    display: inline-block;
    margin: 0 13px;
}
#navigation a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    height: 27px;
    line-height: 27px;
    display: inline-block;
}
#navigation .search a {
    width: 27px;
    height: 27px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url('../images/wrapper/icon-search-mobile.png') no-repeat center center transparent;
    display: inline-block;
    margin-left: 13px;
}
#header .links {
    float: right;
    margin: 12px 0 0;
}
#header .logo {
    width: 149px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url('../images/wrapper/logo-mobile.png') no-repeat center center transparent;
    background-size: 149px 45px;
    display: block;
    margin: 11px 0 13px 9px;
}
body.fr #header .logo {
    background: url('../images/wrapper/logo_fr.png') no-repeat center center transparent;
    background-size: 149px 41px;
}
#header.menu-open .logo {
    margin-bottom: 7px;
}
#navbar {
    float: left;
    padding: 0;
}
#navbar > li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #82CC2E;
    position: relative;
}
#navbar li:last-child,
#navbar li.last {
    border-right: 0;
}
#navbar > li > a {
    text-decoration: none;
    color: #4d4d4f;
    font-size: 21px;
    letter-spacing: -1px;
    word-spacing: 3px;
    padding: 6px 25px;
}
#navbar > li > a:hover {
    color: #D14900;
}
#header .header-bottom .donate {
    float: right;
    margin: 1px 0 0 15px
}
#header .header-bottom  .donate a {
    background-color: #FF5B00;
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    padding: 11px 21px;
}
#header .header-bottom .donate a:hover {
    background-color: #ed6521;
}
#navbar ul {
    display: none;
    padding: 28px 0 15px;
    background: url('../images/wrapper/bg-subnav.png') no-repeat center top rgba(165,207,70,.95);
}
#navbar li:hover ul {
    display: block;
    position: absolute;
    right: -10px;
    z-index: 9999;
}
#navbar ul li {
    list-style: none;
}
#navbar ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px 15px;
    width: 100%;
}
#navbar ul li a:hover {
    background-color: #80a53d;
}
/**** HEADER ****/
/****************/

/*******************/
/**** SLIDESHOW ****/

#slider {
    position: relative;
    border-bottom: 3px solid #0075e4;
    /*margin-bottom: -16px;*/
}
#slider .nav .prev {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 9px;
    margin: auto;
    width: 25px;
    height: 47px;
    background: url('../images/wrapper/icon-previous-mobile.png');
    z-index: 9999999;
}
#slider .nav .next {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 9px;
    margin: auto;
    width: 25px;
    height: 47px;
    background: url('../images/wrapper/icon-next-mobile.png');
    z-index: 9999999;
}
#slider.province .nav .next,
#slider.province .nav .prev {
    top: 140px;
}
#slider .pager {
    bottom: 22px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 9999999;
}
#slider .nav .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #e6e7e9;
    border-radius: 50%;
}
#slider .nav .dot.activeSlide {
    background-color: #FF5B00;
}
#slides {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#slides li {
    position: relative;
    list-style: none;
    width: 100%;
    overflow: hidden;
}
#slides .image-container {
    position: relative;
}
#slides img {
    width: 200%;
    height: auto;
    max-width: none;
}
#slides.province img {
    width: 100%;
    height: auto;
}
#slides .slide-content {
    background-color: #fff;
    padding: 18px 55px 60px;
    position: relative;
}
#slides.province .slide-content {
    top: 20px;
    bottom: auto;
}
#slides .slide-content h2{
    margin-top: 0;
    color: #0075e4;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.7px;
    border-bottom: 2px solid #00b6d1;
    display: block;
    padding-bottom: 4px;
    margin-bottom: 5px;
    line-height: 1.25em;
}
#slides .slide-content h2 a {
    text-decoration: none;
    color: #0075e4;
}
#slides .slide-content p {
    color: #4d4d4f;
    font-size: 16px;
    line-height: 1.3em;
    margin: 0px;
}
#slides .slide-content .read-more {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
#slides .slide-content .read-more a {
    font-size: 14px;
    text-transform: uppercase;
    color: #0075e4;
    font-weight: bold;
    text-decoration: none;
}
#slides .slide-content .read-more a:hover {
    color: #14bbd4;
}
#slides .slide-content .read-more a span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
#slides .slide-info {
    position: absolute;
    bottom: 4px;
    right: 0;
}
#slides .slide-info .toggle-info {
    display: block;
    float: right;
    height: 20px;
    width: 25px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
}
#slides .slide-info p {
    background-color: rgba(255, 255, 255, .85);
    color: #262626;
    float: right;
    font-size: 11px;
    margin: 0 25px -20px 0;
    padding: 5px;
    vertical-align: middle;
    width: 100%;
}
#slides .slide-info p{
    display: none;
}
#slides .slide-info:hover p {
    display: block;
}
/**** SLIDESHOW ****/

/********************************/
/**** HOMEPAGE: MAIN CONTENT ****/
main {
    padding: 16px;
}
/* top promo */
main .top-promo {
    font-size: 15px;
    color: #fff;
    margin: 0 -23px;
    background-color: #33862B;
    position: relative;
}
main .top-promo strong {
    color: #fff;
    font-weight: normal;
}
main .top-promo p {
    margin: 1px 250px 6px 30px;
    line-height: 1.5em;
    margin: 11px 28px 69px;
}
main .top-promo .connect-btn{
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;

}
main .top-promo .connect-btn a {
    background: #a5cf46 url("../images/wrapper/icon-arrow-green-mobile.png") no-repeat scroll 166px center;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 38px;
    line-height: 1.25em;
    margin: 0 auto 14px;
    padding: 8px 46px 8px 16px;
    text-decoration: none;
    width: 213px;
}
main .top-promo .connect-btn a:hover {
    background-color: #96c32f;
}

/* featured area */
main .featured-area {
    margin: 44px 0 50px 0;
}
main .featured-area .feature {
    width: 100%;
    margin: 30px 0;
}
main .featured-area .feature.first {
    margin-top: 18px;
}
main .featured-area .feature.last {
    margin-bottom: 0;
}
main .featured-area .feature .photo-container {
    position: relative;
}
main .featured-area .feature .photo-container img {
    display: block;
    height: auto;
    width: 100%;
}
main .featured-area .feature .photo-container .bottom {
    background: url('../images/wrapper/bg-featured-mobile.png') no-repeat center 0 transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10px;
    z-index: 999;
    display: block;
}
main .featured-area .feature .photo-container .photo-info {
    position: absolute;
    bottom: 10px;
    right: 0;
}
main .featured-area .feature .photo-container .photo-info p {
    display: none;
    float: left;
    margin: 0 30px 0 0;
    padding: 7px 15px;
    background-color: rgba(255, 255, 255, .85);
    font-size: 14px;
    line-height: 1em;
    color: #262626;
}
main .featured-area .feature .photo-container .photo-info:hover p {
    display: block;
}
main .featured-area .feature .photo-container .photo-info .info-icon {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 24px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
    z-index: 999;
}
main .featured-area .feature .feature-content {
    background-color: #F2F2F2;
    overflow: hidden;
    padding: 0 13px 10px;
}
main .featured-area .feature.even .feature-content {
    border-bottom: 5px solid #82CC2E;
}
main .featured-area .feature.odd .feature-content {
    border-bottom: 5px solid #33862B;
}
main .featured-area .feature .feature-content h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
main .featured-area .feature .feature-content h2 a:hover {
    color: #777;
}
main .featured-area .feature .feature-content p {
    font-size: 14px;
    line-height: 1.55em;
    margin-top: 2px;
}
main .featured-area .feature .feature-content p a,
main .featured-area .feature .feature-content h2 a {
    color: #000;
    text-decoration: none;
}
main .featured-area .feature .feature-content p a:hover {
    color: #999;
}
/* middle row */
main .middle.row {
    margin-bottom: 79px;
}
/* left column */
main .middle.row .col-left {
}
/* from our blog */
main .middle.row .from-our-blog {
    margin-bottom: 50px;
}
main .middle.row .the-numbers {
    margin-bottom: 50px;
}
main .middle.row .from-our-blog h2 {
    border-bottom: 2px solid #82CC2E;
    color: #33862B;
    font-size: 17px;
    margin: 0 0 16px;
    padding-bottom: 4px;
    letter-spacing: -0.03em;
}
main .middle.row .from-our-blog h2 a {
    color: #33862B;
    text-decoration: none;
}
main .middle.row .from-our-blog .photo-container {
    position: relative;
}
main .middle.row .from-our-blog .photo-container img {
    display: block;
    margin-top: 8px;
    max-width: none;
    width: 100%;
}
main .middle.row .from-our-blog .photo-container .photo-info {
    position: absolute;
    bottom: 0;
    right: 0;
}
main .middle.row .from-our-blog .photo-container .photo-info p {
    display: none;
    float: left;
    margin: 0 30px 0 0;
    padding: 7px 15px;
    background-color: rgba(255, 255, 255, .85);
    font-size: 14px;
    line-height: 1em;
    color: #262626;
}
main .middle.row .from-our-blog .photo-container .photo-info:hover p {
    display: block;
}
main .middle.row .from-our-blog .photo-container .photo-info .info-icon {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 24px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
}
main .middle.row .from-our-blog .blog-content {
    width: 100%;
}
main .middle.row .from-our-blog .blog-content h3 {
    font-weight: normal;
    font-size: 18px;
    margin: 16px 0 22px;
}
main .middle.row .from-our-blog .blog-content h3 a {
    color: #0075e4;
    text-decoration: none;
}
main .middle.row .from-our-blog .blog-content .date {
    margin: 0 0 10px;
    font-weight: bold;
    line-height: 1.25em;
    font-size: 12px;
}
main .middle.row .from-our-blog .blog-content p {
    margin: 5px 0 0;
    line-height: 1.5em;
    font-size: 15px;
}
main .middle.row .from-our-blog .blog-content .continue {
    font-size: 13px;
    text-transform: uppercase;
    color: #0075e4;
    font-weight: bold;
    text-decoration: none;
    margin-left: 12px;
}
main .middle.row .from-our-blog .blog-content .continue:hover {
    color: #14bbd4;
}
main .middle.row .from-our-blog .blog-content .continue span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
/* a glance at the numbers */
main .middle.row .the-numbers h2 {
    color: #33862B;
    border-bottom: 2px solid #82CC2E;
    font-size: 16px;
    padding-bottom: 4px;
    margin: 0;
}
/* right column */
main .middle.row .col-right {
}
main .middle.row .volunteer h2,
main .middle.row .newsletter h2,
main .middle.row .special-events h2 {
    color: #33862B;
    border-bottom: 2px solid #82CC2E;
    font-size: 17px;
    padding-bottom: 4px;
    margin: 0 0 19px;
    letter-spacing: -0.03em;
}
/* volunteer with us */
main .middle.row .volunteer {
    margin-bottom: 55px;
}
main .middle.row .volunteer img {
    display: block;
    margin: 0 auto 1em;
}
main .middle.row .volunteer a.btn {
    background-color: #33862B;
    color: #fff;
    font-size: 20px;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 5px 0 0;
    padding: 12px 0;
    font-weight: bold;
}
main .middle.row .volunteer a.btn:hover {
    background-color: #39a349;
}
main .middle.row .volunteer a.btn span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo-white.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 2px;
    margin-left: 5px;
}
/* newsletter */
main .middle.row .newsletter {
    margin-bottom: 37px;
    display: none; /* Remove this if needed */
}
main .middle.row .newsletter h2 {
    margin: 0 0 10px;
}
main .middle.row .newsletter a.btn,
main .middle.row .newsletter button.btn,
.blog main.two-column > aside .newsletter .btn {
    background-color: #FF5B00;
    color: #fff;
    font-size: 20px;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 5px 0 0;
    padding: 12px 0;
    font-weight: bold;
    width: 100%;
    border: 0;
}
main .middle.row .newsletter input[type="text"],
main .middle.row .newsletter select,
main .bottom-area .newsletter input[type="text"],
main .bottom-area .newsletter select,
.blog main.two-column > aside .newsletter input[type="text"],
.blog main.two-column > aside .newsletter select {
    width: 100%;
    background-color: #fff;
    margin-bottom: .75em;
    padding: 10px 16px;
    border: 0;
}
main .middle.row .newsletter .btn:hover,
.blog main.two-column > aside .newsletter .btn:hover {
    background-color: #ed6521;
}
main .middle.row .newsletter form,
main .middle.row .newsletter .hide,
main .bottom-area .newsletter form,
main .bottom-area .newsletter .hide,
.blog main.two-column > aside .newsletter form,
.blog main.two-column > aside .newsletter .hide {
    display: none !important;
}
main .middle.row .newsletter .visible,
main .bottom-area .newsletter .visible,
.blog main.two-column > aside .newsletter .visible {
    display: block !important;
}
/* special events */
main .middle.row .special-events {

}
main .middle.row .special-events h2 {
    margin: 0 0 28px;
}
main .middle.row .special-events .event {
    margin-bottom: 19px;
}
main .middle.row .special-events .event .date {
    border-radius: 50%;
    color: #fff;
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    margin: 0 0 0 5px;
    padding: 8px 0 0 0;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
main .middle.row .special-events .event.even .date {
    background-color: #33862B;
}
main .middle.row .special-events .event.odd .date {
    background-color: #33862B;
}
main .middle.row .special-events .event .day {
    display: block;
    font-size: 22px;
    margin-bottom: -6px;
}
main .middle.row .special-events .event .month,
main .middle.row .special-events .event .year {
    font-size: 12px;
}
main .middle.row .special-events .event .info {
    padding-top: 7px;
    margin: 0 0 0 92px;
}
main .middle.row .special-events .event .event-title {
    font-size: 18px;
    margin: 0 0 3px;
}
main .middle.row .special-events .event .event-title a {
    color: #000;
    text-decoration: none;
}
main .middle.row .special-events .event .event-location {
    font-size: 16px;
    margin: 0;
}
main .middle.row .special-events .see-all-events {
    text-align: center;
    margin: 31px 0 0 10px;
}
main .middle.row .special-events .see-all-events a {
    font-size: 16px;
    text-transform: uppercase;
    color: #0075e4;
    font-weight: bold;
    text-decoration: none;
}
main .middle.row .special-events .see-all-events a:hover {
    color: #14bbd4;
}
main .middle.row .special-events .see-all-events a span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
/* bottom row */
main .bottom.row {
    margin: 0 10px 82px;
}
main .bottom.row .featured-species {
    margin-bottom: 50px;
}
main .bottom.row .featured-species .content {
    margin: 10px 0 0 0;
}
main .bottom.row .featured-species h2 {
    margin: 20px 0 0 0;
    font-size: 21px;
    font-weight: normal;
}
main .bottom.row .featured-species h2 a {
    text-decoration: none;

    color: #0075e4;
}
main .bottom.row .featured-species p {
    margin: 9px 0 0 0;
    line-height: 1.5em;
}
main .bottom.row .featured-species .continue {
    display: none;
}
main .bottom.row .featured-species .continue:hover {
    color: #14bbd4;
}
main .bottom.row .featured-species .continue span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
main .bottom.row .featured-species img {
    display: block;
    width: 100%;
}
main .bottom.row .plan-legacy {
    margin-left: 8px;
    position: relative;
}
main .bottom.row .plan-legacy img {
    display: block;
}
main .bottom.row .plan-legacy a {
    text-decoration: none;
    color: #000;
}
main .bottom.row .plan-legacy h2 {
    font-size: 21px;
    font-weight: normal;
    margin: 20px 0 0;
}
main .bottom.row .plan-legacy h2 a {
    color: #0075e4;
    text-decoration: none;
}
main .bottom.row .plan-legacy p {
    margin: 0 0 0 0;
    line-height: 1.5em;
}
/* bottom area */
main .bottom-area  {
    margin: 0 10px 28px;
}
/* column 1 */
main .bottom-area .col-1 {
    width: 100%;
}
main .bottom-area .col-2 {
}
main .bottom-area .col-3 {
    width: 100%;
}
main .bottom-area .col-1 .supporter-spotlight {
    background-color: #f2f2f2;
    padding: 19px 14px 12px;
    margin-bottom: 50px;
}
main .bottom-area .col-1 .supporter-spotlight h2 {
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #33862B;
    margin: 0 0 17px 0;
}
main .bottom-area .col-1 .supporter-spotlight img {
    margin: 0 auto;
    max-width: 258px;
    max-height: 141px;
}
main .bottom-area .col-1 .supporter-spotlight .logo-container {
    width: 258px;
    height: 141px;
    background-color: #fff;
    display: table;
    margin: 0 auto;
}
main .bottom-area .col-1 .supporter-spotlight a {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
main .bottom-area .newsletter {
    background-color: #f2f2f2;
    padding: 4px 29px 27px;
    margin-bottom: 50px;
}
main .bottom-area .col-3 .newsletter {
    padding: 0 0 27px 0;
}
main .bottom-area .newsletter h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 1px;
}
main .bottom-area .newsletter a.btn,
main .bottom-area .newsletter button.btn {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background-color: #FF5B00;
    padding: 12px 0;
    text-decoration: none;
    border: 0;
    width: 100%;
}
main .bottom-area .newsletter a.btn:hover,
main .bottom-area .newsletter button.btn:hover {
    background-color: #ed6521;
}
/* column 2 */
main .bottom-area .col-2 .ad {
    background: #f2f2f2;
    padding: 15px 15px 9px;
    margin-bottom: 50px;
}
main .bottom-area .logos {
    margin-bottom: 50px;
}
main .bottom-area .logos img {
    display: block;
    margin: 0 auto;
    padding: 0 0 0 18px;
}
/**** HOMEPAGE: MAIN CONTENT ****/
/********************************/

/***********************/
/**** INTERIOR PAGE ****/
#head-image {
    position: relative;
    overflow: hidden;
    height: 175px;
}
#head-image img {
    display: block;
    width: auto;
    max-width: none;
    height: 175px;
}

#slides .slide-info .toggle-info {
    display: block;
    float: right;
    height: 20px;
    width: 25px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
}
#slides .slide-info p {
    background-color: rgba(255, 255, 255, .85);
    color: #262626;
    float: right;
    font-size: 11px;
    margin: 0 25px -20px 0;
    padding: 5px;
    vertical-align: middle;
    width: 100%;
}


#head-image .photo-info {
    position: absolute;
    bottom: 0;
    right: 0;
}
#head-image .photo-info p {
    background-color: rgba(255, 255, 255, .85);
    color: #262626;
    float: right;
    font-size: 11px;
    margin: 0 25px -20px 0;
    padding: 3px 0 3px 34px;
    vertical-align: middle;
    width: 100%;
    display: none;
}
#head-image .photo-info:hover p {
    display: block;
}
#head-image .photo-info .info-icon {
    display: block;
    float: right;
    height: 20px;
    width: 25px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
}
main.two-column {
    padding: 0;
}
main.two-column > article {
    width: 100%;
    padding: 16px;
}
main.two-column > aside {
    width: 100%;
}
/*Breadcrumbs*/
main > article a {
    color: #0075e4;
}
main > article .breadcrumbs {
    margin: 0 0 24px;
}
main > article .breadcrumbs a,
main > article .breadcrumbs .breadcrumbItem {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}
main > article .breadcrumbs .breadcrumbseparator {
    font-size: 11px;
    line-height: 12px;
}
main > article .intro h1 {
    font-weight: normal;
    font-size: 24px;
    color: #0075e4;
    margin-top: 18px;
}
main > article .intro p {
    font-size: 15px;
    line-height: 1.75em;
}
main > article .stories-from-the-field h2 {
    color: #33862B;
    font-size: 22px;
    padding-bottom: 4px;
    margin: 22px 0 20px;
    border-bottom: 3px solid #82CC2E;
}
main > article .stories-from-the-field .photo-container,
main > article .province-features .feature .photo-container {
    position: relative;
    /*max-width: 275px;*/
}
main > article .stories-from-the-field .photo-container img,
main > article .province-features .feature .photo-container img {
    display: block;
    margin-top: 8px;
    width: 100%;
}
main > article .stories-from-the-field .photo-container .photo-info,
main > article .province-features .feature .photo-container .photo-info {
    position: absolute;
    bottom: 0;
    right: 0;
}
main > article .stories-from-the-field .photo-container .photo-info p,
main > article .province-features .feature .photo-container .photo-info p {
    display: none;
    float: left;
    margin: 0 30px 0 0;
    padding: 7px 15px;
    background-color: rgba(255, 255, 255, .85);
    font-size: 14px;
    line-height: 1.6em;
    color: #262626;
}
main > article .stories-from-the-field .photo-container .photo-info:hover p,
main > article .province-features .feature .photo-container .photo-info:hover p {
    display: block;
}
main > article .stories-from-the-field .photo-container .photo-info .info-icon,
main > article .province-features .feature .photo-container .photo-info .info-icon {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 24px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
}
main > article .stories-from-the-field .story {
    margin-bottom: 50px;
}
main > article .stories-from-the-field .story .story-content {
    margin-top: 1em;
}
main > article .stories-from-the-field .story .story-content h3 {
    font-weight: normal;
    font-size: 24px;
    margin: 0;
}
main > article .stories-from-the-field .story .story-content h3 a {
    color: #0075e4;
    text-decoration: none;
}
main > article .stories-from-the-field .story .story-content h3 a:hover {
    color: #14bbd4;
}
main > article .stories-from-the-field .story .story-content p {
    margin: 5px 0 0;
    line-height: 1.75em;
}
main > article .stories-from-the-field .story .story-content .continue {
    font-size: 14px;
    text-transform: uppercase;
    color: #0075e4;
    font-weight: bold;
    text-decoration: none;
    margin-left: 12px;
}
main > article .stories-from-the-field .story .story-content .continue:hover {
    color: #14bbd4;
}
main > article .stories-from-the-field .story .story-content .continue span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
main > article .province-features .feature.even {
    margin-left: 0;
}
main > article .province-features .feature.odd {
    margin-right: 0;
}
main > article .province-features .feature h2 {
    color: #33862B;
    font-size: 22px;
    padding-bottom: 4px;
    margin: 2px 0 20px;
    border-bottom: 3px solid #82CC2E;
}
main > article .province-features .feature .feature-content {
    background-color: #f2f2f2;
    border-bottom: 9px solid #82CC2E;
    margin-bottom: 60px;
    clear: both;
}
main > article .province-features .feature.odd .feature-content {
    border-bottom: 9px solid #2c903b;
}
main > article .province-features .feature .feature-content p {
    margin: 18px 20px 20px;
    line-height: 1.4em;
}
main > article .province-features .feature .bottom {
    background: url('../images/wrapper/bg-featured-big.png') no-repeat center 0 transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 31px;
    z-index: 999;
    display: block;
}
main > article .province-features .feature .photo-container img {
    margin: 0;
}
main > article .province-features .feature .photo-container .photo-info  {
    position: absolute;
    bottom: 31px;
}
main > article .province-features .feature .continue {
    font-size: 14px;
    text-transform: uppercase;
    color: #0075e4;
    font-weight: bold;
    text-decoration: none;
    margin-left: 12px;
}
main > article .province-features .feature .continue:hover {
    color: #14bbd4;
}
main > article .province-features .feature .continue span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
main > article .promos .ad {
    width: 100%;
    border: 14px solid #f2f2f2;
    margin-bottom: 1em;
}
main > article .promos .ad p {
    line-height: 0;
    margin: 0;
}
main > article .promos .ad:first-child {
    margin-left: 0;
}
main > article .promos .ad:last-child {
    margin-right: 0;
}
/* Subnav */
main > aside #subnav {
    display: none;
}
main > aside {
    padding: 49px 38px 0;
}
main > aside #subnav,
main > aside ul {
    padding-left: 0;
}
main > aside #subnav .label,
main > aside #subnav > ul > li:first-child a {
    display: none;
}
main > aside #subnav li {
    list-style: none;
}
main > aside #subnav a {
    text-decoration: none;
    color: #4d4d4f;
    font-size: 18px;
    display: block;
}
main > aside #subnav a:hover,
main > aside #subnav li li.active a {
    color: #33862B;
}
main > aside #subnav li {
    padding-bottom: 16px;
    border-bottom: 1px solid #82CC2E;
    margin-bottom: 17px;
}
main > aside #subnav li.last {
    border-bottom: 0;
}
main > aside #subnav .label,
main > aside #subnav > li:first-child a {
    font-size: 21px;
    color: #0075e4 !important;
}
main > aside #subnav > li.parentOfActive > a {
    color: #33862B;
}
main > aside #subnav > li.parentOfActive.subMenu > a {
    color: #33862B;
    margin-bottom: 10px;
}
main > aside #subnav ul li{
    margin-bottom: 0;
    border: 0;
    margin-left: 16px;
}
main > aside #subnav ul li a {
    color: #4d4d4f;
    font-size: 14px;
}
main > aside #subnav ul li {
    padding-bottom: 10px;
}
main > aside #subnav ul li.last {
    padding-bottom: 0;
}
main > aside #subnav > li.subMenu > a {
    margin-bottom: 10px;
}
/* /Subnav */
/* Interior */
main > article .featured-image.photo-container {
    position: relative;
    max-width: 276px;
    margin: 0 18px 35px 0;
}
main > article .featured-image.photo-container img {
    display: block;
}
main > article .featured-image.photo-container .photo-info {
    position: absolute;
    bottom: 0;
    right: 0;
}
main > article .featured-image.photo-container .photo-info p {
    display: none;
    float: left;
    margin: 0 30px 0 0;
    padding: 7px 15px;
    background-color: rgba(255, 255, 255, .85);
    font-size: 14px;
    line-height: 1.6em;
    color: #262626;
}
main > article .featured-image.photo-container .photo-info:hover p {
    display: block;
}
main > article .featured-image.photo-container .photo-info .info-icon {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 24px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
}
main > article h1 {
    margin: 45px 0 5px;
    color: #0075e4;
    font-size: 24px;
    font-weight: normal
}
main > article h1.title {
    margin-top: 0;
}
main > article h2 {
    margin: 45px 0 3px;
    color: #33862B;
    font-size: 20px;
}
main > article h3,
main > article h6 {
    margin: 5px 0 22px;
    color: #0075e4;
    font-size: 19px;
    font-weight: normal
}
main > article h6,
main > article h6 a {
    color: #33862B;
	text-decoration: none;
}
main > article p {
    margin: 0 0 1em;
    font-size: 15px;
    line-height: 1.75em;
}
main > article ul {
    padding-left: 16px;
    margin: 0 0 1em;
}
main > article p + ul {
    margin-top: -10px;
}
main > article li {
    font-size: 16px;
    margin-bottom: .75em;
}
/* Comments */
main > article #comments {
    margin: 55px 0 27px;
}
main > article #comments h3,
main > article #leave-comment h3{
    font-size: 28px;
    letter-spacing: 1px;
    margin: 0 0 11px 4px;
}
main > article #comments .left strong {
    display: block;
    font-size: 23px;
    font-weight: bold;
}
main > article #comments .left small {
    font-size: 17px;
    font-weight: bold;
}
main > article #comments .right {
    line-height: 1.75em;
    margin-top: 0.5em;
}
main > article #comments h2 {
    color: #0075e4;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 0.5em;
}
main > article #comments ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin-bottom: 1em;
}
main > article #comments li {
    background-color: #fafafa;
    margin: 0;
    display: block;
    float: left;
    clear: both;
    padding: 19px 30px;
    width: 100%;
}
main > article #comments li:nth-child(odd) {
    background-color: #f2f2f2;
}
main > article #comments .comments-meta h4 {
    margin: 0 0 0 0;
    font-size: 21px;
}
main > article #comments .comments-meta p {
    margin: 8px 0 8px;
    font-size: 16px;
    line-height: 1em;
}
main > article #comments p {
    line-height: 2em;
    font-size: 16px;
}
main > article #leave-comment input[type="text"],
main > article #leave-comment textarea {
    background-color: #f2f2f2;
    border: 0;
    padding: 0 10px;
    font-size: 18px;
}
main > article #leave-comment input[type="text"] {
    width: 275px;
}
main > article #leave-comment textarea {
    width: 100%;
    padding: 6px 10px;
}
main > article #supporter {
    margin-right: 10px;
}
main > article #leave-comment .captchaImages {
    margin-bottom: 25px;
}
main > article #leave-comment .button-publish {
    background-color: #0075e4;
    border: 0 none;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    height: 50px;
    margin-top: 50px;
}
main > article small#cmt-email,
main > article small#cmt-name {
    font-size: 16px;
}

/* volunteer with us */
main > article .volunteer {
    margin-bottom: 10px;
}
main > article .volunteer img {
    display: block;
    margin: 0 auto 1em;
}
main > article .volunteer a.btn {
    background-color: #33862B;
    color: #fff;
    font-size: 16px;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 1px 0 0;
    padding: 5px 0;
    font-weight: bold;
}


/****************/
/**** FOOTER ****/

/* footer top */
#footer .footer-top {
    background-color: #33862B;
    color: #fff;
    padding: 16px;
    text-align: center;
}
#footer .footer-top a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 6px;
    text-decoration: none;
}
/* footer bottom */
#footer .footer-bottom {
    background-color: #8AD237;
    padding: 34px 13px;
}
#footer .footer-bottom ul {
    margin: 0;
    padding: 0;
}
#footer .footer-bottom li {
    list-style: none;
    color: #1C5926;
    display: inline;
}
#footer .footer-bottom a {
    color: #1C5926;
    text-decoration: none;
    font-size: 14px;
}
#footer .footer-bottom a:hover {
    text-decoration: underline;
}
#footer .footer-bottom .footer-utility {
    float: left;
    margin: 7px 30px;
}
#footer .footer-bottom .footer-utility li a {
    border-right: 1px solid #1C5926;
    padding: 0 5px 0 0;
}
#footer .footer-bottom .footer-utility li:last-child a {
    border-right: 0;
}
#footer .footer-bottom .social-media {
    margin: 0 auto 10px;
    width: 183px;
}
#footer .footer-bottom .social-media a {
    background: url('../images/wrapper/icons-social-media-3.png') no-repeat 0 0 transparent;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#footer .footer-bottom .social-media a.facebook {
    background-position: 0 0;
}
#footer .footer-bottom .social-media a.twitter {
    background-position: -31px 0;
}
#footer .footer-bottom .social-media a.youtube {
    background-position: -63px 0;
}
#footer .footer-bottom .social-media a.linkedin {
    background-position: -94px 0;
}
#footer .footer-bottom .social-media a.pinterest {
    background-position: -125px 0;
}
#footer .footer-bottom .social-media a.instagram {
    background-position: -157px 0;
}
#footer .footer-bottom .footer-links {
    text-align: center;
    margin-bottom: 16px;
}
#footer .footer-bottom .footer-links a {
    font-size: 13px;
}
#footer .footer-bottom .footer-links .separator {
    color: #1C5926;
    margin: 0 3px;
}
#footer .footer-bottom .search {
    margin: 0 auto;
    width: 166px
}
#footer .footer-bottom .search fieldset {
    background-color: #fff;
    width: 164px;
    height: 27px;
    display: inline-block;
    padding: 0;
    border: 0;
}
#footer .footer-bottom .search input[type=text] {
    border: 0;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
    font-size: 14px;
    width: 111px;
}
#footer .footer-bottom .search input[type=submit] {
    height: 25px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    float: right;
    width: 36px;
    border: 0;
    background: url('../images/wrapper/icon-search.png') no-repeat center center transparent;
}
#footer .footer-bottom .search input[type=text]:focus {
    outline: none
}
/**** BLOG ****/
.blog main.two-column > aside {
    background-color: transparent;
    width: 100%;
    padding: 16px 16px 0;
}
.blog main.two-column > article {
    width: 100%;
    padding: 20px 10px 0;
}
.blog main.two-column > aside .volunteer,
.blog main.two-column > aside .blogger-outreach,
.blog main.two-column > aside .newsletter {
    margin: 54px 0;
}
.blog main.two-column > aside .volunteer {
    margin-top: 0;
}
.blog main.two-column > aside .volunteer h2,
.blog main.two-column > aside .blogger-outreach h2,
.blog main.two-column > aside .newsletter h2 {
    color: #33862B;
    border-bottom: 3px solid #82CC2E;
    font-size: 22px;
    padding-bottom: 4px;
    margin: 0 0 19px;
}
.blog main.two-column > aside .categories,
.blog main.two-column > aside .recent-posts,
.blog main.two-column > aside .blog-roll {
    background-color: #f2f2f2;
    padding: 18px 10px 27px 26px;
    margin: 43px 0 59px;
}
.blog main.two-column > aside .categories h1,
.blog main.two-column > aside .recent-posts h1,
.blog main.two-column > aside .blog-roll h1 {
    margin: 0 0 22px 0;
    font-size: 24px;
    font-weight: normal;
    color: #0075e4;
}
.blog main.two-column > aside .recent-posts h1 {
    margin-bottom: 13px;
}
.blog main.two-column > aside .blog-roll {
    margin-bottom: 22px;
}
.blog main.two-column > aside .awards img {
    display: block;
    margin: 0 auto;
}
.blog main.two-column > aside .volunteer a.btn {
    background-color: #33862B;
    color: #fff;
    font-size: 20px;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 5px 0 0;
    padding: 12px 0;
    font-weight: bold;
}
.blog main.two-column > aside .blogger-outreach a.btn,
.blog main.two-column > aside .newsletter a.btn {
    color: #fff;
    font-size: 20px;
    display: block;
    text-decoration: none;
    text-align: center;
    margin: 5px 0 0;
    padding: 12px 0;
    font-weight: bold;
}
.blog main.two-column > aside .blogger-outreach a.btn {
    background-color: #0075e4;
}
.blog main.two-column > aside .newsletter a.btn {
    background-color: #ef692e;
}
.blog main.two-column > aside .read-more a,
.blog main.two-column > article .read-more a {
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #0075e4;
    font-weight: bold;
}
.blog main.two-column > aside .read-more span,
.blog main.two-column > article .read-more span {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
.blog main.two-column > aside .recent-posts h2 {
    margin: 0;
    line-height: 1em;
}
.blog main.two-column > aside .recent-posts .date {
    margin-top: 0;
    font-size: 14px;
    font-weight: normal;
}
.blog main.two-column > aside .recent-posts h2 a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    margin-bottom: 5px;
}
.blog main.two-column > aside .blog-roll ul {
    list-style: none;
}
.blog main.two-column > aside .blog-roll ul a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
}
.blog main.two-column > aside .rss-feed a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding-left: 31px;
    display: block;
    height: 22px;
    line-height: 22px;
    background: url('../images/wrapper/icon-rss.gif') no-repeat center left transparent;
}
.blog main.two-column > aside .categories ul {
    list-style: none;
}
.blog main.two-column > aside .categories .left {
    float: left;
    width: 40%;
    margin: 0 10% 0 0;
}
.blog main.two-column > aside .categories .right {
    float: right;
    width: 50%;
    margin: 0;
}
.blog main.two-column > aside .categories li {
    font-size: 14px;
    margin-bottom: 10px;
}
.blog main.two-column > aside .categories li:last-child {
    margin-bottom: 0;
}
.blog main.two-column > aside .categories a {
    color: #000;
    text-decoration: none;
}
.blog #header {
    border-bottom: 0;
}
#blog-header {
    position: relative;
}
#blog-header .search_block {
    position: absolute;
    top: 90px;
    right: 40px;
}
#blog-header .search_block input[type="text"] {
    border: none;
    font-size: 19px;
    color: #3c3c3c;
    width: auto;
    height: auto;
    padding: 12px 0 12px 11px;
    margin-right: 50px;
    font-weight: normal;
}
#blog-header .search_block input[type="text"]:focus {
    outline:none;
}
#blog-header .search_block input[type="image"] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 14px;
}
#blog-header .search_block fieldset {
    border-style: none;
    background-color: #fff;
    position: relative;
    margin: 0;
    padding: 0;
}
#blog-header img {
    width: 100%;
}
.blog main.two-column > article .photo-container {
    position: relative;
    margin-bottom: 1em;
}
.blog main.two-column > article.single-post .photo-container {
    margin: 0 16px 16px 0;
}
.blog main.two-column > article .photo-container img {
    display: block;
    margin-top: 8px;
}
.blog main.two-column > article .photo-container .photo-info {
    position: absolute;
    bottom: 0;
    right: 0;
}
.blog main.two-column > article .photo-container .photo-info p {
    display: none;
    float: left;
    margin: 0 30px 0 0;
    padding: 7px 15px;
    background-color: rgba(255, 255, 255, .85);
    font-size: 14px;
    line-height: 1.6em;
    color: #262626;
}
.blog main.two-column > article .photo-container .photo-info:hover p {
    display: block;
}
.blog main.two-column > article .photo-container .photo-info .info-icon {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 24px;
    background: url('../images/wrapper/icon-info-small.png') no-repeat center center rgba(255, 255, 255, .65);
}
.blog main.two-column > article.single-post p {
    font-size: 18px;
}
.blog main.two-column > article.single-post a {
    color: #0075e4;
    text-decoration: none;
}
.blog main.two-column > article.single-post h1 {
    margin: 0 0 1em;
}
.blog main.two-column > article.single-post .blog-meta {
    font-size: 14px;
}
.blog main.two-column > article.single-post .blog-meta a {
    color: #000;
}
.blog main.two-column > article.single-post .blog-meta .comments a {
    text-decoration: none;
}
.blog main.two-column > article.single-post .author-box {
    border: 1px solid #33862B;
    padding: 10px;
}
.blog main.two-column > article.single-post .author-box img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 28.36%;
}
.blog main.two-column > article.single-post .author-box p {
    font-size: 16px;
    line-height: 1.25em;
}
.blog main.two-column > article.single-post .author-box h3 {
    margin: 0 0 10px;
    font-size: 21px;
}
.blog main.two-column > article.single-post .author-box .read-more {
    text-align: right;
}
.blog main.two-column > article.single-post .blog-caption {
    font-size: 90%;
}
.blog main.two-column > article.single-post .show_hide_related {
    color: #33862B;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.blog main.two-column > article.single-post .mobile-related-content ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.blog td.pg-items {
    display: none;
}
.blog-description {
    font-size: 19px;
    color: #262626;
    margin: 25px 0;
    line-height: 1.5em;
}
.blog-description a {
    color: #33862B;
    text-decoration: none;
}
#sidebar {
padding: 34px 0;
width: 100%;
}
#sidebar h3{
font-family: 'Lato', sans-serif;
font-weight: normal;}

#sidebar .donate {
padding: 0 0 25px;
width: 230px;
margin: 0 auto;
}
#blog-roll, #recent-posts {display: none;}
.blogbox {
background-color:#f8f7f5;
font: 15px 'Lato', sans-serif;
padding:10px;
margin-bottom:35px;
}
.blogbox p {margin-bottom:1.25em; line-height:18px;}
.blogbox li {line-height:24px; font: 14px 'Lato', sans-serif;}
.blogbox a {color:#0075e4; text-decoration:none; font: 14px 'Lato', sans-serif;}
.blogbox li {
    overflow: hidden;
}
.blogbox li a {
    background-color: #33862B;
    color: #FFFFFF;
    font: 700 18px Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 42px;
}
.blogbox ul {
    margin: 3px 0;
    list-style: none;
    padding: 0;
}
.blogbox ul a {
    text-decoration: none;
    color: #0075e4;
    font: 700 13px Arial, Helvetica, sans-serif;
    padding: 13px 26px;
    display: block;
    background-color: #f8f7f5;
    margin: 1px 0;
}
.sidebar-header {
    font-size: 18px;
    font-weight:600;
    text-transform:uppercase;
    background-color:#33862B;
    height:42px;
    line-height:42px;
    margin-top: 2px;
    padding: 0 16px;
}
.sidebar-header a {
    color: #fff;
    text-decoration: none;
}
.blogbox ul.left, .blogbox ul.right {
    width:130px;
    margin-bottom: 15px;
}
.blogbox ul.left {float:left;}
.blogbox ul.right {float:right;}

.blogbox .date {
    font-size:12px;
    color:#636363;
    line-height:12px;
    margin-bottom:.25em;
}
.blogbox.blogroll p {margin-bottom:.25em;}
.blogbox p.small-link {margin-bottom:0;}
.blogbox p.small-link a {font: 14px 'Raleway', sans-serif; color:#737a20; text-align:right; display:block;}
.more-blogroll{display:none;}


p.more-link a, p.rss-link a{font: 600 18px 'Raleway', sans-serif; color:#028fbe; display:block; text-align:center; margin-bottom:35px; }
p.more-link a{background:url(/assets/images/wrpr/arrow-bg.png) 95% no-repeat; height:20px; padding-right:75px; text-align:right; margin-bottom: 15px;}
p.rss-link img{vertical-align: middle; padding-right: 5px;}

.sidebar > div#item-246110985 > div.section {padding:20px 30px 35px; border-top:1px solid #f8f7f5; border-bottom:1px solid #f8f7f5;}
.sidebar h3 {font: 18px 'Lato', sans-serif; color:#0075e4;}
.sidebar  div.section p {font-size:14px; color:#666666; margin-bottom:1em;}
#sidebar .tab_content {margin:0 auto 15px auto;}
#sidebar .tabs {width:235px; margin:35px auto 0;}

/* Blog posts */
.blog-post {
    border-bottom: 3px solid #a4cf46;
    overflow: hidden;
}
.blog-post p.post-meta {
    font-size:14px;
    color:#262626;
    margin:0 !important;
}
.blog-post .post-meta .date {
    font-weight: bold;
}
.blog-post .post-meta .author a {
    color: #262626;
}
.blog-post .post-meta .comments a {
    color: #262626;
    text-decoration: none;
}
.blog-post h2 {
    font-size: 24px;
    font-weight: normal;
    color:#0075e4;
    margin:18px 0;
}
.blog-post h2 a, .blog-post h2 a:link, .blog-post h2 a:visited, #content .blog-post h2 a, #content .blog-post h2 a:link, #content .blog-post h2 a:visited{
    color:#0075e4 !important;
    text-decoration:none
}

.blog-post h3 {font: bold 16px 'Lato', sans-serif; color:#333333; margin:18px 0 18px;}

.blog-post ul {
    color: #444444;
    font-family: 'Lato',sans-serif;
    font-size:16px;
    list-style: disc outside;
    padding-bottom: 10px;
}

.blog-post ol {
  color: #444444;
  font-family: 'Lato',sans-serif;
  font-size:16px;
  list-style: decimal outside;
  padding-bottom: 10px;
}

.blog-post li {
    margin:0 0 10px 20px;
    line-height: 20px;
}
.blog-post .blog-post-container {
    margin-top: 1em;
}
.blog-post .image-container {float:left; width:275px;margin-right:20px;}
.blog-post .image {border:3px solid #f2f3ee;
  -moz-box-shadow:    0px 0px 10px 0px #ccc;
  -webkit-box-shadow: 0px 0px 10px 0px #ccc;
  box-shadow:         0px 0px 10px 0px #ccc;
  }
.blog-post p {font-size:15px;}
.blog-post p.blog-caption {font: 10px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;padding:8px 5px; margin-bottom: 5px;}
.blog-post p.more-link a {background-position:right; padding-right:65px;margin-top:35px;}
.blog-post-footer,
.blog-post-subfooter {
    margin: 0;
    padding: 10px 0;
}
.blog-post-footer {
    margin-bottom: 44px;
}
.blog-post-subfooter{padding: 30px;}

.blog-post-footer.single {
            -webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border: 1px solid #e87d1e;
border-top:none;
}
.blog-post-footer p.blog-categories,
.blog-post-footer p.blog-tags {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
}
.blog-post-footer p.blog-categories a,
.blog-post-footer p.blog-tags a,
.blog-post-footer p.blog-categories .comma,
.blog-post-footer p.blog-tags .comma {
    font-weight: normal;
    color: #33862B;
    font-size: 12px;
    text-decoration: none;
}

#pagination {font: 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; margin:20px;}
#pagination span {margin:8px; display:inline-block;}

.single-post-footer {
    border-top: 3px solid #82CC2E;
    padding-top: 15px;
}
.blog main.two-column > article.single-post .single-post-footer .blog-categories,
.blog main.two-column > article.single-post .single-post-footer .blog-tags {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
}
.blog main.two-column > article.single-post .single-post-footer .blog-categories a,
.blog main.two-column > article.single-post .single-post-footer .blog-categories .comma,
.blog main.two-column > article.single-post .single-post-footer .blog-tags a,
.blog main.two-column > article.single-post .single-post-footer .blog-tags .comma {
    font-weight: normal;
    color: #33862B;
}

.single p {margin-bottom:20px;}
div.related { border-bottom:1px solid #f8f7f5; padding-bottom:15px;}
div.related h3 {
    margin-bottom: 10px;
    font-size: 22px;
}
.related ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.blog-post-subfooter {background-color:#fff; margin-bottom: 30px;}
.blog-post-subfooter h3, .blog-post-subfooter h4, h3.comments {font-face:'Raleway', sans-serif; font-weight:600;color:#acae61; text-transform:uppercase; font-size:22px; margin-bottom:15px;}
.blog-post-subfooter h4 {font-size:19px;}
.blog-post-subfooter li{font-size:15px; list-style:none; margin-bottom:15px;}
.blog-post-subfooter li a {color:#0075e4;}
.blog-post-subfooter .author {border: 1px solid #acae61; padding:15px; width: 638px; margin-left: -17px;}
.blog-post-subfooter .author img {float:left;margin-right:10px; width: 180px;}
.blog-post-subfooter .author p {font-size:16px; margin-bottom:1em; }
.blog-post-subfooter .author .more-link a {padding-right:90px; margin-bottom:0;}
.addthis_toolbox {padding:25px 0;}
.blog-comment-list{margin-bottom: 25px;}
.blog-comment-list li{
background-color: #F8F7F5;
    color: #444444;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    padding: 20px;
    width: 655px;
    margin-bottom: 10px;}
.comments-meta{color: #3e8ca6; padding-top: 15px; }

h4.comments{font-face:'Raleway', sans-serif; font-weight:600;color:#acae61; font-size:21px; margin-bottom:15px;}

.newcomment-form input,  .newcomment-form textarea{border: 1px solid #0075e4; font-size: 14px;}
.newcomment-form input[type='text']{width: 236px; height: 34px; padding: 0 10px;}
.newcomment-form textarea{width: 538px; height: 60px; padding: 10px;}
.button-publish{    background: none repeat scroll 0 0 #0294C5;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
    padding: 10px 95px;}


.paginator{margin: 30px auto;}
.paginator td{padding: 0 8px;}
.paginator a {
    color: #0075e4;
    font: 14px 'Lato',sans-serif;
    text-decoration: none;}

#twitter li a, #facebook li a {
    color: #0075e4;
    line-height: 1.2em;
}

.tweetable {
    background:#F8F7F5;
    padding:1em;
    margin-left:1.5em;
    margin-right:2.5em;
    margin-bottom:1em;
    box-shadow:4px 4px 4px #a0a0a0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    color: #444444;
    line-height: 20px;
}

/*POLL Formatting */

.respondantTotal {
font-weight: bold;
justify-content: center;
text-align: right;
padding-top: 40px;
padding-right: 18px;
}
.responseRate {
visibility: hidden;
}
.resultsTitle {
visibility: hidden;
}
.resultsHeaderCell {
/*visibility: hidden;*/
text-align: left;
padding-left: 50px;
padding-top: 10px;
}
.responseRateHeader{
visibility: hidden;
width: 175px;
line-height: 1px;
}
td.labelCell {
padding-left: 50px;
}

/* Pagination */
.paginator,
.paginator a {
    color: #0075e4;
    font-weight: bold;
}
.paginator a,
.paginator .pg-curr {
    padding: 0 5px;
}
.paginator a {
    color: #000;
    font-weight: normal;
}
.paginator .pg-page {
    padding: 0;
}
.paginator .pg-items {
    display: none;
}
.paginator .pg-prev,
.paginator .pg-next {
    width: 14px;
    height: 19px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.paginator .pg-prev {
    background: url('../images/wrapper/icon-laquo.png') no-repeat center center transparent;
}
.paginator .pg-next {
    background: url('../images/wrapper/icon-raquo.png') no-repeat center center transparent;
}

/**** BLOG ****/
/**************/

/* Misc */

main ul.carousel-tabs {
    display: none;
}
.carousel-tabs-content.selected {
    display: block;
}
main .carousel-tabs-content .padding {
    margin-left: 0px;
}
.carousel-tabs-content .image,
.js-slider .image {
    float: left;
    max-width: 277px;
}
main .carousel-tabs-content .image img {
    float: left;
    width: 206px;
}
.carousel-tabs-content .padding {
    margin: 0 35px 30px 35px;
    overflow: auto;
}
.carousel-tabs-content .image img,
.js-slider .image img {
    vertical-align: middle;
    border: solid 1px #acb186;
    max-width: 275px;
    max-height: 185px;
}
.carousel-tabs-content .copy,
.js-slider .copy {
    float: left;
    padding-left: 20px;
    width: 600px;
    padding-right: 10px;
}
.carousel-tabs-content .copy h5 {
    margin-top: 0;
    font-size: 18px;
}
.carousel-tabs-content .copy h5 a {
    text-decoration: none;
    color: #0075e4;
}

/* From Mobile Styles 1.0 */

#main_content .top {
    margin-right: 10px;
}
#banners img {
    margin-bottom: 16px;
}

#banners h1 {
    margin: 0 10px 10px;
    font: 700 18px Georgia,"Times New Roman",Times,serif;
}

#banners h1 a{
    color: #0075e4;
    text-decoration: none;
}

#banners p {
    color: #363636;
    font: 14px Arial, Helvetica, sans-serif;
    margin: 0 10px 48px;
}

.mainHeading {
    display: block;
    background-color: #a3a550;
    padding: 14px 20px;
    color: #fff;
    font: 14px Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    overflow: hidden;
}

.newsItem {
    overflow: hidden;
    margin-bottom: 25px;
}

.newsItem img {
    float: left;
    width: 133px;
    clear: right;
    padding: 0 10px 10px;
}

.newsItem h2 {
    margin: 0 10px 10px 10px;
}

.newsItem h2 a{
    color: #0075e4;
    text-decoration: none;
    font: 700 14px Arial, Helvetica, sans-serif;
}

.newsItem p {
    color: #555;
    font: 12px Arial, Helvetica, sans-serif;
    margin-left: 10px;
}

.newsLink {
    color: #0075e4;
    font: 700 14px Arial, Helvetica, sans-serif;
    display: block;
    text-decoration: none;
    margin: 20px 10px;
}

.more {
    color: #a3a550;
    font: 700 14px Arial, Helvetica, sans-serif;
    text-align: right;
    display: block;
    text-decoration: none;
    margin-right: 10px;
}

.socialLinks {
    background-color: #c9c6a9;
    padding: 15px 10px;
}

.socialLinks h3 {
    color: #0075e4;
    font: 700 14px Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}

.socialLinks {
    overflow: hidden;
}

.socialLinks li {
    display: inline;
}

.socialLinks li a {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    float: left;
    margin-right: 10px;
}

.socialLinks .fb,
.socialLinks .tw,
.socialLinks .yt,
.socialLinks .li,
.socialLinks .pi,
.socialLinks .in,
.socialLinks .go {
    width: 20px;
    height: 20px;
}

.socialLinks .fb {background: url("/assets/images/wrpr/mobile/sprite-social.png") no-repeat 0 -2px transparent;}
.socialLinks .tw {background: url("/assets/images/wrpr/mobile/sprite-social.png") no-repeat -20px -2px transparent;}
.socialLinks .yt {background: url("/assets/images/wrpr/mobile/sprite-social.png") no-repeat -40px -2px transparent;}
.socialLinks .li {background: url("/assets/images/wrpr/mobile/sprite-social.png") no-repeat -60px -2px transparent;}
.socialLinks .pi {background: url("/assets/images/wrpr/mobile/sprite-social.png") no-repeat -80px -2px transparent;}
.socialLinks .in {background: url("/assets/images/wrpr/mobile/sprite-social.png") no-repeat -100px -2 transparent;}
.socialLinks .go {background: url("/assets/images/wrpr/mobile/sprite-social.png") no-repeat -120px -2 transparent;}

.socialFeed {
    background-color: #e9e5c4;
    padding: 10px;
}

.socialFeed.facebook {
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
}
.socialFeed.twitter {
    margin-bottom: 4px;
    overflow: hidden;
}

.socialFeed.facebook .fbLike {
    position: absolute;
    bottom: 12px;
    right: 12px;
}
.socialFeed h2 {
    color: #0075e4;
    font: 700 18px Georgia,"Times New Roman",Times,serif;
    padding-left: 42px;
    height: 34px;
    line-height: 34px;
    margin-bottom: 10px;
}

.socialFeed.twitter h2 {background: url("/assets/images/wrpr/mobile/icon-twitter.png") no-repeat 0 0 transparent;}
.socialFeed.facebook h2 {background: url("/assets/images/wrpr/mobile/icon-facebook.png") no-repeat 0 0 transparent;}

.socialFeed.facebook li {
    padding: 0 10px;
}

.socialFeed.facebook li a {
    color: #555;
    font: 12px Arial, Helvetica, sans-serif;
}
.socialFeed.facebook li span {
    color: #555;
    font: 10px Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 30px;
}
.promo {
    background-color: #f8f7f5;
    padding: 20px;
    margin: 20px;
    overflow: hidden;
}

.promo h3 {
    margin-top: 25px;
    margin-bottom: 13px;
    text-align: center;
    font: 700 18px Arial, Helvetica, sans-serif;
    color: #0075e4;
}

#sectional > li {
    overflow: hidden;
    position: relative;
}

#sectional > li > a {
    background-color: #33862B;
    color: #FFFFFF;
    font: 700 18px Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 42px;
}

#sectional .minus,
#sectional .plus {
    font-weight: normal;
    display: block;
    position: absolute;
    overflow: hidden;
    width: auto;
    padding: 10px 15px;
    top: 0;
}

#sectional ul {
    margin: 3px 0;
    list-style: none;
    padding: 0;
}

#sectional ul a {
    text-decoration: none;
    color: #0075e4;
    font: 700 13px Arial, Helvetica, sans-serif;
    padding: 13px 26px;
    display: block;
    background-color: #f8f7f5;
    margin: 1px 0;
}

#sectional ul li.active > a {
    color: #a7a959;
}
#sectional ul ul a {
    padding-left: 45px;
}
#sectional ul ul {
    display: none !important;
}
#sectional ul .active ul {
    display: block !important;
}

#content {
    margin: 16px;
}

#content h1 {
    color: #050000;
    font: 700 16px Arial, Helvetica, sans-serif;
    margin-bottom: 16px;
}

#content h2 {
    color: #050000;
    font: 700 15px Arial, Helvetica, sans-serif;
    margin-bottom: 16px;
}

#content h3 {
    color: #0075e4;
    font: 700 14px Arial, Helvetica, sans-serif;
    margin-bottom: 16px;
}

#content h4 {
    color: #050000;
    font: 700 14px Arial, Helvetica, sans-serif;
    margin-bottom: 16px;
}

#content h6 {
    font-weight: bold;
    margin: 30px 0 10px;
}

#content p {
    color: #555;
    font: 14px/1.2em Arial, Helvetica, sans-serif;
    margin-bottom: 1.2em;
}

#content ol li,
#content ul ol li {list-style-type: decimal;margin-bottom:1em;}
#content ul li {list-style-type: disc;margin-bottom:1em;}
#content ul ul li {list-style-type: circle;margin-bottom:1em;}
#content ul ul ul li {list-style-type: square;margin-bottom:1em;}
#content ol ol li {list-style-type: lower-alpha;margin-bottom:1em;}
#content ol ol ol li {list-style-type: lower-roman;margin-bottom:1em;}
#content li{
    color: #555;
    font: 14px/1.2em Arial, Helvetica, sans-serif;
}
#content ul,
#content ol{
    margin-left: 14px;
    padding-left: 14px;
}
.nobullet,
.carousel-tabs {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.nobullet li,
.carousel-tabs li {
    list-style: none outside none !important;
}
a.title {
    display: block;
    font-weight: bold;
}


/* Subnav 
blockquote{
    font-size: 0.875em;
}
*/

blockquote {
    box-sizing: content-box;
    padding: 15px 15px 2px 15px;
    border: 2px solid #82CC2E;
    margin: 30px 8% 30px 8%;
}
main>article>blockquote ul {
    margin-top: 9px;
}
main>article>blockquote li {
    margin-bottom: 1px;
}


#content em{
    font-style:italic;
}
#content strong{
    font-weight: bold;
}

#content .right_image p,
#content .image p,
#content .left_image p {
    color: #030000;
    font: italic 10px Arial, Helvetica, sans-serif;
}
.right_image,
.left_image {
    font-size: 90%;
    font-style: italic;
    line-height: 15px;
}
.right_image p,
.left_image p,
.image p {
    font-size: 90%;
    font-style: italic;
    line-height: 15px;
}
.image .photocaption,
.right_image .photocaption,
.left_image .photocaption{
    position:relative;
    bottom:28px;
    right:0px;
    float:right;
    background:url(/assets/images/bgr_head_caption.png) repeat-x;
    height:28px;
    padding:4px;
    margin-bottom:-35px;
    overflow:hidden;
    width:20px;
}
.breadcrumbseparator {
    color: #999999;
    padding: 0 2px;
}
.breadcrumbs {
    margin: 16px 0;
    text-indent: -6px;
    font: 10px Arial, Helvetica, sans-serif;
}
.breadcrumb {
    color: #0075e4;
    text-decoration: none;
}
.breadcrumbComponent {
    color: #0075e4;
}
.search-results .searchTitle {
    font-size: 14px;
    margin-top: 10px;
}
.searchTimeStamp {
    color: #008000;
}
.search-results p {
    font-size: 12px;
}
.search-results a {
    font-weight: bold;
    text-decoration: underline;
}
.search-results form input {
    display: none;
}
ul.carousel-tabs {
    display: none;
}
.carousel-tabs-content h5 {
    font: 700 15px Arial, ​Helvetica, sans-serif;
}
.landscape {
    display: none;
}
.label {
    font-size: 11px;
    margin-bottom: 20px;
}
.search-results .searchTitle {
    font-size: 14px;
    margin-top: 10px;
}
.searchTimeStamp {
    color: #008000;
}
.search-results p {
    font: 14px Arial, ​Helvetica, sans-serif;
    margin: 10px;
}
.search-results a {
    font-weight: bold;
    text-decoration: underline;
}
.search-results form input {
    display: none;
}
.search-results h1 {
    font: 700 14px Arial, ​Helvetica, sans-serif;
    margin: 15px 10px -15px;
}
.searchNavigation {
    font: 12px Arial, ​Helvetica, sans-serif;
    margin: 10px;
}
.paginator td {
    font: 14px arial;
    padding: 0 4px;
}
.copyright {
    font-size: 14px;
    text-align: center;
    margin: 1em 0;
    color: #1C5926;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Map Feature */
/* MAP FEATURE */
.mapfeature {
  padding: 0 10px 10px 10px;
  overflow: hidden;
  position: relative;
}
.mapfeature .map-title {
position: absolute;
top: 40px;
left: 55px;
z-index: 10;
width: 220px;
color: #5D6817;
font-size: 28px;
line-height: 1em;
font-weight: bold;
font-style: normal;
text-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}

  .mapfeature .map {
    width: 565px;
    height: 290px;
    background: #d1c9ab;
    margin: 15px;
        position: relative;
  }

.mapfeature .map#map_canvas{
 background: url('/assets/images/wrpr/whereweworkmap.jpg') no-repeat;
    width: 569px;
    height: 252px;
    margin: 0 0 0 17px;
    padding: 0 0 10px 0;
}
.fr .mapfeature .map#map_canvas{
 background: url('/assets/images/wrpr/whereweworkmap-fr.jpg') no-repeat;
}
  .mapfeature .left {
    float: left;
    width: 230px;
    padding: 5px 10px 30px 25px;
    font-weight: bold;
  }
  .mapfeature .right {
    float: left;
    padding: 0 0 30px 20px;
    border-left: solid 1px #dedece;
    width: 290px;
    font-weight: bold;
  }
    .mapfeature .right em {
      font-size: 1.3em;
      color: #5d6817;
    }
.mapfeature .right b, .mapfeature .right strong {
      font-size: 36px;
      color: #5d6817;
    }
  .mapfeature .sharemenu {
    right: 35px;
  }

#www_marker_info, #cv_marker_info {
    font-weight: bold;
}

.map_marker {
    position: absolute;
    margin: 0;
    padding: 0;
}

.map_marker, .map_marker a {
    height: 21px;
    display: block;
text-decoration: none;
}

#britishcolumbia {
    width: 104px;
    top: 117px;
    left: 47px;
}

#britishcolumbia a {
    background: url('/assets/images/wrpr/sprite_bc.png') 0 0 no-repeat;
}

#britishcolumbia a:hover {
    background: url('/assets/images/wrpr/sprite_bc.png') 0 -21px no-repeat;
}

#britishcolumbia_fr {
    width: 120px;
    top: 117px;
    left: 47px;
}

#britishcolumbia_fr a {
    background: url('/assets/images/wrpr/sprite_bc_fr.png') 0 0 no-repeat;
}

#britishcolumbia_fr a:hover {
    background: url('/assets/images/wrpr/sprite_bc_fr.png') 0 -21px no-repeat;
}

#alberta {
    width: 59px;
    top: 77px;
    left: 120px;
}

#alberta a {
    background: url('/assets/images/wrpr/sprite_alberta.png') 0 0 no-repeat;
}

#alberta a:hover {
    background: url('/assets/images/wrpr/sprite_alberta.png') 0 -21px no-repeat;
}

#saskatchewan {
    width: 90px;
    top: 117px;
    left: 167px;
}

#saskatchewan a {
    background: url('/assets/images/wrpr/sprite_saskatchewan.png') 0 0 no-repeat;
}

#saskatchewan a:hover {
    background: url('/assets/images/wrpr/sprite_saskatchewan.png') 0 -21px no-repeat;
}

#manitoba {
    width: 69px;
    top: 77px;
    left: 227px;
}

#manitoba a {
    background: url('/assets/images/wrpr/sprite_manitoba.png') 0 0 no-repeat;
}

#manitoba a:hover {
    background: url('/assets/images/wrpr/sprite_manitoba.png') 0 -21px no-repeat;
}

#ontario {
    width: 61px;
    top: 137px;
    left: 317px;
}

#ontario a {
    background: url('/assets/images/wrpr/sprite_ontario.png') 0 0 no-repeat;
}

#ontario a:hover {
    background: url('/assets/images/wrpr/sprite_ontario.png') 0 -21px no-repeat;
}

#quebec {
    width: 59px;
    top: 110px;
    left: 394px;
}

#quebec a {
    background: url('/assets/images/wrpr/sprite_quebec.png') 0 0 no-repeat;
}

#quebec a:hover {
    background: url('/assets/images/wrpr/sprite_quebec.png') 0 -21px no-repeat;
}

#quebec_fr {
    width: 59px;
    top: 110px;
    left: 394px;
}

#quebec_fr a {
    background: url('/assets/images/wrpr/sprite_quebec_fr.png') 0 0 no-repeat;
}

#quebec_fr a:hover {
    background: url('/assets/images/wrpr/sprite_quebec_fr.png') 0 -21px no-repeat;
}

#newfoundland {
    width: 143px;
    top: 135px;
    left: 440px;
}

#newfoundland a {
    background: url('/assets/images/wrpr/sprite_nfld.png') 0 0 no-repeat;
}

#newfoundland a:hover {
    background: url('/assets/images/wrpr/sprite_nfld.png') 0 -21px no-repeat;
}

#newfoundland_fr {
    width: 133px;
    top: 135px;
    left: 440px;
}

#newfoundland_fr a {
    background: url('/assets/images/wrpr/sprite_nfld_fr.png') 0 0 no-repeat;
}

#newfoundland_fr a:hover {
    background: url('/assets/images/wrpr/sprite_nfld_fr.png') 0 -21px no-repeat;
}

#newbrunswick {
    width: 91px;
    top: 155px;
    left: 404px;
}

#newbrunswick a {
    background: url('/assets/images/wrpr/sprite_nb.png') 0 0 no-repeat;
}

#newbrunswick a:hover {
    background: url('/assets/images/wrpr/sprite_nb.png') 0 -21px no-repeat;
}

#newbrunswick_fr {
    width: 112px;
    top: 155px;
    left: 404px;
}

#newbrunswick_fr a {
    background: url('/assets/images/wrpr/sprite_nb_fr.png') 0 0 no-repeat;
}

#newbrunswick_fr a:hover {
    background: url('/assets/images/wrpr/sprite_nb_fr.png') 0 -21px no-repeat;
}

#pei {
    width: 116px;
    top: 175px;
    left: 475px;
}

#pei a {
    background: url('/assets/images/wrpr/sprite_pei.png') 0 0 no-repeat;
}

#pei a:hover {
    background: url('/assets/images/wrpr/sprite_pei.png') 0 -21px no-repeat;
}

#pei_fr {
    width: 115px;
    top: 175px;
    left: 475px;
}

#pei_fr a {
    background: url('/assets/images/wrpr/sprite_pei_fr.png') 0 0 no-repeat;
}

#pei_fr a:hover {
    background: url('/assets/images/wrpr/sprite_pei_fr.png') 0 -21px no-repeat;
}

#novascotia {
    width: 75px;
    top: 206px;
    left: 440px;
}

#novascotia a {
    background: url('/assets/images/wrpr/sprite_ns.png') 0 0 no-repeat;
}

#novascotia a:hover {
    background: url('/assets/images/wrpr/sprite_ns.png') 0 -21px no-repeat;
}

#novascotia_fr {
    width: 88px;
    top: 206px;
    left: 440px;
}

#novascotia_fr a {
    background: url('/assets/images/wrpr/sprite_ns_fr.png') 0 0 no-repeat;
}

#novascotia_fr a:hover {
    background: url('/assets/images/wrpr/sprite_ns_fr.png') 0 -21px no-repeat;
}
.developed-by {
    text-align: center;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.developed-by a {
    background: url('/assets/images/wrapper/firefly-logo.png') no-repeat left center;
    display: inline-block;
    padding: 10px 30px;
    text-decoration: none;
    font-size: 13px;
    line-height: 22px;
    color: #0075e4;
}
aside .nobullet .label {
    color: #0075e4;
    font-size: 24px;
    margin-bottom: 15px;
}
aside .nobullet li a {
    background: transparent url("../images/wrapper/icon-raquo.png") no-repeat scroll left 3px;
    color: #262626;
    display: block;
    font-size: 16px;
    margin-bottom: 26px;
    padding-left: 22px;
    text-decoration: none;
}
aside .nobullet li a:hover {
    color: #33862B;
}
/*lightbox*/
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
    box-sizing: content-box;
    webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

/*Research Priorities Search*/
.research_search {
    width: 100%;
    float: none;
    display: block;
}
.research_search form {
    border: 2px solid #33862B;
    display: block;
    float: none;
    margin: 17px auto;
    width: 240px;
}
.research_search.french form {
    width: 260px;
}
.research_search input.text {
    background:transparent;
    border: 0;
    height: 30px;
    padding: 0 0 3px 10px;
    vertical-align: top;
    width: 178px;
    font-size: 14px;
}
.research_search.french input.text {
    width: 202px;
}
.research_search input.submit {
    padding: 7px 6px 0 0;
    float: right; 
}
/* NEW RESPONSIVE IMAGE STYLE FFP 2.14.20 */
.img-responsive {
    float: none;
    margin: 15px auto;
    width: 100%;
}
.img-responsive.left {
    float: left;
    margin: 10px 25px 15px 0;
    max-width: 50%;
}
.img-responsive.right {
    float: right;
    margin: 10px 0 15px 25px;
    max-width: 50%;
}
.img-responsive img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 12px;
}
.img-responsive p {
    font-size: 90%;
    font-style: italic;
    line-height: 15px;
}
.blog main.two-column > article.single-post .img-responsive p {
    font-size: 90%;
    margin-bottom: 0;
    line-height: 1.75;
    font-style: normal;
}
@media (max-width:550px) {
    .img-responsive.left, .img-responsive.right {
        float: none;
        margin: 20px auto;
        max-width: 100%;
    }
	
/* Expandable FAQ feature */
	
.collapsible {
  background-color: #fff;
  color: #0075e4;
  text-decoration: none;
  padding: 7px 0 7px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
}

 .collapsible:hover {
  background-color: #fff;
  color: #df5f1e;
}

/*
.active, .collapsible:hover {
  background-color: #fff;
}
*/

.collapsible:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 10px;
}

.collapsible.active:after {
  content: "\2212";
}

.content {
  padding: 8px 10px 0 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
</style>