﻿/*
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau, 
and/or their suppliers. You may not 
attempt to copy, install, redistribute, convert, modify or reverse 
engineer this font software. Please contact WebType with any 
questions: http://www.webtype.com 
*/
@font-face {
    font-family: "Interstate";
    src: url("/common/fonts/interstate.eot");
    src: url("/common/fonts/interstate.eot?") format("embedded-opentype"), url("/common/fonts/interstate.woff") format("woff"), url("/common/fonts/interstate.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

html {
    font-size: 62.5%;
}

html, body, div, span, applet, object, iframe, form, h1, h2, h3, h4, h5, h6, p, blockquote, a, a:link, a:visited, em, font, img, small, strike, samp, strong, label, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1.4em;
}

body {
    text-align: center;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 14px;
    background-color: #807963;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

sub, sup {
    font-size: .83em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote {
    display: block;
    margin: 1.12em 0;
    margin-left: 40px;
    margin-right: 40px;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

.fl_top {
    vertical-align: top;
}

.fl_absMiddle {
    vertical-align: middle;
}

.fl_bottom {
    vertical-align: bottom;
}

.hide {
    display: none;
}

.show {
    display: block;
}

h1 {
    font-size: 19px;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    color: #00573d;
    font-size: 1.2em;
}

h5 {
    color: #00573d;
    font-size: 1em;
}

h6 {
    font-size: 12px;
}

h.hide {
    display: none;
}

p {
    margin: 9px 0;
}

a:active, a:focus, a:hover {
    text-decoration: none;
}

ol {
    position: relative;
}

input {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
    text-align: left;
    margin: 0 auto;
    width: 982px;
}

.photo-credit {
    background: #000000;
    width: 206px;
    height: 13px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    padding: 2px;
    color: #ffffff;
    margin-top: 6px;
    font-size: 0.78em;
}

#content {
    background: url(/common/images/bgd-mainTile.gif) repeat-y;
}

a.lnk-feed,
a.lnk-feed:visited,
a.lnk-feed2,
a.lnk-feed2:visited,
a.lnk-feed3,
a.lnk-feed3:visited,
a.lnk-feed4,
a.lnk-feed4:visited,
a.lnk-view,
a.lnk-view:visited {
    padding: 0 17px 1px 0;
    text-decoration: none;
    color: #ffffff;
    font-size: 10px;
    float: right;
    display: block;
    text-align: right;
    cursor: pointer;
}

a.lnk-feed,
a.lnk-feed2 {
    background: url(/common/images/icon-feed.gif) right top no-repeat;
}

a.lnk-feed3 {
    background: url(/common/images/icon-feed.gif) right 2px no-repeat;
}

a.lnk-feed3 {
    font-family: "Times New Roman", Times, serif;
    color: #b34c14;
    margin-top: 11px;
    font-size: 1em;
    font-weight: bold;
}

a.lnk-feed {
    text-transform: uppercase;
}

a.lnk-feed2 {
    text-transform: uppercase;
}

a.lnk-feed4 {
    padding-right: 0px;
    text-transform: uppercase;
}

a.lnk-view {
    background: url(/common/images/icon-view.gif) right top no-repeat;
}

    a.lnk-feed:hover,
    a.lnk-feed2:hover,
    a.lnk-feed3:hover,
    a.lnk-feed4:hover,
    a.lnk-view:hover {
        text-decoration: underline;
    }

.font1 {
    color: #7d7d7d;
}

.font2 {
    font-size: 1.1em;
}

.right-column .appeal,
.left-column .appeal {
    padding-right: 10px;
    margin-bottom: 12px;
}

    .right-column .appeal a,
    .left-column .appeal a {
        color: #b34c14;
        text-decoration: none;
        font-size: 12px;
    }

        .right-column .appeal a:hover,
        .left-column .appeal a:hover {
            text-decoration: underline;
        }

p a,
.center-column ul.index1 a,
.center-column ol.index1 a,
.center-column .block1 a,
.center-column ul a,
.center-column ol a,
.center-column h1 a,
main-content h2 a,
.center-column h3 a,
.center-column h4 a,
.center-column h5 a,
.center-column h6 a {
    color: #b34c14;
    text-decoration: none;
}

    p a:hover,
    .center-column ul.index1 a:hover,
    .center-column ol.index1 a:hover,
    .center-column .block1 a:hover,
    .center-column ul a:hover,
    .center-column ol a:hover,
    .center-column h1 a:hover,
    .center-column h2 a:hover,
    .center-column h3 a:hover,
    .center-column h4 a:hover,
    .center-column h5 a:hover,
    .center-column h6 a:hover {
        text-decoration: underline;
    }

.center-column h1 {
    color: #421d08;
}

.center-column .description h1 {
    color: #ffffff;
    font-size: 19px;
}

.center-column h3 {
    color: #421d08;
    font-size: 1.3em;
}

.center-column .fl-img,
.right-column .fl-img {
    float: left;
    display: inline;
    margin: 0 20px 18px 0;
}

.center-column .fl-img-right,
.right-column .fl-img-right {
    float: right;
    display: inline;
    margin: 12px 0 20px 20px;
}

.center-column p {
    margin-bottom: 9px;
}

.center-column ul.insideList {
    margin: 0 0 0 18px;
    padding: 0;
    color: #421d08;
}

    .center-column ul.insideList li {
    }

*:first-child + html .center-column ul.insideList {
    margin: 0 0 0 18px;
    padding: 0;
    color: #421d08;
    list-style-position: inside;
}

    *:first-child + html .center-column ul.insideList li {
        width: 100%;
        vertical-align: top;
        position: relative;
        top: -0.4em;
    }

* html .center-column ul.insideList {
    margin: 0 0 0 18px;
    padding: 0;
    color: #421d08;
    list-style-position: inside;
}

    * html .center-column ul.insideList li {
        width: 100%;
        vertical-align: top;
        position: relative;
        top: -0.4em;
    }

        .center-column ul.insideList li a {
            color: #421d08;
            text-decoration: none;
        }

            .center-column ul.insideList li a:hover {
                text-decoration: underline;
            }

.box-left,
.box-right {
    width: 234px;
    float: left;
    display: inline;
    margin-top: 29px;
}

.box-right {
    float: right;
}

.block1 {
    border-top: 1px dashed #e7b403;
    padding: 4px 0 4px 4px;
}

.active .block1 h2 {
    margin-left: 26px;
}

.block1 h6 {
    color: #363636;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-left: 6px;
}

.block1 a.title {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
}

.block1 a.title2 {
    font-size: 1.1em;
    font-weight: bold;
}

.center-column .block1 ul.index1,
.block1 ul.index1 {
    margin: 0;
    padding: 0 9px;
    list-style: none;
    width: 142px;
}

    .center-column .block1 ul.index1 li,
    .block1 ul.index1 li {
        margin-bottom: 2px;
        left: auto;
    }

.center-column .block1 ul.index2,
.block1 ul.index2 {
    margin: 8px 0 0 6px;
    padding: 0;
    list-style: none;
}

    .center-column .block1 ul.index2 li,
    .block1 ul.index2 li {
        background: url(/common/images/img-bulletDiamond.gif) 0 4px no-repeat;
        padding-left: 12px;
        margin-bottom: 7px;
        left: auto;
    }

.right-column .link-email {
    margin: 0 0 19px 4px;
}

.right-column h1 {
    font-size: 1.6em;
    color: #421d08;
    line-height: 1em;
    margin-bottom: 16px;
    font-family: Interstate, Arial, sans-serif;
}

.right-column .appeal h1 {
    margin: 0 0 7px 0;
}

.left-column .ad-magazine {
    text-align: center;
    margin: 0 0 14px 0;
}

.donate-today {
    float: left;
    display: inline;
    margin-left: 10px;
    width: 227px;
}

.donate-ad {
    float: left;
    display: inline;
    margin-left: 8px;
}

.sec-burst {
    float: right;
    margin-right: 14px;
    display: inline;
}

.action-alert,
.region1,
.news1,
.global-warming1,
.get-outside1,
.explore-wildlife1,
.magazine1 {
    width: 220px;
    float: left;
    margin-top: 16px;
    display: inline;
}

.action-alert {
    margin-left: 13px;
}

    .action-alert .cnt-wrapper {
        background-color: #ffffff;
    }

.region1 .right {
    float: right;
    display: inline;
    width: 122px;
}

.region1,
.news1,
.global-warming1,
.get-outside1,
.explore-wildlife1,
.magazine1 {
    margin-left: 18px;
}

.home-header {
    background-image: url(/common/images/bgd-homeHeaders.gif);
    width: 208px;
    padding: 6px 6px;
}

.cnt-burstMain,
.cnt-burst {
    background-color: #ffffff;
    font-size: 12px;
    color: #464646;
    padding: 0 0 0 6px;
}

.cnt-burst {
    height: auto !important;
    height: 32px;
    min-height: 32px;
}

.cnt-burstMain {
    padding: 8px 6px 0 6px;
}

    .cnt-burstMain h5 {
        font-size: 1.1em;
    }

    .cnt-burstMain p,
    .cnt-burst p {
        margin: 0;
    }

    .cnt-burstMain a,
    .cnt-burst a {
        color: #235937;
        text-decoration: none;
    }

        .cnt-burst a:hover,
        .cnt-burstMain a:hover {
            text-decoration: underline;
        }

.action-alert a {
    text-decoration: underline;
}

    .action-alert a:hover {
        text-decoration: none;
    }

.purchaseButton {
    border-style: none;
    width: 216px;
    height: 53px;
    cursor: pointer;
    margin: 0 0 0 0;
    background: url( '/common/Images/conniesmicrosite/Purchase_Button.png' ) top left no-repeat;
}

.cross-links {
}

    .cross-links h5 {
        padding: 6px 0 5px 8px;
    }

    .cross-links ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .cross-links ul li {
            padding: 5px 12px;
        }

            .cross-links ul li a {
                text-decoration: none;
                display: block;
                line-height: 1.1;
            }

                .cross-links ul li a:hover {
                    text-decoration: underline;
                }

.box-more {
    font-size: 11px;
}

    .box-more h5,
    .box-more-blog h5 {
        background: url(/common/images/bgd-magazineHeaders.gif);
        border-bottom: 3px solid #bbdb76;
        color: #4e2b17;
        padding: 6px 8px 5px 8px;
    }

        .box-more h5.index span {
            text-transform: uppercase;
            font-size: 0.8em;
        }

    .box-more ul.list2 {
        border-top: 1px dashed #afd696;
    }

        .box-more ul.list2 li {
            border-bottom: 1px dashed #afd696;
        }

    .box-more ul.list2 {
        margin: 0;
        padding: 0;
        list-style: none;
        border-top: 1px dashed #cccaab;
    }

        .box-more ul.list2 li {
            border-bottom: 1px dashed #cccaab;
            padding: 5px 10px;
            color: #7d7d7d;
            left: auto;
        }

            .box-more ul.list2 li.active {
                background: #e7b403 url(/common/images/img-exclamationSymb.gif) 5px 8px no-repeat;
                padding-left: 24px;
                color: #ffffff;
            }

            .box-more ul.list2 li a {
                font-size: 11px;
                text-decoration: none;
                line-height: 1.1;
                color: #b34c14;
            }

                .box-more ul.list2 li a:hover {
                    text-decoration: underline;
                }

                .box-more ul.list2 li a.second-link {
                    text-decoration: underline;
                    line-height: 1.1;
                    color: #7d7d7d;
                }

                    .box-more ul.list2 li a.second-link:hover {
                        text-decoration: none;
                    }

            .box-more ul.list2 li.active a.second-link {
                color: #ffffff;
            }

            .box-more ul.list2 li img {
                float: left;
                display: inline;
                margin-right: 18px;
            }

.media-list {
    margin-top: 24px;
}

    .media-list h5 {
        margin-bottom: 4px;
    }

    .media-list ul.list2 li {
        font-size: 1em;
    }

        .media-list ul.list2 li a {
            font-weight: bold;
            font-size: 1.1em;
        }

            .media-list ul.list2 li a.second-link {
                font-size: 1em;
                font-weight: normal;
            }

        .media-list ul.list2 li.active {
            color: #363636;
        }

ul.list3 {
    margin: -1px 0 0 0!important;
    padding: 0!important;
    list-style: none;
    border-bottom: 1px dashed #cccaab;
    background: #fbfbe3;
    font-size: 11px;
}

    ul.list3 li {
        background: url(/common/images/img-bulletDiamond.gif) no-repeat;
        background-position: 10px 9px;
        padding: 5px 5px 5px 24px!important;
        border-top: 1px dashed #cccaab;
        left: auto!important;
    }

        ul.list3 li a {
            text-decoration: none;
            color: #b34c14;
        }

            ul.list3 li a:hover {
                text-decoration: underline;
            }

ul.help-list3 {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}

    ul.help-list3 li {
        padding: 6px;
    }

    ul.help-list3 a {
        text-transform: uppercase;
        font-weight: bold;
        color: #ac8439;
        text-decoration: none;
    }

        ul.help-list3 a:hover {
            text-decoration: underline;
        }

ul.list4 {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}

    ul.list4 li {
        background-image: url(/common/images/img-bullet.gif);
        background-repeat: no-repeat;
        background-position: 6px 6px;
        padding-left: 14px;
    }

        ul.list4 li a {
            color: #b34c14;
            text-decoration: none;
            font-size: 1em;
        }

            ul.list4 li a:hover {
                text-decoration: underline;
            }

ul.list5,
ul.list5 {
    margin: 0!important;
    padding: 0!important;
    list-style: none;
}

.center-column ul.list5 li {
    left: auto;
}

ul.list5 .intro {
    padding: 0 20px 0 0;
}

ul.list5 li.active {
    background: #fbfbe3;
}

    ul.list5 li.active .intro {
        padding-left: 26px;
        background: url(/common/images/img-bulletDiamond.gif) 8px 6px no-repeat;
    }

ul.list5 p {
    margin-top: 0;
}

ul.list5 .content-size {
    color: #363636;
    font-size: 12px;
}

ul.list5 .article-title {
    margin: 7px 0;
}

ul.list5 h3 {
    color: #b34c14 !important;
    display: inline;
    font-size: 1.1em !important;
    margin-right: 4px;
}

ul.list5 li.active {
    background: #fbfbe3;
}

    ul.list5 li.active .intro {
        background: url(/common/images/img-bulletDiamond.gif) 8px 6px no-repeat;
    }

.make-difference {
    position: relative;
}

    .make-difference img {
        position: relative;
        left: 8px;
        margin: 2px 6px 2px 6px;
    }

    .make-difference .title-img {
        position: relative;
        left: 0px;
    }

    .make-difference .top-border {
        border-top: 1px solid #d1cbb6;
    }

    .make-difference .text {
        position: relative;
        top: -6px;
        left: 6px;
    }

    .make-difference a {
        text-decoration: none;
        color: #b34c14;
    }

        .make-difference a:hover {
            text-decoration: underline;
        }

.roundimage {
    position: relative;
    float: left;
}

    .roundimage img {
        border: none;
    }

    .roundimage a {
        cursor: pointer;
    }

    .roundimage span {
        position: absolute;
        z-index: 2;
        height: 5px;
        width: 5px;
    }

    .roundimage .curve1 {
        background: transparent url(/common/images/img-rnd-trcorner.png) top right no-repeat;
        top: 0;
        right: 0;
    }

    .roundimage .curve2 {
        background: transparent url(/common/images/img-rnd-tlcorner.png) top left no-repeat;
        top: 0;
        left: 0;
    }

    .roundimage .curve3 {
        background: transparent url(/common/images/img-rnd-brcorner.png) bottom right no-repeat;
        bottom: 0;
        _bottom: -1px;
        right: 0;
    }

    .roundimage .curve4 {
        background: transparent url(/common/images/img-rnd-blcorner.png) bottom left no-repeat;
        bottom: 0;
        _bottom: -1px;
        left: 0;
    }

.box-more .roundimage .curve2,
.box-more .roundimage .curve4 {
    left: 14px;
}


.rss-box {
    margin: 10px 5%;
    padding: 4px 8px;
    width: 100%;
}

.rss-title, rss-title a {
    font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
    letter-spacing: 1px;
}

.rss-items {
    list-style: none;
}

.rss-item {
    position: relative;
    width: 220px;
    left: -30px;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    margin-bottom: 8px;
}

    .rss-item a:link, .rss-item a:visited, .rss-item a:active {
        text-decoration: none;
        border-bottom: 1px solid #ededed;
        color: #88b;
    }

    .rss-item a:hover {
        text-decoration: none;
        color: #e0861e;
        border-bottom: 1px dotted #e0861e;
    }

.rss-date {
    position: relative;
    width: 220px;
    left: -30px;
    font-size: 9px;
    font-weight: normal;
    font-style: italic;
}

#footer {
    font-family: Interstate!important;
}

#footer-links {
    left: 8px!important;
}

#footer-bottom {
    background-color: transparent!important;
}

