/* app css stylesheet */
/* Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris Font Foundry
 * License URL: http://www.fontspring.com/fflicense/exljbris
 */

@font-face {
    font-family: 'museo_slab500';
    src: url('Museo_Slab_500_2-webfont.eot');
    src: url('Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'), url('Museo_Slab_500_2-webfont.woff') format('woff'), url('Museo_Slab_500_2-webfont.ttf') format('truetype'), url('Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**/
body {
    background-color:#16452c;
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    overflow-x: hidden;
    overflow-y: auto;
}
a { color:#16452c; }
    a:hover { color:#005e2c; }
    a:visited { color:#16452c; }
@media (max-width: 767px) {
    body { font-size:12px; }
}
@media (min-width: 768px) {
    body { font-size:12px; }
}
@media (min-width: 992px) {
    body { font-size:13px; }
}
@media (min-width: 1200px) {
    body { font-size:14px; }
}
/************** Background Styles ****************/
.background { display:normal; }
.backgroundStyle {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.background img {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -9999;
    min-height: 100%;
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.background .caption {
    position: fixed;
    background-color: rgba(22, 69, 44, 0.67);
    z-index: 9999;
}
.background a.caption {
    color: #000;
}
.background a:hover {
    color:#fefefe;
    text-decoration: none;
}
.background .carousel-control .glyphicon-chevron-left, .background .carousel-control .glyphicon-chevron-right, .background .carousel-control .icon-prev, .background .carousel-control .icon-next {
    display: none;
}
.backgroundCaptionTitle {
    color: #eee;
}
.backgroundRotate {
    font-size: 24px;
    margin-top: -10px;
    padding-top: 0px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 40% 60%;
    -moz-transform-origin: 40% 60%;
    -ms-transform-origin: 40% 60%;
    -o-transform-origin: 40% 60%;
    transform-origin: 40% 60%;
}

.dropdownText {
     position:absolute;
     top:30px;
     right:0;
     background-color:white;
     color: #222;
     width: 200px;
     z-index:9999;
}
.dropdownText a, .dropdownText a:visited, .dropdownText a:hover {
     color: #264;
     text-decoration:none;
}
@media (max-width: 767px) {
    .background { display:none; }
}
@media (min-width: 768px) {
    .background { display:normal; }
    .background .caption {
        top: 0px;
        right: 18px;
        border-radius: 10px;
        width: 160px;
        height: 30px;
        margin-top: -10px;
        padding-top: 0px;
    }
    .backgroundCaptionTitle {
        font-size:12px;
    }
    .dropdownText {
        top:28px;
        right:0;
        width: 160px;
        font-size:11px;
        padding:5px;
    }
}
@media (min-width: 992px) {
    /*.background { display:normal; }*/
    .background .caption {
        top: 0px;
        right: 18px;
        border-radius: 10px;
        width: 200px;
        height: 33px;
        margin-top: -10px;
        padding-top: 0px;
    }
    .backgroundCaptionTitle {
        font-size:13px;
    }
    .dropdownText {
        top:32px;
        right:0;
        width: 200px;
        font-size:12px;
        padding:5px;
    }
}
@media (min-width: 1200px) {
    .background .caption {
        top: 0px;
        right: 20px;
        border-radius: 12px;
        width: 250px;
        height: 35px;
        margin-top: -10px;
        padding-top: 0px;
    }
    .backgroundCaptionTitle {
        font-size:14px;
    }
    .dropdownText {
         top:35px;
         right:0;
         width: 250px;
        font-size:13px;
         padding:5px;
    }
}
/*********** Header Area *****************/
header {
    /*background-image: url('/app/img/DNRHeaderRox.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
}
.dnrHeader {
    background-image: -webkit-linear-gradient(0deg, #d0d2d2 0%, #eee 100%);
    background-image: -moz-linear-gradient(0deg, #d0d2d2 0%, #eee 100%);
    background-image: -ms-linear-gradient(0deg, #d0d2d2 0%, #eee 100%);
    background-image: -o-linear-gradient(0deg, #d0d2d2 0%, #eee 100%);
    background-image: linear-gradient(0deg, #d0d2d2 0%, #eee 100%);
    background-color: #d0d2d2;
    z-index: 90;
    padding: 23px 0 26px 0;
}
@media (max-width: 767px) {
    .dnrHeader { padding: 12px 0 12px 0; }
}
@media (min-width: 768px) {
    .dnrHeader { padding: 18px 0 20px 0; }
}
@media (min-width: 992px) {
    .dnrHeader { padding: 23px 0 26px 0; }
}
@media (min-width: 1200px) {
    .dnrHeader { padding: 23px 0 30px 0; }
}
/************** Header Title ***************/
.titleLogo {
    float: left;
    margin-right: 12px;
    margin-left: 20px;
    padding: 0 12px 0 15px;
    vertical-align: top;
    border-right: 2px #5c666f solid;
    cursor:pointer;
}
    .titleLogo img {
    }
.titleText {
    font-family: museo_slab500, serif;
    line-height: 1.3;
    padding-top: 1px;
    cursor:pointer;
}
.titleText1 {
    font-size: 2em;
    letter-spacing: 5px;
}
    .titleText1 a {
        color: #5c666f;
        text-decoration: none;
    }
        .titleText1 a:hover {
            color: #5c666f;
            text-decoration: none;
        }
.titleText2 {
    font-size: 1.5em;
    padding-top: 5px;
}
    .titleText2 a {
        color: #5c666f;
        text-decoration: none;
    }
        .titleText2 a:hover {
            color: #5c666f;
            text-decoration: none;
        }
@media (max-width: 767px) {
    .titleLogo {
        margin-right: 7px;
        margin-left: 20px;
        padding: 0;
        width:90px;
    }
        .titleLogo img {
            width:85%;
        }
    .titleText {
        line-height: 1.0;
        padding-top: 0;
    }
    .titleText1 {
        font-size: 1.8em;
        letter-spacing: 4px;
    }
    .titleText2 {
        font-size: 1.2em;
        padding-top: 3px;
        text-overflow:clip;
        overflow:hidden;
    }
}
@media (min-width: 768px) {
    .titleLogo {
        margin-right: 8px;
        margin-left: 14px;
        padding: 0 0px 0 0;
    }
        .titleLogo img {
            width: 90%;
        }
    .titleText {
        line-height: 1.5;
        padding-top: 1px;
    }
    .titleText1 {
        font-size: 1.8em;
        letter-spacing: 5px;
    }
    .titleText2 {
        font-size: 1.4em;
        padding-top: 6px;
    }
}
@media (min-width: 992px) {
    .titleLogo {
        margin-right: 12px;
        margin-left: 18px;
        padding: 0 8px 0 0;
    }
        .titleLogo img {
            width: 95%;
        }
    .titleText {
        line-height: 1.5;
        padding-top: 1px;
    }
    .titleText1 {
        font-size: 1.9em;
        letter-spacing: 6px;
    }
    .titleText2 {
        font-size: 1.4em;
        padding-top: 2px;
    }
}
@media (min-width: 1200px) {
    .titleLogo {
        margin-right: 12px;
        margin-left: 20px;
        padding: 0 12px 0 0;
    }
        .titleLogo img {
            width: 100%;
        }
    .titleText {
        line-height: 1.3;
        padding-top: 1px;
    }
    .titleText1 {
        font-size: 2.3em;
        letter-spacing: 6px;
    }
    .titleText2 {
        font-size: 1.6em;
        padding-top: 0px;
    }
}
/*********** Navigation Styles ***********/
.navbar {
    font-family: museo_slab500, serif;
    height: 35px;
    min-height: 30px;
    margin-bottom: 0px;
}
.navbar-default {
    background-color: transparent;
    border-color: rgba(254, 254, 254, 0.00);
    border-radius: 0;
}
    .navbar-default .navbar-nav > li > a {
        color: #16452c;
    }
        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #16452c;
        }
.navbar-nav {
    float: right;
    text-align: right;
}
    .navbar-nav > li {
        padding-top: 6px;
        padding-bottom: 0px;
        line-height: 20px;
    }
.nav > li {
    padding: 10px 15px;
}
    .navbar-nav > li > a {
        padding: 3px 0px 0px 0px;
    }
    .topNav {
        cursor: pointer;
    }
ul.subLeft {
    margin-top: -10px;
    margin-bottom: 5px;
}
.btn {
    font-size:13px;
    color: #222;
    text-decoration: none;
    text-align: left;
    padding: 3px 10px;
}
@media (max-width: 767px) {
    .navbar {
        font-size: 1.5em;
        height:0;
        min-height:0;
        margin-bottom:0;
    }
    .mobileMenu {
        position:absolute;
        top:-80px;
        left:5px;
        display:block;
        float:left;
        cursor: pointer;
    }
    .navMobile {
        background-color: rgba(114, 168, 79, 0.9);
        margin-top:-6px;
        padding:0 6px;
        text-align:left;
        float:left;
    }
    .subMobile {
        background-color: rgba(114, 168, 79, 1.0);
        margin-left:0px;
        margin-top:10px;
        padding:0 6px;
        text-align:left;
        float:left;
    }
    .navbar-nav {
        display:none;
    }
    ul.subTablet {
        display:none;
    }
    ul.subLeft {
        display:none;
    }
    .btn {
        font-size:11px;
        padding: 1px 10px;
    }
}
@media (min-width: 768px) {
    .navbar {
        font-size: 1.15em;
        margin-top: -35px;
        height: 35px;
        min-height: 30px;
        margin-bottom: 0px;
    }
    .mobileMenu {display:none;}
    .navbar-nav {
        margin: 0 -10px 0 0;
        display:block;
    }
    .nav > li {
        padding: 10px 9px;
    }
    .topNav {
        display:none;
    }
    ul.subLeft {
        margin-top: -10px;
        margin-bottom: 5px;
        margin-left: 0px;
    }
    .btn {
        font-size:12px;
        padding: 1px 10px;
    }
}
@media (min-width: 992px) {
    .navbar {
        font-size: 1.35em;
        margin-top: -36px;
        height: 35px;
        min-height: 30px;
        margin-bottom: 0px;
    }
    .mobileMenu {display:none;}
    .navbar-nav {
        margin: 0 -10px 0 0;
    }
    .nav > li {
        padding: 10px 12px;
    }
    .topNav {
        display:none;
    }
    ul.subLeft {
        margin-top: -10px;
        margin-bottom: 5px;
        margin-left: 0px;
    }
    .btn {
        font-size:13px;
        padding: 2px 10px;
    }
}
@media (min-width: 1200px) {
    .navbar {
        font-size: 1.6em;
        margin-top: -38px;
        height: 35px;
        min-height: 30px;
        margin-bottom: 0px;
    }
    .mobileMenu {display:none;}
    .navbar-nav {
        margin: 0 -15px 0 0;
    }
    .nav > li {
        padding: 10px 15px;
    }
    .topNav {
        font-weight:400;
    }
    ul.subLeft {
        margin-top: -10px;
        margin-bottom: 5px;
        margin-left: 0px;
    }
    .btn {
        font-size:14px;
        padding: 3px 10px;
    }
}
.sub {
    background-color: #ccc;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#aaa));
    background-image: -moz-linear-gradient(19% 75% 90deg,#eee, #aaa);
    background-image: -ms-linear-gradient(19% 75% 90deg,#eee, #aaa);
    background-image: -o-linear-gradient(19% 75% 90deg,#eee, #aaa);
    background-image: linear-gradient(19% 75% 90deg,#eee, #aaa);
    margin: 0;
    width: 200px;
    list-style: none;
}
    .sub:hover {
        background-color: #eee;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#aaa));
        background-image: -moz-linear-gradient(19% 75% 90deg,#eee, #aaa);
        background-image: -ms-linear-gradient(19% 75% 90deg,#eee, #aaa);
        background-image: -o-linear-gradient(19% 75% 90deg,#eee, #aaa);
        background-image: linear-gradient(19% 75% 90deg,#eee, #aaa);
    }
    .sub:active {
        background-color: #aaa;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#aaa));
        background-image: -moz-linear-gradient(19% 75% 90deg,#eee, #aaa);
        background-image: -ms-linear-gradient(19% 75% 90deg,#eee, #aaa);
        background-image: -o-linear-gradient(19% 75% 90deg,#eee, #aaa);
        background-image: linear-gradient(19% 75% 90deg,#eee, #aaa);
    }
.fullwidth {
    /* inline-block allows the anchor tag to fill the entire width of the list item */
    display: inline-block;
    width: 100%;
}
/********** Content ************/
div[role="main"] {
    position: absolute;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    div[role="main"] {
        top: 70px;
        margin-bottom:0;
        padding-bottom:0;
    }
}
@media (min-width: 768px) {
    div[role="main"] {
        top: 103px;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
}
@media (min-width: 992px) {
    div[role="main"] {
        top: 114px;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
}
@media (min-width: 1200px) {
    div[role="main"] {
        top: 122px;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
}
.contentBody {
    background-color: rgba(240, 240, 240, 0.20);
}
/**************** Container Styles ******************/
.container {
    padding-right: 10px;
    padding-left: 10px;
}
@media (max-width: 767px) {
    .container {
        padding-right:20px;
        padding-left:10px;
    }
}
@media (min-width: 768px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width: 992px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width: 1200px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}
/********************************************/
/************** View A Styles ***************/
/********************************************/
.viewA {
    background-color: rgba(200, 200, 200, 0.6);
    margin-right: -10px;
    margin-left: -10px;
}
    .viewA .name {
        vertical-align: middle;
    }
        .viewA .name a {
            color: #111;
        }
        .viewA .name a:visited {
            color: #111;
        }
    .viewA .title {
        vertical-align: text-bottom;
    }
.flex-container {
    list-style: none;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;   /* IE 10 */
    -ms-flex-pack: justify; /* IE 10 */
    display: -webkit-flex;  /* NEW - Chrome */
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-top: 0;
    padding: 0 8px 0 0;
    margin: 3px 0 0 25px;
}
@supports not (display: flex) {
  .box { display: inline-block; }
}
.flexItem {
    background-color: #fff;
    color: #111;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    vertical-align: text-top;
}
    .flexItem div {
        overflow: hidden;
        -webkit-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
    .flexItem img {
        height: auto;
        vertical-align: bottom;
    }
    .flexItem a {
        text-decoration: none;
    }
/************* Banner Title *************/
.bannerTitle {
    font-variant: small-caps;
    font-weight: 600;
    color: rgba(0, 51, 17, 0.8);
}
    .bannerTitle a {
        color: rgba(0, 51, 17, 0.8);
        text-decoration: none;
    }
        .bannerTitle a:link {
            color: rgba(0, 51, 17, 0.8);
            text-decoration: none;
        }
        .bannerTitle a:hover {
            color: rgba(0, 51, 17, 0.8);
            text-decoration: none;
        }

.rotate {
    position: relative;
    z-index: 1;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0% top;
    -moz-transform-origin: 0% top;
    -ms-transform-origin: 0% top;
    -o-transform-origin: 0% top;
    transform-origin: 0% top;
}
/***************** Media Queries ******************/
@media (max-width: 767px) {
    .viewA {
        margin-right: -20px;
        margin-left: -10px;
        line-height:0.45;
    }    
    .divisions .bannerTitle {
        font-size: 2.4em;
        letter-spacing: 2px;
    }
    .leadership .bannerTitle {
        font-size: 1.7em;
        letter-spacing: 2px;
    }
    .rotate {
        top: 5px;
        left: 15px;
    }
    .flex-container {
        display: block;
        padding: 5px 8px 0 0;
        margin: 3px 0 -10px 40px;
    }
    .flexItem {
        background-color:transparent;
        color: #111;
        text-align: left;
        overflow: auto;
        vertical-align: text-top;
        width:750px;
        height:16px;
        margin:1px;
    }
        .flexItem div {
            padding: 1px;
            line-height: 0.85;
            font-size: 1.05em;
            display:inline-block;
        }
        .flexItem .name {
            width:125px;
        }
        .flexItem .title {
            width:200px;
        }
        .flexItem img {
            display:none;
        }
    .picPage {
        display:none;
    }
        .picPage img {
            display:none;
        }
}
@media (min-width: 768px) {
    .viewA {
        margin-right: -10px;
        margin-left: -10px;
        display:normal;
    }    
    .viewA .name {
        font-size: 10px;
        height:14px;
    }
    .viewA .title {
        font-size: 10px;
        height:14px;
    }
    .leadership {
        height: 128px;
    }
    .divisions {
        height: 115px;
    }
    .flex-container {
        padding: 2px 8px 0 0;
        margin: 0 0 0 22px;
    }
    .flexItem {
        background-color:#fff;
        color: #111;
        text-align: center;
        overflow: hidden;
        vertical-align: text-top;
        width: 78px;
        margin: 6px 2px 0 2px;
    }
        .flexItem div {
            padding: 2px;
            line-height: 1;
            font-size: 0.7em;
        }
        .flexItem img {
            width: 74px;
        }
        .divisions .flexItem img {
            width: 105px;
        }
    .divisions .flexItem {
        height: 100px;
    }
    .leadership .flexItem {
        height: 112px;
    }
    .bannerTitle {
        font-size: 1.3em;
        letter-spacing: 3px;
    }
    .rotate {
        top: 0;
        left: 0;
    }
    .picPage {
        padding: 6px;
        padding-top: 10px;
    }
        .picPage img {
            width: 100%;
        }
}
@media (min-width: 992px) {
    .viewA {
        margin-right: -10px;
        margin-left: -10px;
        display:normal;
    }    
    .viewA .name {
        font-size: 12px;
        height:16px;
    }
    .viewA .title {
        font-size: 12px;
        height:17px;
    }
    .leadership {
        height: 160px;
    }
    .divisions {
        height: 126px;
    }
    .flex-container {
        padding: 0 8px 0 0;
        margin: 3px 0 0 25px;
    }
    .flexItem {
        background-color:#fff;
        color: #111;
        text-align: center;
        overflow: hidden;
        vertical-align: text-top;
        width: 105px;
        height: 109px;
        margin: 8px 4px 0 4px;
    }
        .flexItem div {
            padding: 3px;
            line-height: 0.9;
            font-size: 0.8em;
        }
        .flexItem .name {
            height:17px;
        }
        .flexItem img {
            width: 97px;
        }
        .divisions .flexItem img {
            width: 105px;
        }
    .divisions .flexItem {
        height: 110px;
    }
    .leadership .flexItem {
        height: 143px;
    }
    .bannerTitle {
        font-size: 1.56em;
        letter-spacing: 3.3px;
    }
    .rotate {
        top: 0;
        left: 0;
    }
    .picPage {
        padding: 8px;
        padding-top: 14px;
    }
        .picPage img {
            width: 100%;
        }
}
@media (min-width: 1200px) {
    .viewA {
        margin-right: -10px;
        margin-left: -10px;
        display:normal;
    }    
    .viewA .name {
        font-size: 0.9em;
        height:16px;
    }
    .viewA .title {
        font-size: 1em;
        height: 20px;
    }
    .viewA .title a{
        font-size: 1em;
    }
    .leadership {
        height: 185px;
    }
        .leadership .flexItem {
            height: 165px;
        }
    .divisions {
        height: 150px;
    }
        .divisions .flexItem {
            height: 128px;
        }
    .flex-container {
        padding: 13px 8px 0 0;
        margin: 3px 0 0 30px;
    }
    .flexItem {
        background-color:#fff;
        color: #111;
        text-align: center;
        overflow: hidden;
        vertical-align: text-top;
        width: 125px;
        margin:0;
    }
        .flexItem div {
            padding: 4px 4px 2px 4px;
            line-height: 1.2;
            font-size: 0.9em;
        }
        .flexItem .name {
            height:20px;
        }
        .flexItem img {
            width: 92%;
        }
        .divisions .flexItem img {
            width: 100%;
        }
    .bannerTitle {
        font-size: 1.8em;
        letter-spacing: 4px;
        width: 150px;
        margin-top: 5px;
    }
    .rotate {
        top: -5px;
        left: 0;
    }
    .picPage {
        padding: 10px;
        padding-top: 17px;
    }
        .picPage img {
            width: 100%;
            height: 150px;
        }
}
/*************************************/
/************* View B *************/
/*********** Page Columns ************/
.mainDiv {
    margin-bottom: 20px;
    padding: 10px;
}
.subPage {
    padding-right: 20px;
    padding-left: 10px;
}
.rightCol {
    margin-bottom: 10px;
    padding-left: 10px;
}
.subPage .rightCol {
    padding-right: 15px;
    padding-left: 15px;
}
.centerCol {
    padding: 0 10px;
}
.leftCol {
    margin-top: 5px;
    padding-right: 10px;
}
.subPage .leftCol {
    padding-right: 20px;
}
@media (max-width: 767px) {
    .mainDiv {
        margin-bottom: 20px;
        padding:0 10px;
    }
    /*.row { margin-right: 0; margin-left:0; }*/
    .subPage {
        padding-right:0;
        padding-left:0;
    }
    .rightCol {
        margin-bottom: 10px;
    }
    .subPage .rightCol {
        padding-right:15px;
        padding-left:10px;
    }
    .centerCol {
        padding:0 0 0 10px;
    }
    .leftCol {
        margin-top:10px;
        padding-right:10px;
        padding-left:10px;
    }
    .subPage .leftCol {
        padding-right:0;
    }
}
@media (min-width: 768px) {
    .mainDiv {
        margin-bottom: 20px;
        padding:10px;
    }
    .row { margin-right:-15px; margin-left:-15px; }
    .subPage {
        padding-right: 15px;
        padding-left: 0px;
    }
    .rightCol {
        margin-bottom: 10px;
    }
    .subPage .rightCol {
        padding-right: 10px;
        padding-left: 10px;
    }
    .centerCol {
        padding: 0 10px;
    }
    .leftCol {
        margin-top: 5px;
        padding-right: 10px;
    }
    .subPage .leftCol {
        padding-right: 10px;
    }
}
@media (min-width: 992px) {
    .mainDiv {
        margin-bottom: 20px;
        padding: 10px;
    }
    .subPage {
        padding-right: 20px;
        padding-left: 10px;
    }
    .rightCol {
        margin-bottom: 10px;
        padding-left: 10px;
    }
    .subPage .rightCol {
        padding-right: 15px;
        padding-left: 15px;
    }
    .centerCol {
        padding: 0 10px;
    }
    .leftCol {
        margin-top: 5px;
        padding-right: 10px;
    }
    .subPage .leftCol {
        padding-right: 20px;
    }
}
@media (min-width: 1200px) {
    .mainDiv {
        margin-bottom: 30px;
        padding: 10px;
    }
    .subPage {
        padding-right: 30px;
        padding-left: 15px;
    }
    .rightCol {
        margin-bottom: 10px;
        padding-left: 10px;
    }
    .subPage .rightCol {
        padding-right: 15px;
        padding-left: 15px;
    }
    .centerCol {
        padding: 0 10px;
    }
    .leftCol {
        margin-top: 5px;
        padding-right: 10px;
    }
    .subPage .leftCol {
        padding-right: 20px;
    }
}
/**********************************************/
/**************** Page Styles *****************/
/***************** Page Title *****************/
.pageTitle {
    font-family: museo_slab500, serif;
    font-weight: 500;
    color: #16452c;
    width: 100%;
    -webkit-text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
    text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
}
    .pageTitle a{
        color: #16452c;
    }
    .pageTitle a:visited{
        color: #16452c;
    }
    .pageTitle a:hover{
        color: #16452c;
    }
.CtB .pageTitle {display:none;}
.pageSubTitle {
    font-family: museo_slab500, serif;
    font-weight: 500;
    color: #16452c;
    -webkit-text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
    text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
    cursor: pointer;
}
@media (max-width: 767px) {
    .pageTitle {
        font-size: 2em;
        color: #d0d2d2;
        -webkit-text-shadow: 0px 0px 0px #fff,0px 0px 0px #fff;
        text-shadow: 0px 0px 0px #fff,0px 0px 0px #fff;
        margin-left: 0;
        padding: 10px 0 5px 0;
    }
        .pageTitle a{
            color: #d0d2d2;
        }
        .pageTitle a:visited{
            color: #d0d2d2;
        }
        .pageTitle a:hover{
            color: #d0d2d2;
        }
    .CtB .pageTitle {display:block;}
    .pageSubTitle {
        font-size: 1.4em;
        font-weight: 500;
        color:#d0d2d2;
        -webkit-text-shadow: 0px 0px 0px #fff,0px 0px 0px #fff;
        text-shadow: 0px 0px 0px #fff,0px 0px 0px #fff;
        padding: 10px 0 5px 0;
    }
}
@media (min-width: 768px) {
    .pageTitle {
        font-size: 1.6em;
        color: #16452c;
        -webkit-text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
        text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
        margin-left: 0;
        padding: 10px 0 0 0;
    }
        .pageTitle a{
            color: #16452c;
        }
        .pageTitle a:visited{
            color: #16452c;
        }
        .pageTitle a:hover{
            color: #16452c;
        }
    .CtB .pageTitle {display:none;}
    .pageSubTitle {
        font-size: 1.4em;
        color: #16452c;
        -webkit-text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
        text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
        padding: 10px 0 5px 0;
    }
}
@media (min-width: 992px) {
    .pageTitle {
        font-size: 2em;
        margin-left: 0;
        padding: 10px 0 5px 0;
    }
    .CtB .pageTitle {display:none;}
    .pageSubTitle {
        font-size: 1.6em;
        padding: 10px 0 5px 0;
    }
}
@media (min-width: 1200px) {
    .pageTitle {
        font-size: 2em;
        margin-left: 0;
        padding: 10px 0 5px 0;
    }
    .CtB .pageTitle {display:none;}
    .pageSubTitle {
        font-size: 1.6em;
        padding: 10px 0 5px 0;
    }
}
/************ Web Part Styles *************/
.wpTitle {
    font-size: 20px;
    margin-left: 0;
    padding-top: 10px;
    font-weight: 600;
}
.wpBackground {
    background-color:rgba(255, 255, 255, 0.70);
    border-radius:5px;
}
@media (max-width: 767px) {
    .wpTitle {
        font-size: 20px;
        margin-left: 0;
        padding-top: 10px;
    }
}
@media (min-width: 768px) {
    .wpTitle {
        font-size: 18px;
        margin-left: 0;
        padding-top: 10px;
    }
}
@media (min-width: 992px) {
    .wpTitle {
        font-size: 20px;
        margin-left: 0;
        padding-top: 10px;
    }
}
@media (min-width: 1200px) {
    .wpTitle {
        font-size: 22px;
        margin-left: 0;
        padding-top: 10px;
    }
}
/*************** styles for the content on a page ***************/
.pageContent {
    color: #222;
    background-color: rgba(255, 255, 255, 0.8);
}
.contentHeading {
    font-weight: 600;
    font-size: 14px;
    margin-left: 0;
    padding: 10px 0;
}
.contentTitle {
    font-weight: 600;
}
    .calendar .contentTitle {
        -webkit-text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
        text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
    }
    .budget .contentTitle {
        font-size:1.1em;
    }
/********* Content Images **********/
.contentImageRight {
    margin: 0 5px 10px 10px;
}
    .contentImageRight img {
        float: right;
        padding-left: 15px;
        padding-bottom: 6px;
    }
.contentImageLeft {
    float: left;
    width:150px;
    margin: 10px 10px 5px 0;
}
    .contentImageLeft img {
        width:inherit;
        padding-right: 15px;
        padding-bottom: 6px;
    }
    .contentImageLeftCaption {
        position:relative;
        z-index:20;
        font-size:0.85em;
        text-align:center;
        overflow-wrap:break-word;
        margin:0 10px 0 -5px;
    }

.expandableHeading {
    background-color: #e8e8e8;
    cursor: pointer;
    width: 100%;
    margin-bottom: 5px; 
}
.expandableGlyph {
    padding:4px 10px 0 0;
}
.contentHighlight {
    font-weight: 500;
}
.contentList {
    color: #222;
}
.contentPic img {
    float: left;
}

.mediaContactInfo {
    width:100%;
}
    .mediaContactInfo .address {
        width:60%;
    }
    .mediaContactInfo .phone {
        float:right;
        width:40%;
        margin-top:-92px;
        padding-left:0;
    }

.pageContentListLabel {
    display: inline-block;
}
.pageContentListText {
    display: inline-block;
}
@media (max-width: 767px) {
    .pageContent {
        padding:5px 10px 10px 10px;
        margin-bottom:10px;
    }
        .pageContent .contentText { margin-top: 0px; }
        .pageContent .contentHtml { margin-top: 0px; }
        .pageContent .contentHtml h4 {
            margin: 0;
            padding: 0;
        }
        .pageContent .contentHtml p {
            margin: 0;
            padding: 0 0 12px 0;
        }
    .contentTitle {
        font-weight: 500;
    }
    .contentHighlight { font-size: 1em; }
    .contentDate {
        font-size:0.8em;
    }
    .contentText {}
    .contentList { }
    .contentPic img {
        width: 150px;
        margin: 10px 10px 10px 0;
    }
    .mediaContactInfo .phone {
        margin-top:-87px;
        padding-left:5px;
    }

    .pageContentListLabel {
        width: 55%;
        padding-right: 5px;
    }
    .pageContentListText { width: 40%; }
    .pageContentNote {
        font-size: 0.9em;
        padding: 6px 0 0 0;
    }
}
@media (min-width: 768px) {
    .pageContent {
        padding: 10px 10px 10px 10px;
        margin-bottom:10px;
    }
        .pageContent .contentText { margin-top: 0px; }
        .pageContent .contentHtml { margin-top: 0px; }
        .pageContent .contentHtml h4 {
            margin: 0;
            padding: 0;
        }
        .pageContent .contentHtml p {
            margin: 0;
            padding: 0 0 12px 0;
        }
    .contentTitle {
        font-weight: 500;
    }
    .contentHighlight { font-size: 1em; }
    .contentDate {
        font-size:0.8em;
    }
    .contentText {}
    .contentList { }
    .contentPic img {
        width: 150px;
        margin: 10px 10px 10px 0;
    }
    .mediaContactInfo .phone {
        margin-top:-87px;
        padding-left:5px;
    }

    .pageContentListLabel {
        width: 55%;
        padding-right: 5px;
    }
    .pageContentListText { width: 40%; }
    .pageContentNote {
        font-size: 0.9em;
        padding: 6px 0 0 0;
    }
}
@media (min-width: 992px) {
    .pageContent {
        padding: 10px 15px 15px 15px;
        margin-bottom:10px;
    }
        .pageContent .contentText { margin-top: 0px; }
        .pageContent .contentHtml { margin-top: 0px; }
            .pageContent .contentHtml h4 {
                margin: 0;
                padding: 0;
            }
            .pageContent .contentHtml p {
                margin: 0;
                padding: 0 0 12px 0;
            }
    .contentTitle {
        font-weight: 600;
    }
    .contentHighlight { font-size: 1.05em; }
    .contentDate {
        font-size:0.85em;
    }
    .contentText {}
    .contentList { }
    .contentPic img {
        width: 150px;
        margin: 10px 10px 10px 0;
    }
    .mediaContactInfo .phone {
        margin-top:-92px;
        padding-left:0;
    }

    .pageContentListLabel {
        width: 55%;
        padding-right: 5px;
    }
    .pageContentListText { width: 40%; }
    .pageContentNote {
        font-size: 0.9em;
        padding: 6px 0 0 0;
    }
}
@media (min-width: 1200px) {
    .pageContent {
        padding: 10px 15px 15px 15px;
        margin-bottom:10px;
    }
        .pageContent .contentText { 
            margin-top: 0px; 
        }
        .pageContent .contentHtml {
            margin-top: 0px;
        }
            .pageContent .contentHtml h4 {
                margin: 0;
                padding: 0;
            }
            .pageContent .contentHtml p {
                margin: 0;
                padding: 0 0 12px 0;
            }
    .contentTitle { font-weight: 600; }
    .contentHighlight { font-size: 1.05em; }
    .contentDate {
        font-size:0.9em;
    }
    .contentText {}
    .contentList { }
    .contentPic img {
        width: 150px;
        margin: 10px 10px 10px 0;
    }
    .mediaContactInfo .phone {
        margin-top:-100px;
        padding-left:0;
    }

    .pageContentListLabel {
        width: 55%;
        padding-right: 5px;
    }
    .pageContentListText { width: 40%; }
    .pageContentNote {
        font-size: 0.9em;
        padding: 6px 0 0 0;
    }
}
/**************************************************/
/***************** Sidebar Content ****************/
/*********** Page Sidebars ***********/
.contentSidebar {
    background-color: rgba(114, 168, 79, 0.8);
    padding-top: 5px;
    padding-bottom: 20px;
}
    .contentSidebar a {
        color: #053019;
    }
.sidebarContent {
    color: #222;
}
/* side bars */
.sideBar {
    background-color: rgba(114, 168, 79, 0.9);
    height: 100%;
}
    .sideBar div {
        height: 50px;
        overflow: hidden;
    }
    .sideBar img {
        width: 100%;
        height: 50px;
        overflow: hidden;
    }
    .sideBar ul {
        padding: 10px 8px 15px 25px;
    }

.dnrLinks a, .dnrLinks a:hover, .dnrLinks a:focus {
    color: #031;
}
.sidebarImage {
    background-color: rgba(255, 255, 255, 1.0);
    border-radius: 5px;
    margin:0 auto 10px auto;
    padding: 7px;
    text-align: center;
    width: 100%;
}
    .sidebarImage img {
        width: 100%;
        border-radius: 4px;
    }
@media (max-width: 767px) {
}
@media (min-width: 768px) {
    .contentSidebar {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .sidebarContent {
        font-size: 0.8em;
    }
}
@media (min-width: 992px) {
    .contentSidebar {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .sidebarContent {
        font-size: 0.9em;
    }
}
@media (min-width: 1200px) {
    .contentSidebar {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .sidebarContent {
        font-size: 1em;
    }
}
/************** Leader Sidebar ***************/
.leader .address {
    margin-top: 10px;
}
/************** Search ***************/
.search {
    margin: 15px 0;
    padding-top:10px;
}
    .search h4 {
        font-style: normal;
        font-weight: 600;
        padding-top: 0px;
        margin-top: -30px;
        padding-left: 10px;
        color: #eee;
    }
    .search input {
    }
.searchBar {
    background-color:rgba(0, 51, 17, 0.8);
    width:100%;
}
    .searchBar .wpTitle {
        color:#eee;
        -webkit-text-shadow: 1px 1px 4px #111,-1px -1px 4px #333;
        text-shadow: 1px 1px 4px #111,-1px -1px 4px #333;
    }
.searchNews input {
    width: 100%;
}
.searchNewsLabel {
    float: right;
    padding-top: 6px;
    cursor: pointer;
    -webkit-text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
    text-shadow: 1px 1px 4px #fff,-1px -1px 4px #fff;
}
.searchNews {
    line-height: 20px;
    opacity: 1;
}
    .searchNews.ng-hide-add, .searchNews.ng-hide-remove {
        display: block !important;
    }
        .searchNews.ng-hide-add.ng-hide-add-active, .searchNews.ng-hide-remove.ng-hide-remove-active {
            -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
            -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
            -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
            transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
        }
    .searchNews.ng-hide {
        line-height: 0;
        opacity: 0;
    }
@media (max-width: 767px) {
    .search {
        margin:5px 0 10px 0;
        padding-top:0;
    }
    .news .search {
        padding: 6px;
    }
    .search label {
        font-size: 1.05em;
    }
    .searchNews input {
        padding: 0 2px 2px 2px;
    }
    .searchBar {
        height:34px;
        padding-top:6px;
    }
        .searchBar .wpTitle {
            font-size:15px;
            padding-left:10px;
        }
        .budget .searchBar input {
            width:160px;
        }
        .commissions .searchBar input {
            width:117px;
        }
        .media .searchBar input {
            width:160px;
        }
}

@media (min-width: 768px) {
    .news .search {
        padding: 6px;
    }
    .search label {
        font-size: 1.05em;
    }
    .searchNews input {
        padding: 0 2px 2px 2px;
    }
    .searchBar {
        height:34px;
        padding-top:6px;
    }
        .searchBar .wpTitle {
            font-size:15px;
            padding-left:10px;
        }
        .budget .searchBar input {
            width:160px;
        }
        .commissions .searchBar input {
            width:117px;
        }
        .media .searchBar input {
            width:110px;
        }
}
@media (min-width: 992px) {
    .news .search {
        padding: 6px;
    }
    .search label {
        font-size: 1.2em;
    }
    .searchNews input {
        padding: 0 5px 2px 4px;
    }
    .searchBar {
        height:42px;
        padding-top:6px;
    }
        .searchBar .wpTitle {
            font-size:20px;
            padding-left:10px;
        }
        .budget .searchBar input {
            width:190px;
        }
        .commissions .searchBar input {
            width:145px;
        }
        .media .searchBar input {
            width:120px;
        }
}
@media (min-width: 1200px) {
    .news .search {
        padding: 6px;
    }
    .search label {
        font-size: 1.2em;
    }
    .searchNews input {
        padding: 0 5px 2px 4px;
    }
    .searchBar {
        height:50px;
        padding-top:10px;
    }
        .searchBar .wpTitle {
            padding-left:15px;
        }
        .searchBar input {
            width:190px;
        }
        .budget .searchBar input {
            width:220px;
        }
        .media .searchBar input {
            width:190px;
        }
}
/************* News Styles **************/
/*.news .newsContent {
    padding-bottom: 8px;
}
.news .title {
    font-size: 1.1em;
    padding-bottom: 0;
}*/
.newsContent .summary { padding-bottom:6px;}
.newsContent .published { font-size:0.85em;}
@media (max-width: 767px) {
    .newsContent .summary { padding-bottom:6px;}
    .newsContent .published { font-size:0.8em;}
}
@media (min-width: 768px) {
    .newsContent .summary { padding-bottom:6px;}
    .newsContent .published { font-size:0.8em;}
}
@media (min-width: 992px) {
    .newsContent .summary { padding-bottom:6px;}
    .newsContent .published { font-size:0.85em;}
}
@media (min-width: 1200px) {
    .newsContent .summary { padding-bottom:6px;}
    .newsContent .published { font-size:0.9em;}
}
/************ Calendar Styles *************/
.calendar {
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
}
/************** bootstrap accordion overrides ****************/
.panel-heading {
    padding: 10px 15px;
}
.news .panel-heading {
    padding: 6px 10px;
}
.calendar .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.calendar .panel-heading {
    margin-left: -10px;
    margin-bottom: 0;
    padding: 0;
}
.panel-title > a {
    font-size:1em;
    font-weight:500;
    color: #276f49;
    cursor: pointer;
}
    .panel-title > a:hover {
        text-decoration: none;
    }
    .calendar .pageSubTitle { 
        font-size:1.6em; 
    }
    .calendar .panel-title .date {
        float: left;
        background-color: rgba(114, 168, 79, 0.4);
        border-right: 1px #333 solid;
    }
        .calendar .date .month {
            text-align: center;
            color: #004a23;
        }
        .calendar .date .day {
            text-align: center;
        }
    .calendar .panel-title .title{
        float: right;
    }
    .news .published { font-size:0.85em;}
@media (max-width: 767px) {
    .panel-heading {
        padding:2px 5px 5px 5px;
    }
    .panel-group .panel + .panel {
        margin-top: 3px;
    }
    .calendar .panel-default > .panel-heading {
        height: 25px;
        margin-bottom: 0px;
    }
    .panel-title > a {
        font-size: 0.9em;
    }
    .calendar .pageSubTitle { font-size:1.4em; }
    .calendar .panel-title .date {
        width: 25%;
        padding-bottom: 2px;
        padding-left: 10px;
    }
        .calendar .date .month {
            font-size: 1.075em;
        }
        .calendar .date .day {
            font-size: 0.85em;
        }
    .calendar .panel-title .title{
        font-size: 0.9em;
        width: 73%;
        padding-top: 2px;
    }
    .panel-body {
        padding:8px 10px 0px 8px;
    }
        .calendar .panel-body, .news .panel-body {
            font-size: 0.8em;
            padding: 4px;
        }
        .news .panel-body .published {
            font-size: 0.8em;
            padding-bottom: 0;
        }
    .news .summary { padding-bottom:4px;}
    .news .published { font-size:0.8em;}
}
@media (min-width: 768px) {
    .panel-heading {
        padding:5px 10px;
    }
    .panel-group .panel + .panel {
        margin-top: 3px;
    }
    .calendar .panel-default > .panel-heading {
        height: 25px;
        margin-bottom: 0px;
    }
    .panel-title > a {
        font-size: 0.85em;
    }
    .calendar .pageSubTitle { font-size:1.4em; }
    .calendar .panel-title .date {
        width: 25%;
        padding-bottom: 2px;
        padding-left: 10px;
    }
        .calendar .date .month {
            font-size: 1.075em;
        }
        .calendar .date .day {
            font-size: 0.85em;
        }
    .calendar .panel-title .title{
        font-size: 0.9em;
        width: 73%;
        padding-top: 2px;
    }
    .panel-body {
        padding:8px 10px 0px 8px;
    }
        .calendar .panel-body, .news .panel-body {
            font-size: 0.8em;
            padding: 4px;
        }
        .news .panel-body .published {
            font-size: 0.8em;
            padding-bottom: 0;
        }
    .news .summary { padding-bottom:4px;}
    .news .published { font-size:0.8em;}
}
@media (min-width: 992px) {
    .panel-group .panel + .panel {
        margin-top: 4px;
    }
    .calendar .panel-default > .panel-heading {
        height: 32px;
        margin-bottom: 0px;
    }
    .panel-title > a {
        font-size: 0.9em;
    }
    .calendar .pageSubTitle { font-size:1.6em; }
    .calendar .panel-title .date {
        width: 20%;
        padding-bottom: 3px;
        padding-left: 10px;
    }
        .calendar .date .month {
            font-size: 1.1em;
        }
        .calendar .date .day {
            font-size: 0.8em;
        }
    .calendar .panel-title .title {
        font-size: 0.95em;
        width: 78%;
        padding-top: 2px;
    }
    .panel-body {
        padding:10px 10px 0px 10px;
    }
        .calendar .panel-body, .news .panel-body {
            font-size: 0.9em;
            padding: 6px;
        }
        .news .panel-body .published {
            font-size: 0.85em;
            padding-bottom: 0;
        }
    .news .summary { padding-bottom:6px;}
    .news .published { font-size:0.85em;}
}
@media (min-width: 1200px) {
    .panel-group .panel + .panel {
        margin-top: 5px;
    }
    .calendar .panel-default > .panel-heading {
        height: 37px;
        margin-bottom: 0px;
    }
    .panel-title > a {
        font-size: 1em;
    }
    .calendar .pageSubTitle { font-size:1.8em; }
    .calendar .panel-title .date {
        width: 20%;
        padding-bottom: 3px;
        padding-left: 10px;
    }
        .calendar .date .month {
            font-size: 1.1em;
        }
        .calendar .date .day {
            font-size: 0.9em;
        }
    .calendar .panel-title .title {
        font-size: 0.9em;
        width: 78%;
        padding-top: 2px;
    }
    .panel-body {
        padding:10px 10px 0px 15px;
    }
        .calendar .panel-body, .news .panel-body {
            font-size: 1em;
            padding: 8px;
        }
        .news .panel-body .published {
            font-size: 0.9em;
            padding-bottom: 0;
        }
    .news .summary { padding-bottom:6px;}
    .news .published { font-size:0.9em;}
}

/************ Pagination Styles ***********/
.pagination {
    margin: 0;
    border-radius: 4px;
}
    .pagination-lg > li > a, .pagination-lg > li > span {
        padding: 8px 12px;
        font-size: 18px;
    }
@media (max-width: 767px) {
    .pagination-lg > li > a, .pagination-lg > li > span {
        padding: 4px 6px;
        font-size: 14px;
    }
}
@media (min-width: 768px) {
    .pagination-lg > li > a, .pagination-lg > li > span {
        padding: 6px 8px;
        font-size: 16px;
    }
}
@media (min-width: 992px) {
    .pagination-lg > li > a, .pagination-lg > li > span {
        padding: 8px 12px;
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    .pagination-lg > li > a, .pagination-lg > li > span {
        padding: 10px 16px;
        font-size: 18px;
    }
}
/********************* Item Styles **************************/
.itemContainer {
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
}
.itemTitle {
    font-size: 1.15em;
    margin-top: 5px;
}
.itemDetail {
    font-size: 1em;
    margin-top: 0;
}
.itemLabel {
    font-weight: 600;
    display: inline-block;
    min-width: 150px;
}
.itemText {
    font-weight: 300;
    display: inline-block;
}
/************ Accordion styles  *************/
.accTitle {
    font-size: 1.3em;
    margin-top: -5px;
}
.accHeading {
    font-size: 1.25em;
    margin-top: 0;
}
.accbody {
    font-size: 1.2em;
}
@media (max-width: 767px) {
    .accTitle {
        font-size: 1.2em;
        margin-top: -5px;
    }
    .accHeading {
        font-size: 1.2em;
        margin-top: 0;
    }
    .accbody {
        font-size: 1.2em;
    }
}
@media (min-width: 768px) {
    .accTitle {
        font-size: 1.23em;
        margin-top: -5px;
    }
    .accHeading {
        font-size: 1.25em;
        margin-top: 0;
    }
    .accbody {
        font-size: 1.2em;
    }
}
@media (min-width: 992px) {
    .accTitle {
        font-size: 1.25em;
        margin-top: -5px;
    }
    .accHeading {
        font-size: 1.25em;
        margin-top: 0;
    }
    .accbody {
        font-size: 1.2em;
    }
}
@media (min-width: 1200px) {
    .accTitle {
        font-size: 1.3em;
        margin-top: -5px;
    }
    .accHeading {
        font-size: 1.25em;
        margin-top: 0;
    }
    .accbody {
        font-size: 1.2em;
    }
}
/********** web part types ************/
/*********** Related Links *************/
.relatedLinks ul {
    margin-left: -10px;
}
    .relatedLinks li a {
        font-size: 1em;
    }
/*********** featured Resources *************/
.featuredResources {
    margin-top: 10px;
}
    .featuredResources h4 {
        padding-top: 0px;
        margin-top: -30px;
        padding-left: 10px;
        font-weight: 600;
        color: #eee;
    }
/*********** Quick Links *************/
.quickLinks {
    margin-top: 10px;
}
    .quickLinks h4 {
        padding-top: 0px;
        margin-top: -30px;
        padding-left: 10px;
        font-weight: 600;
        color: #eee;
    }
    .quickLinks ul{
    }
@media (max-width: 767px) {
    .home .quickLinks { display:none; }
}
@media (min-width: 768px) {
    .home .quickLinks { display:normal; }
}
@media (min-width: 992px) {
    .home .quickLinks { display:normal; }
}
@media (min-width: 1200px) {
    .home .quickLinks { display:normal; }
}
/*********************************/
/************ Slides *************/
.slides {
    background-color:white;
    padding:5px;
    margin-bottom:15px;
}
.headerSlides {
    margin-bottom:0px;
}
    .slides a.imageBox {
        width: 100%;
        /*height: 270px;*/
        clip: rect(0px, 475px, 270px, 0px);
    }
    .slides img {
        width: 100%;
        border-radius:5px;
    }
    .slides .overlay {
        position: relative;
        top: -70px;
        left: 0px;
        background-color: rgba(100, 100, 100, 0.33);
        width: 100%;
        height: 70px;
        z-index: 1;
    }
    .slides .carousel-indicators {
        bottom: -35px;
    }
    .headerSlides .carousel-indicators {
        bottom: -5px;
    }
    .slides .carousel-indicators li {
        background-color:#fff;
        border-color:#132;
    }
    .slides .carousel-indicators .active {
        background-color:#276f49;
        border-color:#fff;
    }
    .slides .carousel-caption {
        text-align: left;
    }
        .slides .carousel-caption h4 {
            -webkit-text-shadow: -1px -1px 3px #222, 1px 1px 3px #000;
            text-shadow: -1px -1px 3px #222, 1px 1px 3px #000;
        }
        .slides .carousel-caption h5 {
            -webkit-text-shadow: -2px -2px 4px #222, 2px 2px 4px #000;
            text-shadow: -2px -2px 4px #222, 2px 2px 4px #000;
        }
    .carousel-control {
        cursor: default;
    }
    .headerSlides .carousel-control .glyphicon-chevron-left, .headerSlides .carousel-control .glyphicon-chevron-right, .headerSlides .carousel-control .icon-prev, .headerSlides .carousel-control .icon-next {
        display:none;
    }
@media (max-width: 767px) {
    .slides .carousel-indicators {
        bottom: -30px;
    }
    .headerSlides .carousel-indicators {
        bottom: -5px;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
    }
    .slides .carousel-caption {
        width: 90%;
        bottom: -16px;
        margin-left: -60px;
        padding-left: 0px;
    }
    .headerSlides .carousel-caption {
        width: 95%;
        margin-left: 0px;
    }
        .slides .carousel-caption h4 {
            font-size: 1.6em;
            margin: 0 0 4px 0;
            padding: 0;
        }
        .slides .carousel-caption h5 {
            font-size: 1.3em;
            margin: 0;
            padding: 0;
        }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-prev, .slides .carousel-control .icon-next {
        width: 30px;
        height: 30px;
    }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .icon-prev {
        margin-top: -30px;
        margin-left: -25px;
        font-size: 40px;
    }
    .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-next {
        margin-top: -30px;
        margin-right: -15px;
        font-size: 40px;
    }
}
@media (min-width: 768px) {
    .slides .carousel-indicators {
        bottom: -36px;
    }
    .headerSlides .carousel-indicators {
        bottom: -5px;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
    }
    .slides .carousel-caption {
        width: 90%;
        bottom: -18px;
        margin-left: -50px;
        padding-left: 0px;
    }
    .headerSlides .carousel-caption {
        width: 95%;
        bottom: -25px;
        margin-left: -135px;
    }
        .slides .carousel-caption h4 {
            font-size: 1em;
            margin: 0 0 4px 0;
            padding: 0;
        }
        .slides .carousel-caption h5 {
            font-size: 0.9em;
            margin: 0;
            padding: 0;
        }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-prev, .slides .carousel-control .icon-next {
        width: 30px;
        height: 30px;
    }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .icon-prev {
        margin-top: -35px;
        margin-left: -20px;
        font-size: 35px;
    }
    .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-next {
        margin-top: -35px;
        margin-right: -10px;
        font-size: 35px;
    }
    .headerSlides .carousel-control .glyphicon-chevron-left, .headerSlides .carousel-control .glyphicon-chevron-right, .headerSlides .carousel-control .icon-prev, .headerSlides .carousel-control .icon-next {
        display:none;
    }
}
@media (min-width: 992px) {
    .slides .carousel-indicators {
        bottom: -35px;
    }
    .headerSlides .carousel-indicators {
        bottom: -5px;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
    }
    .slides .carousel-caption {
        width: 90%;
        bottom: -18px;
        margin-left: -60px;
        padding-left: 0px;
    }
    .headerSlides .carousel-caption {
        width: 95%;
        bottom: -30px;
        margin-left: -180px;
    }
        .slides .carousel-caption h4 {
            font-size: 1.15em;
            margin: 0 0 6px 8px;
            padding: 0;
        }
        .slides .carousel-caption h5 {
            font-size: 0.9em;
            margin: 0 0 0 8px;
            padding: 0;
        }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-prev, .slides .carousel-control .icon-next {
        width: 30px;
        height: 30px;
    }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .icon-prev {
        margin-top: -27px;
        margin-left: -25px;
        font-size: 36px;
    }
    .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-next {
        margin-top: -30px;
        margin-right: -16px;
        font-size: 36px;
    }
    .headerSlides .carousel-control .glyphicon-chevron-left, .headerSlides .carousel-control .glyphicon-chevron-right, .headerSlides .carousel-control .icon-prev, .headerSlides .carousel-control .icon-next {
        display:none;
    }
}
@media screen and (min-width: 1200px) {
    .slides .carousel-indicators {
        bottom: -35px;
    }
    .headerSlides .carousel-indicators {
        bottom: -5px;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
    }
    .slides .carousel-caption {
        width: 90%;
        bottom: -18px;
        margin-left: -60px;
        padding-left: 0px;
    }
    .headerSlides .carousel-caption {
        width: 95%;
        bottom: -25px;
        margin-left: -210px;
    }
        .slides .carousel-caption h4 {
            font-size: 1.2em;
            margin: 0 0 6px 0;
            padding: 0;
        }
        .slides .carousel-caption h5 {
            font-size: 1.1em;
            margin: 0;
            padding: 0;
        }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-prev, .slides .carousel-control .icon-next {
        width: 30px;
        height: 30px;
    }
    .slides .carousel-control .glyphicon-chevron-left, .slides .carousel-control .icon-prev {
        margin-top: -32px;
        margin-left: -30px;
        font-size: 40px;
    }
    .slides .carousel-control .glyphicon-chevron-right, .slides .carousel-control .icon-next {
        margin-top: -35px;
        margin-right: -15px;
        font-size: 40px;
    }
    .headerSlides .carousel-control .glyphicon-chevron-left, .headerSlides .carousel-control .glyphicon-chevron-right, .headerSlides .carousel-control .icon-prev, .headerSlides .carousel-control .icon-next {
        display:none;
    }
}
/*==========  FADE ANIMATIONS  ==========*/
@-webkit-keyframes fadeOut {
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeOut {
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeOut {
    100% {
        opacity: 1;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 0.33;
    }
    167% {
        opacity: 0.67;
    }
    100% {
        opacity: 1;
    }
}
/********** Footer ***********/
footer {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(114, 168, 79, 0.8);
    width: 140%;
    height: 30px;
    min-height: 30px;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
    footer {
        margin-left: calc(((100%-768)/2)*-1);
    }
}
@media (min-width: 992px) {
    footer {
        margin-left: calc(((100%-992)/2)*-1);
    }
}
@media (min-width: 1200px) {
    footer {
        margin-left: calc(((100%-1200)/2)*-1);
    }
}