@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

body {
    font-family: 'Open Sans';
}

a:hover {
    text-decoration: none;
}


.headerTop {
    background-color: #000;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
}


    .headerTop a {
        display: inline-block;
        margin-top: 22px;
    }


    .headerTop input {
        margin-top: 18px;
        background-color: #000;
        color: #E8E8E8;
        border-right: 0px;
    }

    .headerTop button {
        margin-top: 18px;
        background-color: #000;
    }

    .headerTop #search-cont .btn {
        background-color: #000 !important;
        border-color: #CCC;
    }

#CARlogo {
    display: none;
}

#languageLinksContainer {
    color: #fff;
}

    #languageLinksContainer a {
        text-transform: uppercase;
    }

        #languageLinksContainer a:link {
            color: #fff;
        }

        #languageLinksContainer a:hover {
            color: #DE9124 !important;
            text-decoration: none;
        }

        #languageLinksContainer a:visited {
            color: #fff;
            text-decoration: none;
        }


        #languageLinksContainer a.activeLang {
            color: #DE9124;
        }

#quickLinksContainer {
    margin-right: 10px;
}

    #quickLinksContainer a:link {
        color: #656769;
    }

    #quickLinksContainer a:hover {
        color: #DE9124 !important;
        text-decoration: none;
    }

    #quickLinksContainer a:visited {
        color: #656769;
        text-decoration: none;
    }

#search-cont .btn {
    background-color: #333;
    background-image: none;
    border-color: #E8E8E8;
    border-radius: 0px !important;
}


#search-cont input {
    border-radius: 0px !important;
    min-width: 150px;
    max-width: 160px;
}

#btn-search .icon-search {
    color: #fff;
}

#loginLinksContainer {
    margin-left: 20px;
}

    #loginLinksContainer a {
        display: inline-block;
        min-width: 90px;
        text-align: center;
        background-color: #6595DB;
        color: #fff;
        padding: 5px 25px;
        margin-top: 18px;
    }

        #loginLinksContainer a:link {
            color: #fff;
        }

        #loginLinksContainer a:hover {
            background-color: #949499;
            color: #E8E8E8;
        }

        #loginLinksContainer a:visited {
            color: #fff;
        }

#donateLinkContainer {
    margin-left: 10px;
}

    #donateLinkContainer a {
        display: inline-block;
        min-width: 92px;
        text-align: center;
        background-color: #DE9124;
        color: #fff;
        padding: 8px 25px;
        margin-right: -5px;
    }

        #donateLinkContainer a:link {
            color: #fff;
        }

        #donateLinkContainer a:hover {
            background-color: #949499;
            color: #333333;
        }

        #donateLinkContainer a:visited {
            color: #fff;
        }


#headerLogo {
    margin-bottom: 15px;
    width: 98%;
    min-width: 120px;
    max-width: 300px;
}

.headerMid {
    margin-top: -25px;
}

    .headerMid a.brand {
        display: inline-block;
        margin-top: 15px;
    }

header {
    margin-bottom: 0px;
}

#navContainer {
    margin-left: -20px;
    padding-right: 40px;
    margin-right: -40px;
    position: relative;
}

.navbar {
    background-color: #6595DB;
    min-height: 45px;
    margin-left: 20px;
    margin-right: -20px;
    margin-bottom: 0px;
}