.top-links {
    position: relative;
    left: -2px;
    margin: 15px 0 15px 0;
    height: 22px;
}

a.donate-button {
    width: 150px;
    height: 25px;
    display: inline-block;
}

a:hover.donate-button:hover {
    background: url(/common/images/btn-donate-hover.png) no-repeat;
}

a.donate-button.red {
    background: url(/common/images/btn-donate-red.png) no-repeat;
}

a.donate-button.yellow {
    background: url(/common/images/btn-donate-yellow.png) no-repeat;
}

a.donate-button.green {
    background: url(/common/images/btn-donate-green.png) no-repeat;
}

a.donate-button.green2 {
    background: url(/common/images/btn-donate-green2.png) no-repeat;
}

a.donate-button.turquoise {
    background: url(/common/images/btn-donate-turquoise.png) no-repeat;
}

a.donate-button.orange {
    background: url(/common/images/btn-donate-orange.png) no-repeat;
}

a.primary-button {
    width: 150px;
    height: 25px;
    display: inline-block;
    font-family: verdana;
    font-weight: bold;
    font-size: 12pt;
    text-decoration: none;
    color: #fff;
    padding-top: 3px;
    padding-left: 4px;
}

a:hover.primary-button:hover {
    background: url(/common/images/btn-primary-hover.png) no-repeat;
}

