/* ----------------------------------------------------
		Start Global Styles
------------------------------------------------------- */

#HeaderWrapper #HeaderContent,
#RotatorContent,
#FooterWrapper #FooterContent,
#HomepageContent,
#EventsWrapper, #SingleEventWrapper,
#InteriorPageWrapper {
    max-width: 767px;
    min-width: 480px;
}

#FooterWrapper {
    position: static !important;
}

#BodyWrapper {
    padding: 0px;
}

#HeaderWrapper #HeaderContent #Logo {
    /*width: 80%;*/
    margin-bottom: 20px;
}

    #HeaderWrapper #HeaderContent #Logo img {
        float: left;
    }

@media (max-width: 663px) {
    #HeaderWrapper #HeaderContent #HeaderDetail #HDetailContent {
        display: none;
    }

    #HeaderWrapper #HeaderContent #Logo {
        display: block;
        width: 100%;
    }

        #HeaderWrapper #HeaderContent #Logo img {
            margin: 0 auto;
            float: none;
            display: block;
        }
}


/* ----------------------------------------------------
		Start Navigation Styles
------------------------------------------------------- */

#NavigationBar #TopLevel {
    max-width: 767px; /* Width of the site */
    min-width: 480px;
    margin: 0 auto;
}

    #NavigationBar #TopLevel li {
        display: block !important;
        float: none;
        padding: 15px 3%;
        width: 100%;
        text-align: center;
    }

#navsecondLevel {
    color: #404040;
    position: absolute;
    z-index: 1000;
    margin: 0 0 0 0;
    padding: 15px 0;
}

#navsecondLevel {
    display: none;
}

    #navsecondLevel .ddArrow {
        background: url(../images/dropdown-arrow.png) no-repeat;
        height: 13px;
        width: 15px;
        position: relative;
        top: -13px;
        left: 30px;
    }


#HeaderWrapper #HeaderContent {
    height: auto;
    min-height: 230px;
}

    #HeaderWrapper #HeaderContent #HeaderLinks {
        float: none;
        display: block;
        padding-top: 20px;
        text-align: center;
    }

        #HeaderWrapper #HeaderContent #HeaderLinks .link {
            float: none;
            display: block;
            padding: 3px 0px 0 30px;
            text-transform: uppercase;
            font-family: 'ProximaNovaReg';
        }


/* ----------------------------------------------------
		Start Homepage Styles
------------------------------------------------------- */

#HomepageContent .welcomeSection,
#HomepageContent .serviceTimesWrapper,
#HomepageContent .upcomingEventsWrapper {
    width: 100%;
    /*padding: 0 2% 0 2% !important;*/
    /*float: left;*/
    background-image: none;
}

    #HomepageContent .welcomeSection h3,
    #HomepageContent .serviceTimesWrapper h3,
    #HomepageContent .upcomingEventsWrapper h3 {
        font: 1.500em 'CicleGordita', Arial, Helvetica, Sans-Serif;
        padding: 0 0 10px 0;
    }

#HomepageContent #left {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    padding: 0 20px;
    background-image: none;
}

#HomepageContent #right {
    display: block;
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

/* ----------------------------------------------------
		Start Staff Page Styles
------------------------------------------------------- */

.staffMember .staffInfo {
    width: 50%;
}

/* ----------------------------------------------------
		Start Calendar Styles
------------------------------------------------------- */

#EventsWrapper #LeftColumn,
#SingleEventWrapper .leftColumn {
    float: left;
    width: 90%;
    padding: 0 3% 30px 3%;
}

#EventsWrapper #RightColumn {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

    #EventsWrapper #RightColumn #SingleEventWrapper .rightColumn {
        float: none;
        width: 100%;
    }

#CalendarWrapper {
    float: none;
    margin: 0 auto;
    width: 300px;
}

/* ----------------------------------------------------
		Start Interior Page Styles
------------------------------------------------------- */

#InteriorPageWrapper #InteriorPageMainContent,
#DocumentsContainer, .additionalPageLinks {
    width: 67%;
    box-sizing: border-box;
}


/* ----------------------------------------------------
		Start Interior Navigation Styles
------------------------------------------------------- */

.sidebarNav {
    width: 33%;
    box-sizing: border-box;
}


#ContactWrapper {
    color: #f2f2f2;
    width: 80%;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 10px 0;
}

#FooterWrapper #FooterContent #FooterLogo {
    margin: 0 2% 20px 0;
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
}

#FooterNav {
    min-height: 80px;
    width: 80%;
    display: block;
    margin: 0 auto;
    text-align: center;
    /*padding: 10px 0;*/
}

#FooterSocialWrapper {
    padding: 0 0 0 0%;
    /*min-height: 80px;*/
    width: 80%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
}

    #FooterSocialWrapper .footerSocialList {
        display: block;
        margin: 0 auto;
        width: 99px;
        padding: 10px 0;
    }