.nav-left-edge {
    display: block;
    width: 20px;
    height: 45px;
    background-color: #6595DB;
    background-clip: content-box;
    background-image: url('/custom/images/nav_leftedge.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.nav-right-edge {
    display: block;
    width: 21px;
    height: 45px;
    background-color: #6595DB;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url('/custom/images/nav_rightedge.png');
    background-clip: content-box;
    background-repeat: no-repeat;
    background-position: right center;
}

.navbar-inner {
    background-image: none;
    background-color: transparent;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    color: #fff;
}

    .navbar-inner:after {
        clear: none;
    }

.navbar .nav > li > a {
    color: #fff;
    text-shadow: none;
}

nav {
    text-align: center;
    min-width: 80%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.nav li.divider:first-child {
    display: none;
}

.nav li.divider {
    padding-top: 10px;
}

.navbar .nav > li > a:hover {
    color: #000 !important;
}

.nav > li.active > a {
    color: #000 !important;
    background: none;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
}

.nav > .active > a:focus {
    background-color: transparent;
    box-shadow: none;
}

/****** Carousel style***/

.carousel {
    max-height: 324px;
    overflow: visible;
    position: relative;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    padding-bottom: 185px;
}

.ad-carousel {
    max-height: 324px;
    overflow: visible;
    position: relative;
    background-color: #fff;
    padding-bottom: 0;
}

.carouselmask {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 48px;
    position: absolute;
    top: 244px;
    left: 0px;
    z-index: 20;
    background-image: url('/custom/images/carousel_bottom.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    margin-bottom: 0px;
}

.carousel-control {
    top: 30% !important;
    font-size: 50px;
}

.carousel-indicators {
    top: 51% !important;
    left: 47% !important;
    z-index: 21;
}

    .carousel-indicators li {
        background-color: #DDD;
    }

        .carousel-indicators li:hover {
            cursor: pointer;
        }

    .carousel-indicators .active {
        background-color: #666;
    }

.carouselpanel img {
    max-height: 290px;
}

.carouselpanel {
    min-height: 500px;
    max-height: 500px;
}

.carousel-caption {
    display: block !important;
    top: 65%;
    color: #000 !important;
    z-index: 19;
    background-color: #F5F5F5;
}

    .carousel-caption h4 {
        font-size: 1.6em;
        margin-bottom: .9em;
        font-weight: 600 !important;
        color: #000 !important;
    }

    .carousel-caption p {
        color: #000 !important;
        line-height: 1.7em;
    }

@media (max-width: 767px) {
    .carousel {
        min-height: 150px;
        max-height: 250px;
        padding-bottom: 45px;
    }

    .carousel-indicators {
        top: 45% !important;
        left: 47% !important;
    }

    .carouselmask {
        top: 78px;
    }

    .carousel-caption {
        top: 45%;
        position: relative;
    }

    .carouselpanel {
        min-height: inherit;
    }

    #action-buttons .actionbtnMain {
        min-height: 250px;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .carousel {
        min-height: 150px;
        max-height: 230px;
        padding-bottom: 120px;
    }

    .ad-carousel {
        min-height: 100px;
        padding-bottom: 0;
    }

    .carouselmask {
        top: 145px;
    }

    .carousel-caption {
        top: 70%;
    }

    .carouselpanel {
        min-height: 340px;
    }

    .carouselpanel img {
        max-height: 190px;
    }
}

/****** Carousel style End***/

/****** homepage body Text style***/

.homepageBody {
    z-index: 30;
    margin-left: 0px;
    background-color: #6595DB;
    clear: both;
    max-height: 250px;
}

.centerBody {
    color: #fff;
    width: 70%;
    margin-left: 15%;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .centerBody h2 {
        font-size: 16px;
        font-weight: normal;
        font-style: italic;
    }

/****** homepage body Text style End***/


/****** interior page body Text style***/
.main {
}

    .main h2 {
        font-weight: normal;
        padding-top: 15px;
        margin-top: 3%;
    }

    .main h3 {
        font-weight: normal;
        padding-top: 15px;
    }

    .main h4 {
        font-weight: normal;
        padding-top: 10px;
    }

    .main a:link {
        color: #5887CD;
        font-weight: normal;
        border: none;
    }

    .main .active a:link {
        color: #000;
    }

    .main a:focus {
        border: none;
    }

    .main a:hover {
        color: #000000;
        text-decoration: none;
    }

    .main a:visited {
        text-decoration: none;
    }

    .main a:active {
        text-decoration: none;
    }

    .main ul li {
        list-style-image: url(/Custom/images/bullet_blue.png);
        margin-bottom: 8px;
    }

    .main .nav-tabs li {
        list-style-image: none;
        margin-bottom: 0px;
    }

    .main ul ul {
        margin-top: 10px;
    }

    .main ul li li {
        list-style-image: url(/Custom/images/bullet_green.png);
        margin-bottom: 8px;
    }

    .main .nav-tabs li li {
        list-style-image: none;
        margin-bottom: 0px;
    }

#mainBodyText {
    margin-right: 10%;
}



.ui-accordion-header, .ui-accordion-content {
    font-family: 'Open Sans' !important;
    font-size: 1.1em;
}


.ui-accordion-content {
    padding: 0em 0.6em !important;
}

/****** interior page Text style End***/

/****** hero-unit style***/

.hero-unit {
    border-radius: 0px;
    background-image: none !important;
    /*background:url(/custom/images/border_bg_stripe.png) bottom left repeat-x !important;*/
    background-color: transparent !important;
    padding: 20px 15px 28px 15px;
    margin-bottom: 0px;
}



.hero-unit {
    padding: 0px;
}

    .hero-unit h1 {
        font-size: 1.2em;
        line-height: 2em;
    }

/****** hero-unit style End***/

/****** Action Button style***/

#action-buttons .ActionBtnTitle {
    text-align: center;
    font-weight: bold;
    background-color: #6595db;
    color: #fff;
    padding: 13px 10px;
}

    #action-buttons .ActionBtnTitle a:link {
        font-weight: bold;
    }

#action-buttons #Annual-Conference {
    position: relative;
    margin-bottom: 11px;
}