a.primary-button.red {
    background: url(/common/images/btn-primary-red.png) no-repeat;
}

a.primary-button.yellow {
    background: url(/common/images/btn-primary-yellow.png) no-repeat;
}

a.primary-button.green {
    background: url(/common/images/btn-primary-green.png) no-repeat;
}

a.primary-button.green2 {
    background: url(/common/images/btn-primary-green2.png) no-repeat;
}

a.primary-button.turquoise {
    background: url(/common/images/btn-primary-turquoise.png) no-repeat;
}

a.primary-button.orange {
    background: url(/common/images/btn-primary-orange.png) no-repeat;
}

#from-facebook {
    POSITION: relative;
    WIDTH: 140px;
}

    #from-facebook #header {
        POSITION: relative;
        WIDTH: 140px;
        MARGIN-BOTTOM: 10px;
        BACKGROUND: url(~/media/5837D075BD0D40419D77BF3FA525740A.ashx);
        HEIGHT: 28px;
    }

    #from-facebook.content {
        COLOR: #363636;
        FONT-SIZE: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    #from-facebook A {
        COLOR: #bd6231;
        TEXT-DECORATION: none;
    }

        #from-facebook A:hover {
            TEXT-DECORATION: underline;
        }

#from-twitter {
    POSITION: relative;
    width: 171px;
}

    #from-twitter #header {
        POSITION: relative;
        MARGIN-BOTTOM: 10px;
        BACKGROUND: url(~/media/21739F5B068845248C3D3E483760CC4C.ashx) no-repeat;
        HEIGHT: 28px;
    }

    #from-twitter.content {
        COLOR: #363636;
        FONT-SIZE: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    #from-twitter A {
        COLOR: #bd6231;
        TEXT-DECORATION: none;
    }

        #from-twitter A:hover {
            TEXT-DECORATION: underline;
        }

