
/*#region General Topography*/
body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 17px; color: #545454; }

h1, .h1 { font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 93px; letter-spacing: -1.5px }
h2, .h2 { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 58px; letter-spacing: -0.5px; }
h3, .h3 { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 46px; letter-spacing: 0px; }
h4, .h4 { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 33px; letter-spacing: 0.25px; }
h5, .h5 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 27px; letter-spacing: 0px; }
h6, .h6 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 19px; letter-spacing: 0.15px; }

.subtitle1 { font-family: 'Roboto', sans-serif; font-weight: Normal; font-size: 17px; letter-spacing: 0.15px; }

.subtitle2 { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 0.1px; }

.body1 { font-family: 'Roboto', sans-serif; font-weight: Normal; font-size: 15px; letter-spacing: 0.5px; }

.body2 { font-family: 'Roboto', sans-serif; font-weight: Normal; font-size: 13px; letter-spacing: 0.25px; }

.btn-primary { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 1.25px; }

.caption { font-family: 'Roboto', sans-serif; font-weight: Normal; font-size: 12px; letter-spacing: 0.4px; }

.overline { font-family: 'Roboto', sans-serif; font-weight: Normal; font-size: 10px; letter-spacing: 1.5px; }

.pointer { cursor: pointer; }

.body a { color: #660066; text-decoration: underline; }

svg#Layer_1 {border: solid 1px #000;}

.link { color: #660066; }

    .link:hover { text-decoration: underline; }

.icalLink { font-size: 11px; color: #ccc; }

    .icalLink a { color: #ccc; }

a[href^=tel] { text-decoration: inherit; color: inherit; }

.btn-default, .btn-primary { background-image: unset; border: unset; background-color: #0074ae; box-shadow: unset; text-transform: uppercase; }

.img-thumbnail, .btn {
    border-radius: 0px;
}

/*#endregion generalTopography*/
/*#region header*/

.logoSubtext {font-family: Arial; font-size: 65px;}


.header { text-align: right; }

    .header ul.list-inline > li { margin-right: -2px; padding: 0px; max-width: 30px; }

        .header ul.list-inline > li.donate {
            max-width: 154px;
            vertical-align: top;
            padding: 3px 10px;
            background-color: #0074ae;
            color: #fff;
        }

            .header ul.list-inline > li.donate a {
                color: #fff;
            }

            .header ul.list-inline > li.searchButton {
                max-width: 30px;
            }

        .header ul.list-inline > li.search form.search { border: solid 1px #000; }

.exit {
    margin-top: 3px;
    margin-right: 25px;
    background-color: #0074ae;
}  

/*#endregion header*/
/*#region Carousel*/
        .carousel .carousel-inner > .item {
            transition: transform 3.9s ease-in-out;
        }

.carousel .carousel-indicators { position: absolute; bottom: 10px; left: 20%; z-index: 15; width: 60%; padding-left: 0; margin-left: -32%; text-align: center; list-style: none; }
    .carousel .carousel-indicators li, .carousel-indicators .active { height: 15px; width: 15px; margin-left: 5px; border-radius: 10px; }

.carousel-control.left, .carousel-control.right {
    background-image: none;
}
.carousel .left-side {
    position: relative;
    background-color: #531B53;
    color: #fff;
}
    .carousel .left-side .description { position: absolute; height: 70%; margin: 10%; overflow: hidden; }
    .carousel .left-side .title { font-size: 28px; line-height: 40px; font-weight: bold; padding-bottom: 15px; }

.carousel .description {
    color: #fff;
    padding: 15px;
}


    .carousel .description .mobileTitle {
        font-size: 20px;
        font-weight: bold;
        color: #7f7f7f;
    }

    .carousel .description .mobileSummary {
        font-size: 17px;
        color: #7f7f7f;
    }

    .carousel .description .btn-default {
        text-shadow: unset;
        /* background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); */
        background-image: unset;
        /* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); */
        background-color: #b3b3b3;
        color: #fff;
    }

.btn-default
/*#endregion Carousel*/
/*#region ddsmoothNav*/
div .ddsmoothmobile { /* main mobile menu container */
    background: #7f7f7f;
    color: #7f7f7f;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px; /* width of mobile menu */
    height: 400px;
    overflow: hidden;
    visibility: hidden;
    border-radius: unset;
    box-shadow: unset;
}

    div.ddsmoothmobile a { color: white; text-decoration: none; font-weight: 100; font-family: 'Roboto', sans-serif; }

    div.ddsmoothmobile div.topulsdiv { /* Single DIV that surrounds all top level ULs before being flattened, or the ULs on the "frontpage" of the menu */ position: relative; background: #7f7f7f; overflow-y: auto; width: 100%; height: 100%; }


    div.ddsmoothmobile ul { /* style for all ULs in general inside mobile menu */ list-style: none; width: 100%; top: 0; left: 0; background: #7f7f7f; margin: 0; padding: 0; }

    div.ddsmoothmobile div.topulsdiv ul.submenu { /* top level ULs style */ }


    div.ddsmoothmobile ul.submenu { /* sub level ULs style */ position: absolute; height: 100%; overflow-y: auto; }

    div.ddsmoothmobile ul li { border-bottom: 1px solid gray; position: relative; font-size: 25px; font-weight: 100; padding: 5px 0; line-height: 32px; }

        div.ddsmoothmobile ul li.breadcrumb { /* breadcrumb LI that's added to the top of every sub level UL */ cursor: pointer; padding: 10px; background: black; color: #fff; font-weight: 100; font-family: 'Roboto', sans-serif; }

        div.ddsmoothmobile ul li a { display: block; padding: 6px; }

            div.ddsmoothmobile ul li a:hover { background: #7f7f7f; }

/*#endregion ddsmoothNav*/
/*#region siteNav*/

/*Top Level*/
.siteNav .navbar { margin-bottom: 0px; min-height: unset; }

.siteNav li a { /*general font and font color for all links*/ color: #0062A6; font-family: 'Roboto', sans-serif; font-weight: normal; background-color: none; }

.siteNav ul li a { font-size: 13px; text-decoration: none; }

.siteNav ul li.selected a { text-decoration: underline; }

.siteNav ul li.home { display: block; }

.siteNav ul li a:hover { border: unset; font-size: 13px; }

/**********   Pull Down Level   *********/
.siteNav ul li ul { background-color: #f2f2f2; width: 250px; padding-bottom: 5px; padding-left: 0px; border: solid 1px #dedede; }

    .siteNav ul li ul li { width: 100% !important; }

        .siteNav ul li ul li a { font-size: 13px; text-align: left; width: 100%; padding-bottom: 5px; margin: 0; border-top-width: 0; border-bottom: none; text-decoration: none; background-color: transparent; }

    .siteNav ul li ul.dropdown li a:hover { font-size: 13px; }

.breadcrumb { padding: 8px 0; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}
    .breadcrumb > li { display: inline-block; font-size: 13px; }
        .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: ">"; }
    .breadcrumb > .active { color: #777; }


/*#endregion siteNav*/
/*#region rightColumn*/
.rightColumn { background-color: #F2F2F2; background-size: cover; width: 100%; height: 100%; }

    .rightColumn .body { margin-bottom: 25px; }

        .rightColumn .body .text { }

            .rightColumn .body .text .divlink { border-left: solid 5px #f2f2f2; }

                .rightColumn .body .text .divlink:hover { border-left: solid 5px #F47620; text-decoration: none; }

                .rightColumn .body .text .divlink.current { border-left: solid 5px #F47620; text-decoration: none; }

                .rightColumn .body .text .divlink .text { font-size: 12px; color: #7F7F7F; padding-top: 10px; margin-left: 10px; margin-right: 30px; border-bottom: solid 1px #c9c9c9; text-decoration: none; }

                .rightColumn .body .text .divlink.current .text.showChild { border-bottom: solid 1px #f2f2f2; }

                .rightColumn .body .text .divlink .text a { font-size: 17px; color: #7F7F7F; padding-top: 10px; margin-right: 10px; text-decoration: none; }

                .rightColumn .body .text .divlink:last-child .text { border-bottom: solid 1px #f2f2f2; }

                    .rightColumn .body .text .divlink:last-child .text a { border-bottom: solid 1px #f2f2f2; }

            .rightColumn .body .text .linkSub { border-left: solid 5px #fff; text-decoration: none; background-color: #fff; }

                .rightColumn .body .text .linkSub:hover { border-left: solid 5px #F47620; background-color: #fff; }

                .rightColumn .body .text .linkSub .textSub { font-size: 12px; color: #7F7F7F; padding-top: 8px; margin-left: 15px; margin-right: 30px; border-bottom: none; text-decoration: none; }


                    .rightColumn .body .text .linkSub .textSub a { font-size: 12px; color: #7F7F7F; padding-top: 10px; margin-right: 30px; border-bottom: none; text-decoration: none; text-align: left; }

                .rightColumn .body .text .linkSub.current { /*border-left: solid 5px #fff;*/ text-decoration: none; background-color: #fff; font-weight: bold; }

    .rightColumn .sidebarInner .panel { background-color: transparent; border: none; box-shadow: none; }

        .rightColumn .sidebarInner .panel .panel-heading {
            font-weight: bold;
            font-size: 17px;
            text-transform: none;
            line-height: 20px;
            color: #531B53;
        }

    .rightColumn .sidebarInner .panel-body { font-weight: normal; font-size: 15px; color: #7F7F7F; padding-top: 0px; }

    .rightColumn .sidebarInner .panel-buffer { font-weight: normal; font-size: 12px; color: #7F7F7F; padding-top: 0px; }


/*#endregion rightColumn*/
/*#region memberProfile*/
div .member { background-color: #000; padding: 25px; color: #fff; }

    div.member a { color: #fff; }

        div.member a:hover { color: #ff6600; text-decoration: none; }

    div.member div.member-heading { font-size: 15px; font-weight: bold; margin-bottom: 20px; }

    div.member div.member-subheading { border-bottom: dotted 2px #fff; }

    div.member div.member-links ul { list-style: none; }

        div.member div.member-links ul li { margin-left: -15px; padding: 5px 0px; }



            div.member div.member-links ul li.selected a { color: #ff6600; }


textarea, .promoCaption { font-size: 8pt; font-family: 'Droid Sans-Serif', sans-serif; }

.promoBlock { text-align: center; }

.myprofile h3 { margin: 0; }

.myprofile h4 { margin-top: 25px; margin-bottom: 0px; }

.mycu h3 { margin: 0; }

.mycu h4 { margin-top: 25px; margin-bottom: 0px; }


/*#endregion memberProfile*/
/*#region HomePage-General*/

.bannerContact { color: #6E6E6E; font-size: 13px; padding-left: 0px; text-align: left; }

    .bannerContact .thumbnail { border: none; transition: none; box-shadow: none; margin-right: 5px; }

.shortContact { background-color: #323232; color: #fff; font-size: 13px; border-radius: 7px; text-align: center; margin: 0px 0px 10px 0px; padding: 10px 0px; }

    .shortContact a { color: #fff; }

.maxim { background-color: #00958F; padding: 30px 0px; color: #F2F2F2; font-size: 24px; }

.headerHome .header { border-bottom: solid 5px #5D5D5D; text-align: center; margin: 85px 0; }

    .headerHome .header h4 { color: #5D5D5D; font-weight: bold; }

/*#endregion HomePage-General*/
/*#region HomePage-PromoRow*/

.promoRow .home .sectionPromo h2 { display: none; }


.promoRow { background-color: #F2F2F2; padding: 75px 0px 45px 0px; }


    .promoRow .box { background-color: #E2DED2; padding: 20px 25px; min-height: 275px; margin-bottom: 30px; }

        .promoRow .box h3 { font-size: 24px; color: #323232; font-weight: bold; letter-spacing: 1px; line-height: 35px; }

        .promoRow .box p { color: #707070; font-size: 19px; }

        .promoRow .box .viewMore { font-size: 8px; margin-top: 25px; }

    .promoRow .quickLinks { }

        .promoRow .quickLinks .header { background-color: #F8A726; padding: 30px; color: #fff; font-size: 33px; text-align: center; font-weight: bold; letter-spacing: 1px; }

        .promoRow .quickLinks .body { background-color: #fff; min-height: 485px; }

            .promoRow .quickLinks .body .text { background-color: #fff; padding-right: 20px; }

                .promoRow .quickLinks .body .text ul { list-style: none; }

                    .promoRow .quickLinks .body .text ul li { border-bottom: solid 1px #C1C1C1; padding: 20px 0; margin-left: -20px; }

                        .promoRow .quickLinks .body .text ul li:last-child { border-bottom: solid 1px #fff; padding: 20px 0; margin-left: -20px; }

                        .promoRow .quickLinks .body .text ul li a { text-decoration: none; font-size: 16px; }

            .promoRow .quickLinks .body .viewMore { font-size: 8px; margin-top: 25px; }
/*#endregion HomePage-PromoRow*/
/*#region HomePage-PromoRow2*/
.promoRow2 { background-color: #fff; min-height: 680px; }

    .promoRow2 .sectionTitle { color: #5261AC; font-size: 28px; font-weight: bold; padding-bottom: 20px; border-bottom: solid 3px orange; margin-top: 20px; margin-bottom: 36px; letter-spacing: 1px; }

    .promoRow2 .btn-default { background-color: #9FA617; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 200; letter-spacing: 1px; padding: 10px 25px; margin-top: 20px; margin-left: 0px; }

    .promoRow2 .box { background-color: #F2F2F2; padding-top: 32px; min-height: 372px; }

        .promoRow2 .box h3 { font-size: 24px; color: #323232; font-weight: bold; letter-spacing: 1px; margin-top: 0px; }

        .promoRow2 .box a:hover { text-decoration: none; }

        .promoRow2 .box .bigThumbnail { margin-bottom: 15px; }

        .promoRow2 .box .smallThumbnail { float: left; max-width: 150px; padding-right: 15px; /*padding-bottom: 30px;*/ margin-left: 10px; }

        .promoRow2 .box .rightStory { margin-left: 10px; padding-right: 10px; }



        .promoRow2 .box .date { font-size: 14px; color: #7F7F7F; text-transform: uppercase; font-weight: 500; padding-bottom: 10px; }

        .promoRow2 .box .summary p, .promoRow2 .box .summary a { padding: 0px; margin: 0px; font-size: 18px; font-weight: bold; color: #323232; }

        .promoRow2 .box .header a { font-weight: 600; color: #323232; display: none; }

        .promoRow2 .box .text { }

        .promoRow2 .box .viewMore { margin-bottom: 20px; }

            .promoRow2 .box .viewMore a { font-size: 12px; }

        .promoRow2 .box iframe.googlecalIframe { width: 100%; border-width: 0px; padding: 0px 15px; }


/*#endregion HomePage-PromoRow2*/
/*#region FooterForm*/
.formContainer { padding: 25px; }

    .formContainer .smallHeader { font-size: 14px; color: #6E6E6E; }

    .formContainer .bigHeader { font-size: 20px; color: #6E6E6E; margin-bottom: 20px; font-weight: bold; }

    .formContainer .btn-default { margin-top: 20px; background-image: unset; border-color: unset; border-radius: 5px; background-color: #6E6E6E; color: #fff; text-shadow: unset; box-shadow: unset; box-sizing: unset; border-style: none; padding: 10px 15px; }

    .formContainer .form { margin: 20px; }

    .formContainer .form-group .form-control { border: solid 1px #6E6E6E; margin-top: 30px; min-height: 50px; }


/*#endregion HomePage-FooterForm*/
/*#region Section*/
.sectionHeader {
    background-color: #f2f2f2; padding-top: 10px; padding-bottom: 15px; margin-bottom: 25px; color: #531B53;
}
/*#endregion Section*/
/*#region Basic*/
.basicBox {
    background-color: #B3B3B3;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 265px;
}

    .basicBox h6 {
        color: #531B53;
        font-weight: bold;
    }

    .basicBox .summary {
        color: #323232;
    }

    .basicBox .learnMore {
        border: solid 1px #7a7a7a;
        padding: 5px;
        margin-top: 25px;
        text-align: center;
        width: 150px;
    }

    .basicBox a:link, .basicBox a:visited {
        color: #fff !important;
    }

/*#endregion Basic*/
/*#region News*/
.newsSummary .newsItem { padding-bottom: 25px; }

.newsSummary .newsItem { overflow: hidden; padding-bottom: 25px; }

    .newsSummary .newsItem div.lead { margin-bottom: 0px; padding-bottom: 0px; font-size: 24px; font-style: normal; }

        .newsSummary .newsItem div.lead a { color: rgb(255, 102, 0); font-family: arial; font-size: 20px; font-style: normal; font-weight: bold; }

    .newsSummary .newsItem div.date { font-style: italic; }


.newsImage { margin: 20px 0px; }

.newsSummary .newsItem .newsItemSummary { }

.newsSummary .newsItem .readMore { line-height: 1.5em; margin-top: 20px; margin-bottom: 10px; }

    .newsSummary .newsItem .readMore a { text-transform: uppercase; font-size: 14px; font-family: arial; text-decoration: none; color: #660066; font-weight: bold; }

.newsSummary .newsImage { margin: 10px 10px 10px 0; max-width: 200px; float: left; }

.newsFull .articleTitle { color: #7F7F7F; font-size: 24px; font-weight: 600; line-height: 30px; }

.newsFull .articleDate { padding-bottom: 20px; font-style: italic; font-size: 14px; }

/*#endregion News*/
/*#region Directory*/

.groupHeader { border-bottom: solid 1px #c1c1c1; margin-top: 30px; }

    .groupHeader h3 { }

.directory { margin-top: 20px; min-height: 520px; }

    .directory .name { font-size: 14px; }

    .directory .group { font-size: 14px; }

    .directory .title { font-size: 14px; }

    .directory .website { font-size: 14px; }

    .directory .email { font-size: 14px; }

    .directory .phone { font-size: 14px; }

/*#endregion Directory*/
/*#region Fullstaff*/

.fullstaff { font-size: 14px; }

/*#endregion*/
/*#region Promo*/




.sectionPromo { }

/*#endregion*/
/*#region HomePage-Welcome*/


.welcome { margin-top: 40px; }


/*#endregion HomePage-Welcome*/
/*#region HomePage-Core Issues*/
.underCarousel { padding: 0px 0px 20px 0px; }

    .underCarousel .coreIssueBox { min-height: 210px; opacity: .99; background-color: #B9541B; text-align: center; margin: -150px 35px 35px 35px; padding: 15% 20%; }

        .underCarousel .coreIssueBox a, .underCarousel .coreIssueBox a:hover { color: #fff; }

    .underCarousel .box h4 { color: #fff; }
/*#endregion HomePage-Core Issues*/
/*#region HomePage-Question*/
.question { background-color: #C8A319; padding-top: 10px; padding-bottom: 30px; margin-bottom: 30px; color: #F2F2F2; }

    .question .words { padding-top: 20px; }

    .question .buttonContainer { }

    .question .text, .question .text a { color: #F2F2F2; font-size: 20px; }

    .question .words .header { font-size: 32px; text-align: left; }

    .question .getinTouch { padding-top: 30px; padding-bottom: 20px; text-align: right; }

        .question .getinTouch a.btn { color: #8D8958; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }

        .question .getinTouch a.btn-home { background-color: #fff; border-color: #8D8958; padding: 15px 30px; }
/*#endregion HomePage-Question*/
/*#region HomePage-Get Involved*/

.getInvolved { padding-left: 0px; padding-right: 0px; }

    .getInvolved .box { background-color: #7CA892; border: solid 1px #8D8958; min-height: 230px; text-align: center; padding: 15% 20%; color: #fff; margin-bottom: 35px; }

    .getInvolved a:link:hover { color: #fff; text-decoration: none !important; }

/*#endregion HomePage-Get Involved*/
/*#region HomePage-Volunteer*/

.volunteer { background-color: #9C9954; border: solid 1px #707070; padding-top: 25px; padding-bottom: 30px; margin-bottom: 30px; color: #F2F2F2; text-align: center; min-height: 230px; }

/*#endregion HomePage-Get Involved*/
/*#region HomePage-Join the Conversation*/

.joinConversation { padding-left: 0px; padding-right: 0px; padding-bottom: 45px; }

/*#endregion HomePage-Get Involved*/
/*#region HomePage-Donate*/

.donateSection { background-color: #699FAC; padding: 50px; margin-bottom: 30px; color: #F2F2F2; min-height: 230px; }

    .donateSection h4 { line-height: 50px; padding-top: 25px; }

    .donateSection .form { background-color: #fff; color: #699FAC; padding: 40px; margin-top: 25px; min-height: 200px; }
/*#endregion HomePage-Donate*/
/*#region Section*/
/*.backingTop { background-color: #B3B3B3; color: #fff; padding: 30px 0; margin-bottom: 30px; }*/


.leftSidebar { background-color: #C1C1C1; background-size: cover; width: 100%; height: 100%; }

/*#endregion Section*/
/*#region footer*/
.footer { background-color: #545454; padding: 40px 0; }

    .footer .firstRow { }

        .footer h5 { color: #A9A9A9; border-bottom: solid 3px #A9A9A9; }

        .footer .body2, .footer .body2 a {
            color: #c8c8c8;
        }

            .footer .body2 .social { overflow: hidden; margin-bottom: 10px; min-height: 25px; padding-left: 0px; }
            .footer .body2 .socialLabel{
                padding-top: 5px;
            }

            .footer .body2 .footerIcon {
                padding-right: 15px;
            }

    .footer .footerBlock {
        min-height: 230px;
    }


/*#endregion footer*/