#action-buttons #text-button {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#text-button a {
    display: block;
    text-align: center;
    background-color: #000;
    color: #fff;
    opacity: 0.8;
    min-width: 50%;
    padding: 5px 10px;
    font-weight: bold !important;
}

    #text-button a:link {
        color: #fff;
        text-decoration: none;
    }

    #text-button a:hover {
        color: #333 !important;
        background-color: #949494;
        text-decoration: none;
    }

    #text-button a:visited {
        color: #fff;
        background-color: transparent;
    }

#action-buttons .actionbtnMain {
    display: block;
    min-height: 203px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #CED7E8;
}

    #action-buttons .actionbtnMain:hover {
        opacity: 0.8;
    }

@media (max-width: 767px) {

    #action-buttons .actionbtnMain {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 980px) {

    #action-buttons .actionbtnMain {
        min-height: 140px;
    }
}


@media (min-width: 979px) and (max-width: 1024px) {

    #action-buttons .actionbtnMain {
        min-height: 180px;
    }
}


#action-buttons #learn-membership {
}

/****** Action Button style end***/

/******  Calendar style ***/

.news-wrapper {
    margin-left: 0;
    margin-bottom: 20px;
    min-height: 420px;
}

#divCalendar .icon-rss {
    color: #06591F;
}

#divCalendar .icon-table {
    color: #fff;
}

#divCalendar .icon-list {
    color: #fff;
}

#divCalendar .btn {
    background-image: none;
    border-right: #ccc;
}

#divCalendar #tableButton {
    color: #fff;
    background-color: #000;
}

    #divCalendar #tableButton:hover {
        color: #fff;
        background-color: #333;
    }

#divCalendar #listButton {
    background-color: #000;
    color: #fff;
}

    #divCalendar #listButton:hover {
        color: #fff;
        background-color: #333;
    }

#divCalendar #calendarButton {
    background-color: #60B481;
    color: #fff;
}

    #divCalendar #calendarButton:hover {
        background-color: #89CD75;
        color: #fff;
    }


/******  Calendar style End ***/
@media (min-width: 768px) and (max-width: 980px) {
    #divCalendar .btn-group > .btn {
        font-size: 12px;
    }

    #newsFeedContainer {
        right: 40px !important;
    }

        #newsFeedContainer h3 {
            font-size: 1.1em;
        }

        #newsFeedContainer #view-all {
            display: none;
        }
}

/****** Newsfeed setion style***/


#eventCalendar {
    max-width: 50%;
    margin-left: 0px;
}

.newsbox:first-child {
    margin-left: 0;
}

.cpa-news {
    background-color: #F5F5F5;
    padding: 20px 10px;
    height: 415px;
}

.cpa-news-title {
    font-weight: 700;
    margin-bottom: 5px;
}

.cpa-news-link {
    margin-bottom: 20px;
}

.cpa-news-link a {
    color: #60B481!important;
    font-style: italic;
}

.rssBody {
    height: 455px;
    overflow: auto;
}

#newsFeeds > div .feedHeader {
    background-color: #6595DB;
    width: 100%;
    padding: 8px 0px 8px 0px;
    color: #fff;
}

    #newsFeeds > div .feedHeader i {
        color: #fff;
    }

.feedHeader h3, .journal-header h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    padding-left: 20px;
    font-weight: 700 !important;
    margin-left: 5px;
    padding-top: 0px;
}

#newsFeeds ul {
    margin-left: 0px;
}

    #newsFeeds ul li {
        list-style: none;
    }

#newsFeeds > div .feedHeader a {
    float: right;
    margin-right: 20px;
}

#newsFeeds #view-all {
    display: none;
}

    #newsFeeds #view-all a {
        display: inline-block;
        font-size: .65em;
        color: #fff;
        text-decoration: none;
        font-weight: 700;
    }

        #newsFeeds #view-all a:hover {
            text-decoration: underline;
        }

        #newsFeeds #view-all a:visited {
            text-decoration: none;
        }

li.rssRow {
    list-style-type: none;
    margin-left: 8px;
    margin-right: 8px;
}

.rssRow {
    max-width: 95%;
    overflow-wrap: break-word;
}

    .rssRow a {
        max-width: 90%;
        white-space: pre-wrap;
    }

    .rssRow h4 {
        font-size: 1em;
        font-weight: bold;
        line-height: 20px;
        max-height: 40px;
        overflow-y: hidden;
    }


    .rssRow p {
        max-height: 100px;
        line-height: 20px;
        max-height: 80px;
        margin-bottom: 5px;
        overflow-y: hidden;
    }

    .rssRow.news-title-link h4 a {
        color: #333;
        font-weight: 700;
        font-style: normal;
    }

    .rssRow.news-title-link a {
        color: #60B481;
        font-style: italic;
    }

    .rssRow > div {
        font-size: .9em;
        font-style: italic;
        color: #a7a7a7;
        margin-top: -3px;
    }