.stButton {
    font-weight: normal!important;
}

    .stButton .st-facebook-counter {
        width: 56px!important;
        height: 14px!important;
        background: url('/common/images/main/common/btn-fb.png')!important;
    }

    .stButton .st-twitter-counter {
        width: 56px!important;
        height: 14px!important;
        background: url('/common/images/main/common/btn-twitter.png')!important;
    }

    .stButton .st-pinterest-counter {
        width: 56px!important;
        height: 14px!important;
        background: url('/common/images/main/common/btn-pintrest.png')!important;
    }

    .stButton .stButton_gradient {
        padding-top: 0!important;
        padding-bottom: 0!important;
        color: #363636!important;
    }

    .stButton .stArrow {
        position: relative;
        height: 10px!important;
        top: -1px!important;
    }

    .stButton .stBubble_hcount {
        color: #363636!important;
    }

.center-column ul,
.center-column ol {
    position: relative;
    list-style-position: outside;
    margin: 0;
    padding: 0 0 0 23px;
}

    .center-column ul li,
    .center-column ol li {
        padding-bottom: 3px;
    }

.center-column .fl-right-ul,
.center-column .fl-right-ol {
    position: relative!important;
    list-style-position: inside!important;
    text-indent: -12px!important;
    text-indent: -19px\9!important; /*ie hack*/
    margin: 0;
    padding: 0;
    display: inline!important;
}

    .center-column .fl-right-ul li,
    .center-column .fl-right-ol li {
        position: relative!important;
        left: 30px!important;
        margin: 0 30px 0 0!important;
        padding: 0!important;
    }

/* DFR 7/14/2010: added a style for hidden fields in WFM forms */
.hiddenSection
{
    display:none;
}