#newsFeeds {
    display: table;
    height: 100%;
}

    #newsFeeds > div {
        background-color: #F5F5F5;
        height: 100%;
    }

        #newsFeeds > div:first-child {
            height: 90%;
        }

    #newsFeeds .feedHeader {
        display: block;
        width: 100%;
    }

    #newsFeeds .rssFeed {
        display: table-row;
        padding-left: 5px;
        padding-right: 5px;
    }

    #newsFeeds .MediaNewsBottomContainer {
        display: table-row;
    }

#newsfeedBottomContainer {
    position: absolute;
    bottom: 10px;
    background-color: green;
    z-index: 10;
    margin-left: 0px;
}

.twitterHeader > a > span {
    padding: 10px 20px;
}

/****** Newsfeed setion style***/

/****** journal setion style***/

#journals {
    display: inline-block;
    margin-left: 0px;
}

    #journals > div {
        display: inline-block;
    }

    #journals div.span5 {
        margin-left: 30px;
    }

#journalsLeftContainer > div {
    background-color: #E8E8E8;
}

 #journalsLeftContainer > div:first-child {
    margin-left: 0;
}

.journal-header {
    color: #fff;
    background-color: #6595DB;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.journalImage {
    margin: 20px;
    float: left;
    overflow: auto;
    clear: both;
}

.journalImage img {
    border: solid 3px green;
    width: 150px;
    }

.car-journal img {
    border: solid 3px #005eaa;
    width: 150px;
}

.journalText {
    margin: 20px;
    padding-bottom: 20px;
}

#ActionBtnWrapper {
    margin: 30px 0;
    clear: both;
}

.singleAtnBtn:first-child {
    margin-left: -30px;
}

.actionBtn {
    background-color: #DE9124;
    max-height: 100px;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

    .actionBtn:hover {
        background-color: #949494;
    }

.actionIcon {
    width: 100px;
    height: 90px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 20px;
    padding-top: 8px;
    float: left;
    overflow: auto;
    clear: both;
}

.actionIconEnvelope {
     height: 82px;
     padding-top: 15px;
}

.actionText {
    max-width: 90%;
    margin: 20px 0 0 140px;
    font-size: 1.4em;
    line-height: 1.3em;
    text-align: left;
    text-transform: uppercase;
    padding-right: 6px;
}

.icon-file-text-alt, .icon-pencil, .icon-envelope {
    color: #DE9124;
    font-size: 70px;
}

.icon-envelope {
    font-size: 60px;
}


/****** journal setion style end ***/
@media (min-width: 768px) and (max-width: 980px) {
    
    .icon-file-text-alt, .icon-pencil, .icon-envelope {
        color: #DE9124;
        font-size: 50px;
    }

    .icon-envelope {
        font-size: 40px;
    }

    .actionIconEnvelope {
        padding-top: 8px;
    }

    .actionIcon {
        width: 70px;
        height: 60px;
        margin-left: 10px;
    }

    .actionText {
        margin: 5px 8px 0 90px;
        font-size: 1.1em;
    }
    
    .journalText {
        min-height: 310px;
    }

    #footerTop div.span4 .pull-left {
        padding-left: 10px !important;
    }

    #footerTop div.span4 .pull-right {
        width: 80% !important;
        padding-right: 10px !important;
        margin-left: 5%;
    }

}

@media (min-width: 981px) {
    #footerTop div.span4 .pull-left {
        padding-left: 5% !important;
    }

    #footerTop div.span4 .pull-right {
        padding-right: 5% !important;
    }
}

/****** footer style***/

#sponsor-list-all {
    text-align: center;
}

.sponsor-list-all-type {
    margin-top: 10px;
    font-style: italic;
    font-weight: normal !important;
}

.sponsor-list-all-sponsor-display {
    /*float:none !important;
    margin-left:auto;
    margin-right:auto !important;
    line-height:80px !important; */
}

    /*.sponsor-list-all-sponsor-display img {
        max-height: 60px !important;
    }*/

.sponsor-list-all-divider {
    height: 2px !important;
    background-color: #ccc;
}

#printerContainer {
    margin-top: 30px;
    background-color: #E8E8E8;
    min-height: 40px;
    margin-bottom: 20px;
    margin-left: 20px;
}

#printerButtonsHolder {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none;
}

.printerIcon {
    margin-right: 20px;
}

    .printerIcon a {
        color: #DE9124;
    }

        .printerIcon a:link {
            text-decoration: none;
        }

    .printerIcon i {
        float: left;
        background-color: #DE9124;
        color: #fff;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }

.printerText {
    float: left;
    font-size: .8em;
    width: 70px;
    margin-left: 10px;
}

#footerTop {
    padding-left: 30px;
}

    #footerTop > div:first-child {
        margin-left: -30px;
    }

    #footerTop .withLeftDivider {
        border-left: solid 1px #ccc;
    }

    #footerTop div.span4 {
        padding-left: 5px;
        font-size: .9em;
        padding-bottom: 30px;
    }

        #footerTop div.span4 img {
            width: 70%;
            margin-left: 20px;
        }

        #footerTop div.span4 .pull-left {
            width: 50%;
            padding-left: 5%;
            padding-right: 15px;
        }

        #footerTop div.span4 .pull-right {
            width: 35%;
            padding-right: 5%;
        }

            #footerTop div.span4 .pull-right a:link {
                color: #000;
            }

            #footerTop div.span4 .pull-right a:hover {
                color: #6595DB;
            }

            #footerTop div.span4 .pull-right a:visited {
                color: #000;
            }

    #footerTop div.span2 {
        margin-left: 0px;
        font-size: .9em;
    }

#contactUs p {
    margin-top: 3px;
    margin-bottom: 3px;
}

    #contactUs .pull-right p:nth-child(2) {
        display: none;
    }

#partnerTitle, #contactUsTitle, #socialTitle {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}

#contactUsTitle {
    padding-left: 5%;
}

#contactUs .pull-left {
    padding-left: 20px;
}

#socialTitle {
    margin: 0 0 5px 20px;
}

.social-media-wrapper {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: #DE9124;
    margin-right: 20px;
    display: flex;
    justify-content: center;
}

#social-links {
    font-size: 1.5em;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    #social-links div {
        display: flex;
    }

    #social-links a {
        align-self: center;
    }


    #social-links i {
        color: #FFF;
    }

footer {
    clear: both;
    display: block;
}

    footer .navbar {
        z-index: 10;
        width: 100%;
        position: absolute;
        left: 0px;
        background-color: #333;
        color: #fff;
        clear: both;
        text-align: center;
        margin-left: 0px;
    }

        footer .navbar .navbar-inner {
            font-size: .8em !important;
            margin-left: auto;
            margin-right: auto;
            border: none;
        }

        footer .navbar .container div {
            display: table-cell;
            vertical-align: middle;
            line-height: 50px;
            color: #fff;
        }

        footer .navbar .navbar-inner div a {
            display: inline-block;
            color: #fff;
        }

            footer .navbar .navbar-inner div a:hover {
                color: #6595DB;
            }

            footer .navbar .navbar-inner div a:visited {
                color: #fff;
            }

    footer #dashdogImage {
        margin-top: 0px;
        height: 20px;
    }

    footer #copyInfo {
        text-align: left;
    }
/****** footer style end***/


/*.stripeBorderTop {
   background:url(/custom/images/border_bg_stripe.png) top left repeat-x;
}


.stripeBorderBottom {
    min-height:8px;
   background:url(/custom/images/border_bg_stripe.png) bottom left repeat-x !important;
}

.stripeBorder {
   background:url(/custom/images/border_bg_stripe.png) top left repeat-x,
    url(/custom/images/border_bg_stripe.png) bottom left repeat-x;
}*/


.icon-white {
    color: white;
}

.stripeBtn {
    background-color: #60B481;
}

    .stripeBtn:hover {
        background-color: #666;
    }

    .stripeBtn a {
        display: block;
        padding: 13px 10px;
        color: #fff;
        font-weight: bold !important;
        text-decoration: none;
    }

        .stripeBtn a:hover {
            text-decoration: none;
        }

        .stripeBtn a:visited {
            color: #fff;
            text-decoration: none;
        }

        .stripeBtn a:active {
            color: #fff;
        }


.green {
    background-color: #60B481;
}

.darkBlue {
    background-color: #445CA6;
}

aside {
    margin-top: 3%;
}

    aside h3 {
        display: block;
        background-color: #929395;
        margin-bottom: 0px;
        font-size: 1em;
    }

        aside h3:hover {
            color: #949499;
        }

        aside h3 a {
            display: block;
            padding: 10px 8%;
            color: #fff;
            font-size: .9em;
            text-transform: uppercase;
            /*background:url(/custom/images/border_bg_stripe.png) top  left repeat-x,
                     url(/custom/images/border_bg_stripe.png) bottom left repeat-x;*/
        }

            aside h3 a:link {
                color: #fff;
                font-weight: bold;
            }

            aside h3 a:hover {
                color: #fff !important;
                text-decoration: none;
            }

        aside h3:visited {
            color: #fff;
        }

.sidebar-nav {
    background-color: #E8E8E8;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

    .sidebar-nav > ul > li {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-bottom: dotted 1px #333;
        color: #000;
    }

    .sidebar-nav ul li:last-child {
        border-bottom: none;
    }

    .sidebar-nav ul li a:link {
        color: #000;
        font-size: .9em;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .sidebar-nav ul li a:hover {
        color: #5887CD !important;
        background-color: transparent;
        text-decoration: none;
    }

    .sidebar-nav ul li a:visited {
        text-decoration: none;
        color: #000;
    }

    .sidebar-nav ul li.active a {
        background-color: transparent;
        border-bottom: none;
        text-shadow: none;
        color: #5887CD;
    }

        .sidebar-nav ul li.active a:hover {
            color: #5887CD !important;
            background-color: transparent;
        }

    .sidebar-nav > ul ul li a {
        width: 88%;
        padding-left: 13px;
        padding-bottom: 4px !important;
        background-image: url('/custom/images/sidenav_arrow.png');
        background-position: center left;
        background-position-y: 4px;
        background-repeat: no-repeat;
        margin-left: 4px;
    }

    .sidebar-nav > ul ul li.active a {
        background-image: url('/custom/images/sidenav_arrow.png');
        background-repeat: no-repeat;
        background-position: center left;
    }

    .sidebar-nav > ul ul ul li a {
        color: #000;
        margin-left: 0px;
        background: none !important;
    }

        .sidebar-nav > ul ul ul li a:link {
            color: #000;
            background: none !important;
        }


        .sidebar-nav > ul ul ul li a:hover {
            color: #5887CD !important;
            background-color: transparent;
        }


    .sidebar-nav > ul ul ul li.active a:link {
        color: #000;
        background: none;
    }

    .sidebar-nav > ul ul ul li.active a:hover {
        color: #5887CD;
        background: none;
    }

    .sidebar-nav > ul ul ul li.active a:visited {
        color: #000 !important;
    }

.btn {
    text-shadow: none !important;
}

.btn-primary {
    color: #fff;
    background-image: none;
    background-color: #6595DB;
    border-radius: 0px;
}

    .btn-primary:link {
        color: #fff !important;
    }

    .btn-primary:visited {
        color: #fff;
    }

    .btn-primary:hover {
        color: #333;
        background-image: none;
        background-color: #94B6E7 !important;
    }


    .btn-primary:active {
        color: #fff;
    }

.btn-default {
    background-image: none;
    background-color: #60B481;
    border-radius: 0px;
}

    .btn-default:link {
        color: #fff !important;
    }


    .btn-default:hover {
        color: #333;
        background-image: none;
        background-color: #94CBA5;
    }

    .btn-default:visited {
        color: #fff;
    }

.btn-success {
    background-image: none;
    background-color: #DE9124;
    border-radius: 0px;
}

    .btn-success:link {
        color: #fff !important;
    }

    .btn-success:visited {
        color: #fff;
    }


    .btn-success:hover {
        color: #333;
        background-image: none;
        background-color: #EFB263;
    }

.btn-warn {
    background-image: none;
    background-color: #FF3400;
    border-radius: 0px;
}

    .btn-warn:link {
        color: #fff !important;
    }


    .btn-warn:hover {
        color: #333;
        background-image: none;
        background-color: #FF714A;
    }

    .btn-warn:visited {
        color: #fff;
    }


.btn-inverse {
    background-image: none;
    background-color: #383838;
    border-radius: 0px;
}


    .btn-inverse:link {
        color: #fff !important;
        border-radius: 0px;
    }

    .btn-inverse:hover {
        color: #333;
        background-image: none;
        background-color: #737573;
    }

    .btn-inverse:visited {
        color: #fff;
    }

.visible-phone .navbar-inner, .visible-tablet .navbar-inner {
    padding-top: 5px !important;
}

.visible-phone .btn-navbar, .visible-tablet .btn-navbar {
    background-color: #fff !important;
    border: none !important;
}

.visible-phone .icon-bar, .visible-tablet .icon-bar {
    background-color: #6595DB !important;
}

.visible-phone #myAccount-phone a:link {
    color: #fff;
}

.visible-phone #myAccount-phone a:visited {
    color: #fff;
}

.visible-phone #myAccount-phone a:active {
    color: #fff;
}

.member-profile-image {
    display: none !important;
}

#mobile-navbar {
    margin: auto;
}

    #mobile-navbar .navbar-inner {
    }

    #mobile-navbar .navbar-bg-back {
        background-color: #6595DB;
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -5px;
    }

    #mobile-navbar .navbar-bg-top {
        background: url(/custom/images/nav_leftedge.png) top left no-repeat, url(/custom/images/nav_rightedge.png) top right no-repeat !important;
        min-height: 40px;
        padding-top: 5px;
    }

    #mobile-navbar li.dropdown {
        border: none;
    }

@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
        font-size: .9em;
    }

    .carousel-inner .item a {
        display: block;
        max-height: 125px;
        overflow: hidden;
    }

    #languageLinksContainer, #loginLinksContainer {
        display: none;
    }

    #quickLinksContainer {
        margin-right: 20px;
    }

    .contact-us-info-left {
        padding-left: 20px;
    }

    .headerMid {
        margin-top: 0px !important;
        text-align: center;
        width: 100%;
        margin-bottom: 80px;
    }

    .headerTop {
        top: 90px;
        height: 80px;
        background-color: transparent;
        text-align: center;
    }

        .headerTop a {
            margin-top: 5px;
        }

    #navContainer {
    }

    #search-cont {
        float: none !important;
    }

        #search-cont .input-append {
            width: 90%;
        }

        #search-cont input {
            background-color: #fff;
            background-image: none;
            border-color: #E8E8E8;
            color: #333;
            border-right: none;
            width: 80%;
            max-width: none;
        }

    .headerTop #search-cont .btn {
        background-color: #fff !important;
        border-color: #E8E8E8;
    }

    #btn-search .icon-search {
        color: #333;
    }

    #donateLinkContainer {
        display: block;
    }

    .visible-phone .icon-bar, .visible-tablet .icon-bar {
        background-color: #333 !important;
    }

    #mobile-navbar {
        margin: auto;
    }

        #mobile-navbar .navbar-inner {
        }

        #mobile-navbar .navbar-bg-back {
            background: none !important;
        }

        #mobile-navbar .navbar-bg-top {
            background: none !important;
        }

    aside .row {
        display: none;
    }

    aside #action-buttons > div.span3:nth-child(2n+1) {
        display: none;
    }

    aside #action-buttons .ActionBtnTitle {
        display: none;
    }

    .carousel {
        min-height: 290px;
    }

    .ad-carousel {
        min-height: 100px;
        padding-bottom: 0;
        margin-bottom: 300px;
    }

    .carouselmask {
        top: 10em;
    }

    .carousel-inner .item a {
        min-height: 13em;
    }

    .carouselpanel img {
        min-height: 165px;
    }

    .carousel-indicators {
        top: 12em !important;
        left: 42%;
    }

    .carousel h4 {
        font-size: 1em;
    }

    .carousel-caption {
        font-size: .9em;
        line-height: 1.4em;
    }

    #ActionBtnWrapper {
        margin: 20px 0;
    }

    #action-buttons {
        margin-top: 20px;
    }

    /*#action-buttons .span3 {
        margin: 2% 1%;
        width: 48% !important;
        float: left !important;
    }*/

    .homepageBody {
        max-height: 350px;
        margin-top: 10px;
        font-size: 1em;
    }

    .centerBody {
        width: 95%;
        margin-left: 10px;
        margin-top: 10px;
    }

    .centerBody .hero-unit {
        line-height: 1.5em;
        font-size: .9em;
        padding-bottom: 10px;
    }

    .centerBody h2 {
        padding-top: 5px;
    }

    .news-wrapper {
        margin-top: 15px;
        min-height: 0px;
        clear: both;
    }

    #divCalendar #rsscontainer {
        display: none !important;
    }

    #divCalendar h3 {
        margin-top: 0px !important;
    }

    #eventCalendar {
        max-width: 100%;
    }

    #newsFeedContainer {
        display: none;
    }

    #newsFeeds {
        width: 100%;
    }

    .singleAtnBtn {
        margin: 20px 0;
    }

    .singleAtnBtn:first-child {
        margin-left: 0;
    }

    .actionBtn {
        max-height: 140px;
        height: 140px;
    }

    .journalSection {
        position: relative;
    }

    #journals div.span5 {
        margin-left: 0px;
    }

    .journalImage {
        float: none;
        text-align: center;
    }

    #footerTop {
        margin-top: 20px !important;
        padding-top: 0px;
    }

        #footerTop #contactUs {
            display: none;
        }

        #footerTop #SocialLinks {
            margin-left: 0px;
            border-left: none;
        }

            #footerTop #SocialLinks #socialTitle {
                margin-left: 0px;
            }

    #newsFeedContainer {
        position: relative;
        top: 0;
        bottom: 10px;
        right: 0;
        margin-bottom: 10px;
    }

    #newsfeedBottomContainer {
        position: relative;
        z-index: inherit;
        margin-left: 0px;
    }

    #CPANews {
        position: relative;
        bottom: 0px;
    }

    #newsFeeds ul {
        margin-left: 20px;
    }

    footer div {
        width: auto;
        float: none;
        display: block !important;
    }

    footer #copyInfo {
        text-align: center;
    }


    /* other speccifc overrides*/
    .main h2 {
        padding-left: 10px;
    }

    .main p {
        padding-left: 10px;
        line-height: 1.4em;
    }

    .contact-us-info-right {
        float: none !important;
        width: 90% !important;
    }
}

a.btn-info:link {
    color: #fff;
}

a.btn-info:visited {
    color: #fff;
}

@media (max-width: 450px) {

    .carousel-caption {
        min-height: 13em;
    }

    .ad-carousel-inner {
        margin-left: 500px;
    }

    #action-buttons .span3 {
        width: 100% !important;
        /*float: left !important;*/
    }

    .homepageBody {
        margin-top: 45px;
        max-height: 400px;
    }

    .singleAtnBtn {
        margin-bottom: 20px;
    }

    #action-buttons .actionbtnMain {
        min-height: 250px;
    }
}

/* other specifc overrides*/

@media (min-width: 450px) and (max-width: 768px) {
     #action-buttons .actionbtnMain {
        min-height: 330px;
    }
}

@media (min-width: 450px) and (max-width: 768px) {
    #action-buttons .actionbtnMain {
        min-height: 545px;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .navbar .nav > li > a {
        padding: 10px 3px 10px;
    }

    .divider {
        color: #333;
    }

    #action-buttons .ActionBtnTitle {
        font-size: 0.8em;
    }

    .feedHeader h3, .journal-header h3 {
        font-size: 1em;
    }

    .singleAtnBtn:first-child {
        margin-left: -20px;
    }

    .actionText {
        font-size: 1.25em;
    }

    #footerTop {
        padding-left: 20px;
    }

    #footerTop > div:first-child {
        margin-left: -20px;
    }
}

@media (min-width: 768px) and (max-width: 980px) {

    body {
        font-size: 13px;
    }

    .headerMid {
        margin-top: 65px !important;
    }

    #languageLinksContainer {
        font-size: .85em;
    }

    .carousel {
        min-height: 275px;
    }

     .ad-carousel {
        min-height: 100px;
        padding-bottom: 0;
    }

    .carouselmask {
        top: 34%;
    }

    .carousel-indicators {
        top: 42% !important;
        left: 42%;
    }

    .carousel h4 {
    }

    .carousel-caption {
        font-size: 1em;
        line-height: 1.3em;
        top: 55%;
    }

    .homepageBody {
        margin-top: 10px;
        font-size: 1em;
    }

    .centerBody {
        width: 95%;
        margin-left: 10px;
        margin-top: 10px;
        max-height: 200px;
    }

    .centerBody .hero-unit {
        line-height: 1.5em;
        font-size: 1em;
        padding-bottom: 10px;
    }

    #quickLinksContainer {
        float: right;
        margin-bottom: 5px;
    }

    .singleAtnBtn:first-child {
        margin-left: -20px;
    }

    #journals div.span5 {
        margin-left: 20px;
    }

    #footerTop .pull-right {
        float: left;
        margin-left: 20px;
    }

    /*footer .navbar .navbar-inner {
        width: 768px;
    }*/

    footer #copyInfo {
        width: 34%;
    }

    #relatedLinks {
        width: 15%;
        text-align: left;
    }

    #adoptDash {
        width: 25%;
    }

    .main {
        margin-right: 2%;
    }

    .row aside {
        margin-left: 20px !important;
    }

    .journalText {
        min-height: 350px;
    }

    #footerTop div.span4 .pull-left {
        width: 80%
    }
}

@media (min-width: 981px) {
    body {
        font-size: 13px;
        max-width: 100%;
    }


    /*footer .navbar .navbar-inner {
        min-width: 981px;
        width: 100%;
    }*/

    nav {
        max-width: 100%;
    }

    .carouselmask {
        top: 42%;
    }

    .carouselpanel {
        min-height: 400px;
        max-height: 460px;
    }

        .carouselpanel img {
            max-height: 250px;
        }

    #action-buttons .actionbtnMain {
        min-height: 181px;
    }

    #newsFeedContainer #view-all {
        display: none;
    }

    .journalText {
        min-height: 300px;
    }
}


@media (min-width: 981px) and (orientation: landscape) {
    body {
        max-width: 100%;
    }

    .carouselmask {
        top: 38%;
    }

    #action-buttons .actionbtnMain {
        min-height: 203px;
    }
}

@media (min-width: 1025px) {
    body {
        font-size: 14px;
    }

    /*footer .navbar .navbar-inner {
        min-width: 980px;
        width: 100%;
    }*/

    .carousel {
        max-height: 280px;
    }

     .ad-carousel {
        min-height: 100px;
        padding-bottom: 0;
    }

    .carouselmask {
        top: 188px;
    }

    .carouselpanel img {
        max-height: 235px;
    }

    #action-buttons .actionbtnMain {
        min-height: 181px;
    }
}

@media (min-width: 1200px) {

    nav {
        max-width: 100%;
    }

    /*footer .navbar .navbar-inner {
        min-width: 980px;
        width: 1170px;
    }*/

    .carouselpanel {
        min-height: 500px;
        max-height: 500px;
    }

    .carousel {
        max-height: 324px;
    }

    .ad-carousel {
        min-height: 100px;
        padding-bottom: 0;
    }

    .carouselmask {
        top: 244px;
    }

    .carouselpanel img {
        max-height: 290px;
    }

    #action-buttons .actionbtnMain {
        min-height: 203px;
    }

    #newsFeedContainer #view-all {
        display: initial;
    }

    .journalText {
        min-height: 230px;
    }
}