html {
    min-height: 100%;
    border-bottom: 1px solid transparent;
}

* {
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

*:focus {
    outline: none;
}

.desktop {
    display: block;
    visibility: visible;
}

.mobile {
    display: none!important;
    visibility: hidden;
}

.extensionHolder.showExtension { 
    display: block!important;
}

/*  FONT COLORS COLORS	 */
.orange {
    color: #a86600!important;
}
/*  ORANGE  */
.darkorange, .darkOrange {
    color: #A86600!important;
}
/*  DARK ORANGE  */
.blue {
    color: #487d8a!important;
}
/*  BLUE  */
.darkblue {
    color: /*#23596c*/ #067789!important;
}
/*  DARK BLUE  */
.green {
    color: #92aa38!important;
}
/*  GREEN  */
.brown {
    color: #7A2500!important;
}
/*  BROWN  */


.home #wowslider-container1 {
    margin: 0;
}

.content img{max-width:100%}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, #bannerTop, header, hgroup, nav, menu, section, summary, .hiddenInfo {
    display: block;
}

body {
    margin: 0 auto;
    padding: 0;
    font-family: 'Open Sans',sans-serif;
    font-size: 1em;
    /*color: #333333;*/
    background: #273840;
    font-size: 100%;
    /*overflow: visible;*/
}

.std {
    font-size: 0.875em;
}

.small {
    font-size: 0.875em!important;
}

.url {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-weight: 600;
}

.fullContainer {
    float: left;
    width: 100%;
    text-align: center;
    clear: both;
    margin: 0;
}

.fullFloat {
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
}

.fullContainer.content {
    background: #f9f8f4;
}

.fullContainer.top {
    float: left;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    clear: both;
    background: url(../images/shell/bg-containerTop.gif) repeat-x!important;
    -moz-box-shadow: 0px 1px 4px #666;
    -webkit-box-shadow: 0px 1px 4px #666;
    box-shadow: 0px 1px 4px #666;
}

.fullContainer.emergencies {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 110px;
    clear: both;
    background: #D32121;
    -moz-box-shadow: 0px 1px 4px #666;
    -webkit-box-shadow: 0px 1px 4px #666;
    box-shadow: 0px 1px 4px #666;
    border-bottom: 1px solid #AD3939!important;
}

.fullContainer.emergencies p {
    color: #fff!important;
}

.fullContainer.alerts {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 73px;
    clear: both;
    background: #fec37e;
    border-bottom: 1px solid #feb45e!important;
}

.border-bottom {
    border-bottom: 1px solid #fff!important;
}

.fullContainer.alerts, .fullContainer.alerts p, .fullContainer.alerts h2, .fullContainer.alerts h3 {
    color: #000!important;
}

.fullContainer.breadcrumbSocial {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 10px 0;
    min-height: 20px;
    clear: both;
    background: #f9f9f6;
    border-bottom: 1px solid #ccc!important;
    color: #067789!important;
    font-size: 0.75em;
    font-weight: 600;
}

.fullContainer.breadcrumbSocial .container {
    overflow: visible;
}

#shareLowerContainer {
    border-bottom: none!important;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    float: none;
    background: none;
}

.breadcrumb {
    margin: 0 0 0 25px;
    max-width: 700px;
}

.container {
    width: 990px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    clear: both;
}

.container #bannerTop {
    float: left;
    position: relative;
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 92px;
    clear: both;
    background: #fff;
}

#bannerTop .logo {
    position: absolute;
    left: 25px;
    top: 10px;
    z-index: 2;
}

#bannerTop .utilityNav {
    position: absolute;
    right: 40px;
    top: 10px;
    z-index: 2;
    color: #7a2500;
    font-size: 0.75em;
}

#bannerTop .utilityNav a {
    color: #7a2500;
    border-bottom: 1px dotted #7a2500!important;
    font-weight: 600;
    margin: 0 3px;
}

#bannerTop .utilityNav a:hover, #bannerTop .utilityNav a:focus  {
    color: #a86600;
    border-bottom: 1px solid #a86600!important;
}

nav.main ul li {
    list-style-type: none!important;
}

nav.main {
    float: left;
    position: relative;
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    z-index: 3;
    font-weight: 400;
    background: #ffffff; /* Just so Wcag checker doesn't complain */
}

#bannerTop .siteSearch {
    position: absolute;
    border: .5px solid #e3e2de;
    top: 30px;
    right: 10px;
    width: 280px;
    height: 25px;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 2px #5A5A5A;
    border-radius: 5px;
}

#bannerTop .searchText {
    position: absolute;
    top: 0;
    left: 3px;
    border-style: hidden;
    border-width: 0;
    border: 0!important;
    width: 80%;
    font-size: 0.75em;
    color: #565656;
    background: none!important;
    padding: 4px;
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
}

    #bannerTop .searchText:focus {
        outline-style: auto;
    }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #565656;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #565656;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #565656;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #565656;
}


#bannerTop input.searchBtn {
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #495966;
    background-color: #495966;
    color: #fafafa;
    width: 25%;
    height: 100%;
    cursor: pointer;
    letter-spacing: 1.3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url("/images/shell/cmsDefaultStateBG.jpg");
    background-repeat: repeat;
}

#bannerTop input.searchBtn:hover, #bannerTop input.searchBtn:focus {
    border: 2px solid #AF4F05;
    background-color: #ee7000;
    background-image: url("/images/shell/cmsHoverStateBG.jpg");
}

nav.sub {
    width: 168px;
    border: 1px solid #ccc;
    background: #fff;
}

.container section {
    float: left;
    display: inline;
    position: relative;
    z-index: 1;
    width: 940px;
    margin: 0 25px;
    min-height: 300px;
    height: auto!important;
    height: 300px;
    clear: both;
    background: #F9F8F4;
}

.container section.fullContent {
    float: left;
    display: inline;
    position: relative;
    z-index: 1;
    width: 888px;
    margin: 15px 25px;
    padding: 25px;
    background: #fff;
    min-height: 300px;
    height: auto!important;
    height: 300px;
    clear: both;
    background: #fff;
    border-left: 1px solid #b7b7b3;
    border-right: 1px solid #b7b7b3;
    border-bottom: 2px solid #b7b7b3;
    -moz-box-shadow: 0px 2px 2px #cdcdcd;
    -webkit-box-shadow: 0px 2px 2px #cdcdcd;
    box-shadow: 0px 2px 2px #cdcdcd;
}

.fullContainer.breadcrumbSocial a:link, .fullContainer.breadcrumbSocial a:visited {
    color: #067789;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px dotted #067789;
}

.fullContainer.breadcrumbSocial a:focus, .fullContainer.breadcrumbSocial a:hover {
    color: #23596C;
    border-bottom: 1px solid #23596C;
}

.fullContainer.breadcrumbSocial .breadcrumb {
    float: left;
    position: relative;
    bottom: -3px;
}

.fullContainer.breadcrumbSocial .socialSub {
    position: absolute;
    right: 30px;
    width: 300px;
    text-align: right;
}

    .fullContainer.breadcrumbSocial .socialSub a {
        text-decoration: none;
        color: #287f8c;
        font-weight: 400;
        margin: 0 0 0 5px;
        vertical-align: top;
        position: relative;
        bottom: -3px;
    }

    .fullContainer.breadcrumbSocial .socialSub input {
        position: relative;
        bottom: -3px;
        right: -3px;
    }

.fullContainer.breadcrumbSocial #shareLowerNav {
    position: relative;
    float: right;
    padding-right: 8px;
    width: auto;
    right: 0;
    top: 0;    
}

    .fullContainer.breadcrumbSocial #shareLowerNav a {
        margin-left: 8px;
    }

    .fullContainer.breadcrumbSocial #shareLowerNav a:first-child {
        margin-left: 5px;
    }

    .fullContainer.breadcrumbSocial #shareLowerNav input {
        margin-left: 5px;
    }

* + html .fullContainer.breadcrumbSocial .socialSub {
    right: 5px;
}

.bxSliderCenter {
    position: relative;
    float: left;
    width: 508px;
    height: 250px;
    border: 1px solid #ccc;
}

.bxSliderFull {
    position: relative;
    float: left;
    width: 748px;
    border: 1px solid #ccc;
}

.container section .leftContent {
    float: left;
    width: 170px;
    margin: 5px 0;
}

.container section .fullContent {
    float: left;
    width: 750px;
    margin: 10px 0 10px 20px;
    background: #F9F8F4;
}

.container section .fullContent .centerContent {
    margin: 10px 20px 10px 0!important;
    background: #F9F8F4;
}

.container section .centerContent {
    float: left;
    width: 510px;
    margin: 10px 20px;
}

.container section .colMainCenterAndRight.centerContent{width:730px}
.container section .colMainFull.centerContent{width:910px}
.colMainCenterAndRight .contentBlock.pressRelease{width:706px}

.container section .centerContent.colMainFull.searchContainer {width: 910px;}
.container section .centerContent.colMainLeftAndCenter.searchContainer {width: 655px;}
.container section .colMainCenterAndRight.searchContainer .srchResults .teaserContainer {width: 100%;}
.container section .searchContainer .srchResults .teaserContainer {box-sizing: border-box;}
.resultTypeSelect {border: 1px solid #e3e2de; border-bottom-color: #B7B7B3;}
.resultTypeSelect fieldset {border: none;}
.resultTypeSelect fieldset legend {border: 1px solid #CCC; border-bottom: none; width: 100%; padding: 10px; box-sizing: border-box; background-image: linear-gradient(#ffffff, #eaf0f2);}
.resultTypeSelect fieldset.active legend {border: 1px solid #ccc; border-bottom-color: #B7B7B3;}
.resultTypeSelect fieldset legend::before {content: attr(data-content) "\25ba"; padding-right: 0.5em; color: #17687c;}
.resultTypeSelect fieldset.active legend::before {content: attr(data-content) "\25bc"; padding-right: 0.5em; color: #17687c;}
.resultTypeSelect fieldset legend:hover, .resultTypeSelect fieldset legend:focus {background: #FFF;}
.resultTypeSelect fieldset ul {display: none; margin: 0; list-style-type: none; padding: 10px 20px;}
.resultTypeSelect fieldset ul li input:hover, .resultTypeSelect fieldset ul li input:focus {outline: auto;}
.resultTypeSelect fieldset ul li label {margin-left: 5px;}
.resultTypeSelect fieldset ul li:last-child {flex: 100%; margin-top: 15px; text-align: center;}
.resultTypeSelect {background: #fdfdfc; margin-bottom: 10px;}

.container section .fullContentNoNav {
    float: left;
    display: block;
    width: 695px;
    min-height: 400px;
    margin: 10px 10px 10px 0;
    background: #F9F8F4;
}

.container section .rightContent {
    float: right;
    width: 220px;
    margin: 10px 0;
}

.container section.full {
    width: 100%;
}

a:link {
    color: #17687c;
    text-decoration: none;
    border-bottom: 1px solid #5C95A3;
}

a:visited {
    color: #7A2500;
    text-decoration: none;
    border-bottom: 1px solid #AF7C66;
}

a:link img, a:visited img, a.imgLink:link, a.imgLink:visited, .tiles a, .bigBox a {
    border-bottom: none!important;
    border-bottom-width: 0px!important;
    border-bottom-style: none!important;
}

a:hover, a:focus {
    color: #b6491a;
    border-bottom: none;
}

a.image:link{border-bottom:none;text-decoration:none}

.deeplink div {
    margin: 0 0 3px 0;
}

.deeplink a {
    font-size: 0.875em!important;
    line-height: 1.2em!important;
}

a.cta, a.callToAction, .tiles p a, .bigBox li a, .featDirSection .linkList li a, .featDirSection .titles a {
    padding: 0 10px 0 0;
    color: #23596c!important;
    background: url(../images/shell/arrow-cta2.png) no-repeat 100% center!important;
    font-weight: 600;
}

a:hover.cta, a:focus.cta, a:hover.callToAction, a:focus.callToAction, .tiles p a:hover, .bigBox li a:hover, .featDirSection .linkList li a:hover, .featDirSection .titles a:hover {
    padding: 0 10px 0 0;
    color: #b6491a!important;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% center!important;
}

/*a.previousSlide {
    float: left;
    padding-left: 10px;
    margin: .25em 0 .5em 2em;
    font-size: 1.125em!important;
    line-height: 1.125em;
    font-weight: 600;
    padding: 0 0 0 10px;
    line-height: 1.35em;
    color: #23596c!important;
    background-image: url(../images/shell/arrow-cta2-return.png);
    background-repeat: no-repeat;
    background-position: left;
    border-bottom-width: initial!important;
    border-bottom-style: none!important;
    border-bottom-color: initial!important;
}

a:hover.previousSlide {
    color: #b6491a!important;
    background-image: url(../images/shell/arrow-cta-return.png);
}

a.nextSlide {
    float: right;
    padding-right: 10px;
    margin: .25em 2em .5em 0;
    font-size: 1.125em!important;
    line-height: 1.125em;
    font-weight: 600;
    padding: 0 10px 0 0;
    line-height: 1.35em;
    color: #23596c!important;
    background-image: url(../images/shell/arrow-cta2.png);
    background-repeat: no-repeat;
    background-position: right;
    border-bottom-width: initial!important;
    border-bottom-style: none!important;
    border-bottom-color: initial!important;
}

a:hover.nextSlide {
    color: #b6491a!important;
    background-image: url(../images/shell/arrow-cta.png);
}*/

a.ctaRev.lg, a.cta.lg {
    background-position: 100% 10px;
}

a.ctaRev {
    padding: 0 10px 0 0;
    color: #c76e01;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% 5px;
    font-weight: 600;
}

a:hover.ctaRev {
    padding: 0 10px 0 0;
    color: #23596c!important;
    background: url(../images/shell/arrow-cta2.png) no-repeat 100% 5px;
}

a.ctaRev.no {
    background: none;
}

a.backForward {
    color: #b6491a!important;
    border-bottom: 0;
    text-decoration: none!important;
}

a:hover.backForward {
    color: #23596c!important;
    border-bottom: 0;
    text-decoration: none!important;
}

a.goBack, a.backToTop, a.BackToTop, 
a.goBack:visited, a.backToTop:visited, a.BackToTop:visited {
    text-decoration: none;
    padding: 2px 0 0 15px;
    background: url(../images/shell/arrow-cta2-return.png) no-repeat 0 8px;
    font-weight: 600;
}

a.backToTop, a.BackToTop {
    background: url(../images/shell/arrow-top2.png) no-repeat 0 8px!important;
}

a.goBack:hover, a:hover.backToTop, a:hover.BackToTop, 
a.goBack:focus, a:focus.backToTop, a:focus.BackToTop {
    text-decoration: none;
    padding: 2px 0 0 15px;
    background: url(../images/shell/arrow-cta-return.png) no-repeat 0 8px;
    font-weight: 600;
}
	
a:hover.backToTop, a:hover.BackToTop, 
a:focus.backToTop, a:focus.BackToTop   {
    background: url(../images/shell/arrow-top.png) no-repeat 0 8px!important;
}


a.offsite {
    padding: 0 0 0 20px;
    background: url(../images/shell/icon-offsite-sm.png) no-repeat 0 0;
}

a.zoningLink {border-bottom: none!important; display: block;}
a.zoningLink:hover, a.zoningLink:focus {text-decoration: none!important;}

.form.parcelReportForm {display: flex; align-items: center; margin-top: 10px;}
.form.parcelReportForm ul li {padding-left: 0;}
.form.parcelReportForm > div {background: #F9F9F9; border: 1px solid #AAA; border-top: 1px solid #CCC;}
.form.parcelReportForm > div fieldset {margin-top: 5px; border: none!important; width: 100%;}        
.form.parcelReportForm .orSeparator {background: none!important; border: none!important; font-size: 1.1em; font-weight: bold; text-align: center; width: auto!important;}
.form.parcelReportForm .orSeparator p {margin: 0 10px}

p {
    margin: 5px 0 10px 0;
    line-height: 1.35em;
    font-size: 1em;
}

p:first-child{margin: 0 0 10px 0;}

.padding10 {
    padding: 10px;
}

form {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4 {
    font-family: 'Open Sans', sans-serif;
}

h1, .stg h1 {
    font-size: 1.75em!important;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #067789;
}

h2, .std h2, .header2 {
    font-size: 1.35em!important;
    line-height: 1.25em;
    color: #23596c;
    font-weight: 600;
    padding-top: .5em;
    padding-bottom: .5em;
}

#marquee h2 {
    padding-top: 0;
}

h1 .header2 {
    font-size: .85em!important;
    display: block;
    line-height: 1.25em;
    padding-top: .5em;
}

h2.alert {
    font-size: 1.375em;
    color: #9d432c;
    font-weight: 700;
}

h2.alert span {
    font-weight: 400!important;
}

h2.qaQuestion, h2 .qaQuestion, span.qaQuestion h2 {
    color: #067789!important;
    font-size: 1.5em!important;
}

h2.qaQuestionIcon {
    width: 78%;
    float: left;
    font-size: 1.6em!important;
    color: #666666;
}

h2.qaAnswer, h2 .qaAnswer, span.qaAnswer h2 {
    color: #218354 !important;
    font-size: 1.5em!important;
}

.columnTitle h2, .columnTitle h3, .columnTitle h4 {
    color: #666!important;
}

.announce h2 {
    padding-bottom: 1em;
    font-size: 1.75em!important;
}

.announce .summary h3 {
    color: #222222;
}

h2.revBlock {
    font-size: 1.25em;
    color: #fff!important;
    background: #487d8a;
    padding: 10px;
    font-weight: 600!important;
    margin: 0 0 10px 0!important;
}

.homeScrollerMate h2 {
    color: #d6dee5;
    font-size: 1.375em;
    text-shadow: 1px 1px 1px #333;
    font-weight: 400;
}

h2.findYourWay {
    margin: 60px 0 10px 0;
}

h2.centerColumn {
    clear: both;
    font-size: 1.25em;
    font-weight: 600;
    color: #666;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #E3E2DE;
    border-left: 1px solid #e3e2de;
    border-right: 1px solid #e3e2de;
    border-bottom: 1px solid #cdcdcd;
}

h2.socialHeader, #innerFooter h2.socialHeader {
    position: relative;
    display: inline-block;
    background: #415262;
    padding: 3px 0;
    width: 320px;
    margin: -10px 0 5px 0;
}

h3, .std h3, .header3, .mapLegend h2, .contentBlock h2.faq {
    font-size: 1.25em!important;
    line-height: 1.125em;
    font-weight: 600;
    color: #333333;
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 1.35em;
}

div.repeaterItem h3.centerColumn {
    color: #487d8a!important;
}

h3.alt {
    color: #666;
}

h3.centerColumn {
    position: relative;
    padding: 6px 10px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    text-shadow: 1px 1px 1px #fff;
    margin: 0;
    color: #666 !important;
    background-image: linear-gradient(#ffffff, #eaf0f2);
}

h3.emergencyAnnouncement {
    color: #feffc4;
    padding: 3px 10px 3px 45px;
    background: url(../images/shell/bg-emergency-announcement.gif) left center no-repeat;
}

h3.emergencyAnnouncement span {
    color: #fff!important;
    font-weight: 400;
}

h4, .labelHeader4, .std h4, .header4 {
    color: #23576B;
    font-size: 1.1em!important;
    font-weight: 600!important;
    display: block;
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 1.25em;
}

h5.enlarged {font-size: 1em!important;
    }

h5, .std h5, .header5 {
    font-size: 0.75em!important;
    font-weight: 600!important;
}


b, strong, .articleLead, .articleLeadHolidayRed, .articleLeadHolidayGreen, .contactLabel {
    font-weight: bold;
}

.articleLead {
    color: #a86600;
}

.articleLeadHolidayRed {
    color: #b62424;
}

.articleLeadHolidayGreen {
    color: #07651d;
}

.callOutTop {
    background: url(../images/shell/call-out-top.png) no-repeat top;
    margin: 15px 0px 15px -5px;
}

.contentBox .callOutTop {
    margin: 0px 0px -5px 0px;
}

.callOutBottom {
    background: url(../images/shell/call-out-bottom.png) no-repeat bottom;
}

p.callOut, span.callOut {
    font-size: 1.35em;
    line-height: 1.5em;
    color: #123656;
    padding: 20px 5px 20px 10px;
    font-style: italic;
    font-weight: 600;
}

.contentBox p.callOut {
    font-size: 1.7em;
    line-height: 1.7em;
    padding: 20px 10px 20px 10px;
}

.bordered {
    border: 1px solid #ccc;
}

.dividerDots {
    width: 100%;
    clear: both;
    margin: 10px 0;
    height: 1px;
    line-height: 1px;
    border-bottom: 1px dotted #ccc;
}

.rule {
    width: 100%;
    clear: both;
    margin: 10px 0;
    height: 1px;
    line-height: 1px;
    border-bottom: 1px solid #ccc;
}

.divider {
    width: 100%;
    clear: both;
    margin: 10px 0;
    height: 2px;
    line-height: 2px;
    background: url(../images/shell/rule.gif) repeat-x;
}

.tbDivider {
    border-top: 1px solid #dcdacd;
    border-bottom: 1px solid #dcdacd;
    padding: 15px 0 0 0;
    margin: 10px 0;
}

.tbDividerAlt {
    float: left;
    width: 100%;
    position: relative;
    display: block;
    border-top: 1px solid #dcdacd;
    border-bottom: 1px solid #dcdacd;
    padding: 15px 0;
    margin: 10px 0;
    clear: both;
}

p.moreSpace {line-height:1.65em;}

img.lt, div.lt {
    float: left;
    margin: 0 15px 15px 0;
}

img.rt, div.rt {
    float: right;
    margin: 0 0 15px 15px;
}

img.framed, .framed {
    padding: 8px;
    border: 1px solid #ccc;
    -moz-box-shadow: 0px 1px 4px #999;
    -webkit-box-shadow: 0px 1px 4px #999;
    box-shadow: 0px 1px 4px #999;
    background: #fff;
}

img.lightFramed, .lightFramed {
    padding: 8px;
    border: 1px solid #ccc;
    -moz-box-shadow: 0px 2px 4px #ccc;
    -webkit-box-shadow: 0px 2px 4px #ccc;
    box-shadow: 0px 2px 4px #ccc;
    background: #fff;
}

img.floatLeft, img.Left, img.left, .tiles img, .bigBox img {
    float: left;
    padding: 5px;
    margin: 10px;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
    background: #fff;
}

img.floatRight, img.Right, img.right {
    float: right;
    padding: 5px;
    margin: 10px;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
    background: #fff;
}

.tiles img, .bigBox img {
    margin: 10px 10px 10px 0px;
}

img.marginRight10 {margin-right:10px}
img.marginTop-5 {margin-top:-5px}

img.shadowOnly {
    padding: 5px;
    margin: 5px 10px 5px 0;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
    background: #fff;
}

img.shadowOnlyLeft {
    float: left;
    padding: 5px;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
    background: #fff;
}

img.shadowOnlyRight {
    float: right;
    padding: 5px;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
    background: #fff;
}

img.leftOnly {
    float: left;
    padding: 5px;
}

img.rightOnly {
    float: right;
    padding: 5px;
}

a img.lineBorder, img.lineBorder {
    border:1px #999 solid!important;  /*override required to overcome imgLink no-border style*/
}


img.center300 {
    margin-left: 89px;
    margin-right: 89px;
    padding: 5px;
}

img.center .content img.noBorder {
    padding: 0;
    margin: 5px 10px 3px 0;
}

.content img.noBorderRight{float:right;margin:5px 0 5px 5px;padding:0}

.content img.noBorderLeft {
    padding: 0;
    float: left;
    margin: 5px 10px 5px 0;
}

.content img.moveUp3px {margin: 2px 10px 5px 0;}
.content img.moveUp5px {margin: 0px 10px 5px 0;}

div.captionedImage, div.captionedImageLeft {
    float: left;
    padding: 5px;
    margin: 5px 10px 5px 0;
    border: thin solid #ddd;
    -moz-box-shadow: 0px 1px 4px #bbb;
    -webkit-box-shadow: 0px 1px 4px #bbb;
    box-shadow: 0px 1px 4px #bbb;
    text-align: center;
    font-style: italic;
    background: #fff;
}

div.captionedImageRight {
    float: right;
    padding: 5px;
    margin: 5px 0 5px 10px;
    border: thin solid #ddd;
    -moz-box-shadow: 0px 1px 4px #bbb;
    -webkit-box-shadow: 0px 1px 4px #bbb;
    box-shadow: 0px 1px 4px #bbb;
    text-align: center;
    font-style: italic;
    background: #fff;
}

div.captionedImageRightNoBorder {
    float: right;
    padding: 5px;
    margin: 5px 0 5px 10px;
    /*border: thin solid #ddd;
    -moz-box-shadow: 0px 1px 4px #bbb;
    -webkit-box-shadow: 0px 1px 4px #bbb;
    box-shadow: 0px 1px 4px #bbb;*/
    text-align: center;
    font-style: italic;
    background: #fff;
}

div.captionedImage p {
    margin-top: 0;
    margin-bottom: 0;
}

section ul {
    margin: 0 0 15px 17px;
    padding: 0;
}

section .content ul.indent {
    margin: 0 0 10px 27px;
}

section ul li {
    margin-bottom: 3px;
}

section ol {
    margin: 0 0 10px 22px;
    padding: 0;
}

section ol li {
    margin-bottom: 3px;
}

.contentBlock ul,.contentBlock ol{display:table;padding:0;margin:0 0 0 1.2em}

.contentBlock .content ul.indent, .contentBlock .content ol.indent {
    margin: 0 0 10px 27px;
}

.centerContent .featDirSection .teaserContainer > ul.noBullet {width: 100%; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.centerContent .featDirSection .teaserContainer ul.noBullet li.featDirTile {display: flex; flex-direction: column;}
.centerContent .featDirSection .teaserContainer ul.noBullet li.featDirTile.titleFirst {justify-content: flex-end;}
.centerContent .featDirSection .teaserContainer.contentAfterImage ul.noBullet li.featDirTile {justify-content: flex-start;}
.centerContent .featDirSectionV2 .teaserContainer ul.noBullet li.featDirTile .titles br {display: none;}
.centerContent .featDirSection.homeFeatDir ul.noBullet li.featDirTile .titles br,
.centerContent .featDirSection .teaserContainer.contentAfterImage ul.noBullet li.featDirTile .titles br {display: inline;}
.centerContent .featDirSection.featImg75 .teaserContainer ul.noBullet li.featDirTile .content,
.centerContent .featDirSection.featImg75 .teaserContainer ul.noBullet li.featDirTile .titleSub {width: 79px; padding: 0 23px;}
.centerContent .featDirSection.featImg120 .teaserContainer ul.noBullet li.featDirTile .content,
.centerContent .featDirSection.featImg120 .teaserContainer ul.noBullet li.featDirTile .titleSub {width: 124px; padding: 0 8px;}
.centerContent .featDirSection.featImg75 .teaserContainer ul.noBullet li.featDirTile {width: 125px;}
.centerContent .featDirSection.featImg120 .teaserContainer ul.noBullet li.featDirTile {width: 140px;}
.centerContent .featDirSection.featImg75 .teaserContainer ul.noBullet li.featDirTile img {max-width: 75px; box-sizing: border-box;}
.centerContent .featDirSection.featImg120 .teaserContainer ul.noBullet li.featDirTile img {max-width: 120px; box-sizing: border-box;}
.centerContent .featDirSection.featImg195 .teaserContainer ul.noBullet li.featDirTile img {max-width: 195px; box-sizing: border-box;}
.centerContent .featDirSection.featImg300 .teaserContainer ul.noBullet li.featDirTile img {max-width: 300px; box-sizing: border-box;}
.centerContent .featDirSection .teaserContainer ul.noBullet li.featDirTile {margin: 0.2em 4px 0.5em 4px;}
.centerContent .featDirSection .teaserContainer ul.noBullet li.featDirTile.only {width: 100%;}

.timelineContainer {display: flex; flex-direction: column; background: #FEFEFD; box-sizing: border-box; padding: 10px 0; overflow: hidden;}
.timelineContainer .outerSeparator {display: flex; justify-content: center; align-items: center; width: 30px;}
.timelineContainer .outerSeparator div:first-child {border-right: 1px solid #005D96; width: 50%; height: 15px; box-sizing: border-box;}
.timelineContainer .outerSeparator div:last-child {border-left: 1px solid #005D96; width: 50%; height: 15px; box-sizing: border-box;}
.timelineContainer .stepContainer {display: flex;}
.timelineContainer .stepContainer .stepTitle {display: flex; align-items: center;}
.timelineContainer .stepContainer .stepTitle p {font-size: 12px; margin: 0;}
.timelineContainer .stepContainer .stepDotContainer {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 25px;}
.timelineContainer .stepContainer .stepDotContainer .innerSeparator {display: flex; flex: 1; padding: 0!important;}
.timelineContainer .stepContainer .stepDotContainer .innerSeparator div {width: 50%;}
.timelineContainer .stepContainer .stepDotContainer .innerSeparator div:first-child {border-right: 1px solid #005D96;}
.timelineContainer .stepContainer .stepDotContainer .innerSeparator div:last-child {border-left: 1px solid #005D96;}
.timelineContainer .stepContainer:first-child .stepDotContainer .innerSeparator:first-child div,
.timelineContainer .stepContainer:last-child .stepDotContainer .innerSeparator:last-child div {border: none;}
.timelineContainer .stepContainer .stepDotContainer .stepDot {color: #005D96; min-height: 30px; height: 30px; min-width: 30px; width: 30px; border-radius: 15px; border: 2px solid #005d96; text-align: center; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.timelineContainer .stepContainer.complete .stepDotContainer .stepDot {background: #005d96; border: none;}
.timelineContainer .stepContainer .stepDotContainer .stepDot .stepNum {display: block; font-size: 16px; font-weight: 600; color: #005D96;}
.timelineContainer .stepContainer .stepDotContainer .stepDot .tlScreenReader {position: absolute; width: 0; height: 0; overflow: hidden; margin: 0; padding: 0;}
.timelineContainer .stepContainer.complete .stepDotContainer .stepDot .stepNum {color: #FFF; font-weight: 400;}
.timelineContainer.timelineRed .outerSeparator div,
.timelineContainer.timelineRed .stepDotContainer .innerSeparator div {border-color: #630101;}
.timelineContainer.timelineRed .stepContainer .stepDotContainer .stepDot,
.timelineContainer.timelineRed .stepContainer .stepDotContainer .stepDot .stepNum {color: #630101; border-color: #630101;}
.timelineContainer.timelineRed .stepContainer.complete .stepDotContainer .stepDot,
.timelineContainer.timelineRed .stepContainer.complete .stepDotContainer .stepDot .stepNum {background: #630101; color: #FFF;}
.timelineContainer.timelineGreen .outerSeparator div,
.timelineContainer.timelineGreen .stepDotContainer .innerSeparator div {border-color: #05493a;}
.timelineContainer.timelineGreen .stepContainer .stepDotContainer .stepDot,
.timelineContainer.timelineGreen .stepContainer .stepDotContainer .stepDot .stepNum {color: #05493a; border-color: #05493a;}
.timelineContainer.timelineGreen .stepContainer.complete .stepDotContainer .stepDot,
.timelineContainer.timelineGreen .stepContainer.complete .stepDotContainer .stepDot .stepNum {background: #05493a; color: #FFF;}

.contentBlock ul li, .contentBlock ol li {
    padding-left:.5em;
    margin-bottom:.5em;
    line-height:1.35em;
}

.contentBlock ul li ul, .contentBlock ul li ol, .contentBlock ol li ol, .contentBlock ol li ul {
    padding-left:.5em;
    margin: .5em 0 0 2em;
}

.contentBlock ul li ul>li:last-child, .contentBlock ul li ol>li:last-child, .contentBlock ol li ol>li:last-child, .contentBlock ol li ul>li:last-child {
    margin-bottom:0em;
}

.centerContent .home .contentBlock.homeFeatDir {border: none; background: none; margin-top: 1.5em}
.centerContent .home .contentBlock.homeFeatDir > .content, 
.centerContent .home .contentBlock.homeFeatDir > .columnContainer .content, 
.centerContent .home .contentBlock.homeFeatDir > .columnContainer .columnTitle h3 {padding-left: 0; padding-right: 0;}
.centerContent .home .contentBlock.homeFeatDir > .content img {width: 950px;}
.centerContent .home .contentBlock.homeFeatDir .columnContainer .columnLeft,
.centerContent .home .contentBlock.homeFeatDir .columnContainer .columnRight {
    border: none;
    background: none;
    width: 48%;
}
.centerContent .home .contentBlock.homeFeatDir .columnContainer .columnLeft {margin-right: 2%;}
.centerContent .home .contentBlock.homeFeatDir .columnContainer .columnRight {margin-left: 2%;}
.centerContent .home .contentBlock.homeFeatDir .columnTitle h2 {border: none; padding: 0.5em 0 0.3em 0;}
.centerContent .home .contentBlock.homeFeatDir h4 {
    color: #222;
}
.centerContent .home .contentBlock.homeFeatDir h3,
.centerContent .home .contentBlock.homeFeatDir .columnTitle h3 {
    color: #09425A;
}
.centerContent .home .contentBlock.homeFeatDir h2,
.centerContent .home .contentBlock.homeFeatDir .columnContainer .columnTitle h3,
.centerContent .home .contentBlock.homeFeatDir .titles .titlePrimary a {
    color: #09425A!important;
}
.centerContent .home .contentBlock.homeFeatDir h3.titleSub {
    color: #333;
}

.centerContent .home .contentBlock.homeFeatDir .content a.cta,
.centerContent .home .contentBlock.homeFeatDir .content a.cta:active {
    color: #09425A!important;
}
.centerContent .home .contentBlock.homeFeatDir .content a:hover,
.centerContent .home .contentBlock.homeFeatDir .content a:focus {
    color: #B6491A!important;
}
.centerContent .home .contentBlock.homeFeatDir.featImg75 .content,
.centerContent .home .contentBlock.homeFeatDir.featImg120 .content,
.centerContent .home .contentBlock.homeFeatDir.featImg195 .content,
.centerContent .home .contentBlock.homeFeatDir.featImg300 .content {
    padding: 0.5em 0;
}
.centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet,
.centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet,
.centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet,
.centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}
.centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet li,
.centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet li,
.centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet li,
.centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet li {
    margin: 0;
    padding: 0.2em 0 0.5em 0;
}
.centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet li {flex: 1 0 12.5%;}
.centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet li .titles, 
.centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet li a.thumbnailLink, 
.centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet li .content {
    width: 80px;
    display: block;
    margin: 0 auto;
}
.centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet li {flex: 1 0 25%;}
.centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet li .titles, 
.centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet li a.thumbnailLink, 
.centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet li .content {
    width: 125px;
    display: block;
    margin: 0 auto;
}
.centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet li {flex: 1 0 25%;}
.centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet li .titles, 
.centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet li a.thumbnailLink, 
.centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet li .content {
    width: 200px;
    display: block;
    margin: 0 auto;
}
.centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet li {flex: 1 0 33.3%;}
.centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet li .titles,
.centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet li a.thumbnailLink,
.centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet li .content {
    width: 305px;    
    display: block;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.clear-block {
    clear: both;
    width: 100%;
    line-height: 10px;
    height: 10px;
}

.clear-block-short {
    clear: both;
    width: 100%;
    line-height: 5px;
    height: 5px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*  HOME PAGE FOR THE MOST PART  */

.bxSliderHome {
    position: relative;
    float: left;
    width: 665px;
    height: 395px;
    z-index: 1;
}

.homeScrollerMate {
    float: right;
    position: relative;
    width: 285px;
    height: 335px;
    background: url(../images/shell/bg-hp-main.jpg) repeat-x;
    color: #fff;
    padding: 40px 20px 20px 20px;
}

.homeScrollerMate .social {
    position: absolute;
    width: 225px;
    height: 16px;
    top: 8px;
    right: 20px;
    text-align: right;
}

.homeScrollerMate .social a {
    margin: 0 0 0 3px;
}

.homeScrollerMate .social a:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.homeScrollerMate p {
    font-size: 0.8125em;
    color: #c8d4de;
    line-height: 1.3em;
}

.homeScrollerMate .mapImg {
    -moz-box-shadow: 0px 3px 4px #333;
    -webkit-box-shadow: 0px 3px 4px #333;
    box-shadow: 0px 3px 4px #333;
    display: block;
    text-align: center;
}

.homeScrollerMate a.ctaMap {
    color: #b6491a;
    font-weight: 700;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% 5px;
    padding: 0 10px 0 0;
    margin: 5px 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #333;
}

.homeScrollerMate .findYourWayextraPad {
    padding: 7px 0;
}

.homeScrollerMate .findYourWayextraPad a.ctaMap {
    font-size: 0.875em;
    color: #b6491a;
}

.homeScrollerMate .dropDownQuestions {
    position: absolute;
    width: 279px;
    height: 31px;
    top: 75px!important;
    left: 20px;
}

.content .dropDownQuestions {
    position: absolute;
    width: 198px;
    height: 31px;
    top: 35px;
    left: 10px;
}

.dropDownQuestions h4 {
    float: left;
    font-weight: 700;
    color: #43747f;
    padding: 0 10px!important;
    width: 279px;
    height: 31px;
    line-height: 31px;
    cursor: pointer;
    background: url(../images/shell/bg-home-dropdown.png) 100% 0 no-repeat;
    margin: 0;
    position: relative;
    bottom: 0;
    left: 0;
    text-shadow: 1px 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.contentBox .dropDownQuestions h4 {
    margin: 10px 0 0 0;
    width: 178px;
    background: url(../images/shell/bg-home-dropdown.png) no-repeat 100% 0;
}

.dropDownQuestions h4 a {
    text-decoration: none;
    color: #487d8a;
    display: block;
    font-size: 1em;
    padding: 5px 0;
    font-weight: 700;
    text-shadow: 1px 1px 1px #fff;
}

.dropDownQuestions h4 a:hover {
    color: #666!important;
}

.dropDownQuestions ul {
    position: relative;
    z-index: 1000;
}

ul.question {
    float: left;
    position: relative;
    z-index: 1100;
    width: 279px;
    margin: 0;
    padding: 0;
}

.contentBox ul.question {
    width: 198px!important;
}

.question li {
    left: 0;
    list-style: none;
    margin: 0!important;
    padding: 0!important;
    clear: both;
    position: relative;
    z-index: 1100;
    height: 35px;
}

.contentBox.question li {
    top: 31px;
    left: 0;
    list-style: none;
    margin: 0!important;
    padding: 0!important;
    clear: both;
    position: relative;
    z-index: 1100;
    width: 188px!important;
    height: auto;
}

.contentBox .question li a {
    width: 178px;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
}

* + html .question li {
    margin: -4px 0!important;
    padding: 0;
}

.question li a {
    position: relative;
    text-decoration: none;
    float: left;
    line-height: 35px;
    padding: 0 10px;
    width: 259px;
    border-top: 1px solid #f3f3f3;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    position: relative;
    color: #487d8a!important;
    z-index: 1100;
    font-size: 0.875em;
}

.question li a:hover {
    color: #666!important;
    background: #f8f8f8!important;
}

.question h4:hover li a {
    display: block!important;
}

.question li.closeQuestion a {
    float: right!important;
    text-align: right;
}

.question li.closeQuestion, .question li.closeQuestion a {
    display: none;
}

.homeNewsAnnouncements {
    float: left;
    width: 480px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
    background: #fefefd;
    border: 1px solid #dddacb;
    -moz-box-shadow: 0px 1px 2px #ccc;
    -webkit-box-shadow: 0px 1px 2px #ccc;
    box-shadow: 0px 1px 2px #ccc;
}

.homeNewsAnnouncements h2 {
    font-size: 1.5em;
    color: #5c8994;
    background: -webkit-linear-gradient(#809fab, #487d8a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600!important;
    line-height: 1.25em;
}

.homeUpcomingEvents {
    float: right;
    width: 360px;
    max-height: 640px;
    padding: 10px 20px;
    margin: 0 0 20px 0;
    background: #fefefd;
    border: 1px solid #dddacb;
    -moz-box-shadow: 0px 1px 2px #ccc;
    -webkit-box-shadow: 0px 1px 2px #ccc;
    box-shadow: 0px 1px 2px #ccc;
}

.homeUpcomingEvents h2 {
    font-size: 1.25em;
    color: #89af00;
    background: -webkit-linear-gradient(#cae07d, #89af00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600!important;
    line-height: 1.25em;
}

.homeUpcomingEvents.sub {
    position: relative;
    width: 220px;
    height: auto;
    border: 0;
    margin-bottom: 0!important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.homeNewsAnnouncements .newsStory {
    font-size: 0.75em;
    border-bottom: 1px dotted #ccc;
    line-height: 1.25em;
    padding: 5px 0;
    margin: 0 0 5px 0;
}

.homeNewsAnnouncements .newsStory h3 a {
    text-decoration: none;
    color: #5c8994;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25;
}

.homeNewsAnnouncements a.viewMoreNews, .leftSide a.viewMoreNews {
    font-size: 0.75em;
    color: #c76e01!important;
    text-decoration: none;
    font-weight: 600;
    padding: 3px 0 3px 20px;
    margin: 10px 0 0 0!important;
    background: url(../images/shell/icon-view-more-news.png) no-repeat 0 0;
}

.homeNewsAnnouncements a.viewMoreNews span, .leftSide a.viewMoreNews span {
    padding: 0 10px 0 0;
    color: #C76E19!important;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% 5px;
}

.homeUpcomingEvents .eventStory, .leftSide .eventStory {
    font-size: 0.75em;
    border-bottom: 1px dotted #ccc;
    line-height: 1.25em;
    padding: 5px 0;
    margin: 0 0 5px 0;
    line-height: 1.25;
}

.homeUpcomingEvents .eventStory h3 a, .leftSide .eventStory h3 a {
    text-decoration: none;
    color: #5c8994;
    font-size: 1em!important;
    font-weight: 700;
}

.homeUpcomingEvents a.viewMoreEvents {
    font-size: 0.75em;
    color: #e99a3f;
    text-decoration: none;
    font-weight: 600;
    padding: 3px 0 3px 25px;
    margin: 10px 0 0 0!important;
    background: url(../images/shell/icon-events-calendar.png) no-repeat 0 0;
}

.homeUpcomingEvents a.viewMoreEvents span {
    padding: 0 10px 0 0;
    color: #C76E19!important;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% 5px;
}

.homeUpcomingEvents .eventModule, .rightContent .eventModule, .rightContent .serviceModule, .rightContent .resourceModule {
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    z-index: 1;
    width: 378px;
    border-left: 10px solid #92aa38!important;
    margin: 10px 0;
    padding: 0;
    background-color: #ffffff;
    background-image: linear-gradient(#ffffff, #e8ead0);
}

.homeUpcomingEvents.sub .eventModule {
    position: relative;
    z-index: 1;
    width: 238px;
    height: auto;
}

.rightContent .eventModule, .rightContent .serviceModule, .rightContent .resourceModule {
    position: relative;
    z-index: 1;
    width: 215px;
    height: auto;
    left: -10px;
}

.homeUpcomingEvents.sub .eventModule p{
    margin: 0 0 0 95px;
}

.homeUpcomingEvents .eventModule img.event {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 120px;
    height: 120px;
    padding: 5px;
    background: #fff;
    border: 1px solid #efefef;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
}

.homeUpcomingEvents.sub .eventModule img.event, .rightContent .eventModule img.event, .rightContent .serviceModule img.event, .rightContent .resourceModule img.event {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 75px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: #fff;
    border: 1px solid #efefef;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
}

.homeUpcomingEvents .eventModule img.edge, .rightContent .eventModule img.edge, .rightContent .serviceModule img.edge, .rightContent .resourceModule img.edge {
    margin: 0!important;
    position: absolute;
    bottom: -9px!important;
    right: -0px!important;
    z-index: 2!important;
    width: 8px!important;
    height: 8px!important;
}

.homeUpcomingEvents .eventModule .message {
    margin: 10px 30px 10px 160px;
    font-size: 0.75em;
    line-height: 1.25em;
}

.homeUpcomingEvents.sub .eventModule .message, .rightContent .eventModule .message, .rightContent .serviceModule .message, .rightContent .resourceModule .message {
    margin: 10px 10px 10px 10px;
    line-height: 1.25em;
}

.homeUpcomingEvents .eventModule h3 a {
    color: #c76e01;
    font-size: 1.125em;
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    padding: 0 10px 0 0;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% center;
    line-height: 1.25;
}

.rightContent .eventModule .message h3 a {
    color:  #23596c;
    font-size: .9em!important;
    line-height: 1.2em;
    font-weight: 600;
    margin: 0;
    text-decoration: none;
    padding: 0 10px 0 0;
    margin: 0!important;
    background: url(../images/shell/arrow-cta2.png) no-repeat 100% center;
}

.rightContent .eventModule .message h3 a:focus, .rightContent .eventModule .message h3 a:hover {
    color: #a86600;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% center;
}

.homeUpcomingEvents .eventModule h4 {
    color: #333;
    font-size: 1.0em;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.homeUpcomingEvents .eventModule a.cta, .homeUpcomingEvents .eventModule a.callToAction {
    color: #e99a3f;
    font-weight: 600;
    text-decoration: none;
    padding: 0 10px 0 0;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% 5px;
}

.homeNewsAnnouncements h2 {
    font-size: 1.25em;
    color: #5c8994;
    background: -webkit-linear-gradient(#809fab, #487d8a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    line-height: 1.25em;
}

.activeBox {
    border: 1px solid #d0d0d0;
    padding: 10px;
    margin: 0 0 15px 0;
}

.whatsHappeningHolder {
    position: relative;
    width: 508px;
    float: left;
    clear: both;
    margin: 0 0 15px 0!important;
    border: 1px solid #e3e2de;
    border-bottom: 1px solid #b7b7b3;
    background: #fdfdfc url(../images/shell/bg-line.gif) 247px top repeat-y;
}

.centerContentHolder {
    position: relative;
    width: 508px;
    float: left;
    clear: both;
    margin: 0 0 15px 0!important;
    border-bottom: 1px solid #b7b7b3;
    background: #fdfdfc;
}

.fullContentHolder {
    position: relative;
    width: 655px;
    padding: 19px;
    float: left;
    clear: both;
    margin: 0 0 15px 0!important;
    border: 1px solid #e3e2de;
    border-bottom: 1px solid #b7b7b3;
    background: #f2f0e6;
}

.fullContentHolder.white {
    position: relative;
    width: 655px;
    padding: 19px;
    float: left;
    clear: both;
    margin: 0 0 15px 0!important;
    border: 1px solid #e3e2de;
    border-bottom: 1px solid #b7b7b3;
    background: #fff;
}

.fullContentHolder .leftSide {
    float: left;
    width: 312px;
    padding: 10px 10px 10px 0px;
}

.fullContentHolder .rightSide {
    float: left;
    width: 312px;
    padding: 10px 0 10px 10px;
}

.splitContentHolder .leftSide {
    float: left;
    width: 235px;
    padding: 0 19px 0 0;
    margin: 10px 0;
    border-right: 1px solid #dfdedc;
}

.splitContentHolder .rightSide {
    float: left;
    width: 235px;
    padding: 0 0 0 20px;
    margin: 10px 0 10px -1px;
    border-left: 1px solid #dfdedc;
}

.splitContentHolder h2 {
    margin: 0 0 15px 0;
}

.centerContentHolder .leftSide {
    float: left;
    width: 235px;
    padding: 10px 9px 10px 10px;
    font-size: 0.8em;
}

.centerContentHolder .rightSide {
    float: left;
    width: 235px;
    padding: 10px 10px 10px 9px;
    font-size: 0.8em;
}

.centerContentHolder .leftSideSplit {
    float: left;
    width: 253px;
    padding: 10px 0 10px 0px;
    font-size: 0.75em;
    border-right: 1px solid #ccc;
}

.centerContentHolder .rightSideSplit {
    float: left;
    width: 254px;
    padding: 10px 0 10px 0;
    font-size: 0.75em;
    border-left: 1px solid #ccc;
    margin: 0 0 0 -1px;
}

.leftSideSplit h2.centerColumn {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-top: -10px;
    margin: -10px 0 0 0;
}

.rightSideSplit h2.centerColumn {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin: -10px 0 0 0px;
}

.whatsHappeningHolder .leftSide {
    float: left;
    width: 228px;
    padding: 10px;
}

.whatsHappeningHolder .leftSide h2 {
    font-size: 1.25em;
    color: #5c8994;
    background: -webkit-linear-gradient(#809fab, #487d8a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    line-height: 1.25em;
}

.centerContentHolder .rightSide a.cta, .centerContentHolder .rightSide a.callToAction {
    color: #e99a3f;
    font-weight: 600;
    text-decoration: none;
    padding: 0 10px 0 0;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% 3px;
    font-size: 0.75em;
}

.emergenyHolder {
    width: 990px;
    height: 83px;
    background: url(../images/shell/bg-alert.png) no-repeat 0 15px!important;
    display: block;
    margin: 0 auto!important;
    padding: 10px 0 0 0;
    clear: both;
}

.emergency {
    width: 990px;
    height: 93px;
    float: left;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    line-height: 1.2em;
    clear: both;
}

.emergency .arrow {
    display: none!important;
}

.emergency h3 {
    text-transform: uppercase;
    color: #feffc4;
    font-weight: 600;
    margin: 8px 0 0 70px;
    font-size: 1em!important;
}

.emergency h3 span, .emergency h3 a span {
    text-transform: none!important;
    color: #fff!important;
    font-weight: 600;
}

.emergency h3 a {
    color: #fff;
    text-decoration: none;
}

.emergency h3 a span {
    color: #fff;
    text-decoration: underline;
}

.emergency a.cta, .emergency a.callToAction {
    color: #feffa5!important;
    font-weight: 600;
    text-decoration: none;
    background: url(../images/shell/arrow-cta-emergency.png) no-repeat 100% 6px!important;
    padding: 0 15px 0 0;
    margin: 0;
    font-size: 0.875em;
}

.emergency p {
    margin: 5px 0 0 70px;
    font-weight: 400;
}

.alertHolder {
    width: 990px;
    height: 73px;
    display: block;
    margin: 0 auto!important;
    clear: both;
    color: #000;
}

.alertHolder h2 {
    position: absolute;
    font-size: 1em;
    font-weight: 800;
    text-transform: uppercase;
    top: 3px;
}

.alertHolder h3, .alertHolder h3 a {
    font-size: 1em;
    color: #000;
}

.alertHolder h3 a {
    text-decoration: underline;
}

.alertHolder h3, .emergenyHolder h3 {
    padding-bottom: 0;
}

.alertMe {
    width: 990px;
    margin: 5px 0 0 0px;
    height: 73px;
    float: left;
    text-align: left;
    padding: 0;
    line-height: 1.2em;
    clear: both;
    list-style-type: none;
}

.alertMe div {
    width: 880px;
    margin: 5px 0 0 70px;
}

.alertMe p {
    margin: 0;
}

.searchHiddenInfo {
    position: absolute;
    top: 20px;
    right: 20px;
}

.announcement {
    width: 488px;
    border: 1px solid #89af00;
    background: #faffe2;
    padding: 5px 10px 10px 10px;
    font-size: 0.75em;
    line-height: 1.50em;
    margin: 0 0 15px 0;
}

.announcement a:hover.cta, .announcement a:hover.callToAction {
    color: #487d8a;
}

.announcement span {
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: 600;
    color: #617c00;
    display: block;
    padding-bottom: .5em;
}

.keywordSearch {
    border-left: 1px solid #89af00;
    border-right: 1px solid #89af00;
    border-top: 1px solid #89af00;
    width: 490px;
    color: #fff;
    border-bottom: 1px solid #c7bfb0;
    background-color: #406f7a;
    padding: 10px;
    font-size: 0.75em;
    line-height: 1.50em;
    margin: 0 0 15px 0;
    background-image: linear-gradient(#406f7a, #497c89);
}

.keywordSearch input {
    padding: 3px;
    font-size: 1em;
    color: #666;
    width: 200px;
    border: 1px solid #ccc;
}

.keywordSearch input.btn {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-color: #ffffff;
    color: #487d8a;
    font-weight: 700;
    font-size: 1.1em;
    width: auto !important;
    padding: 2px 5px 3px 5px;
    cursor: pointer;
    background-image: linear-gradient(#ffffff, #d9d9d9);
}

.keywordSearch .barPad {
    margin: 0 15px;
}

input.send, .btnMore {
    color: #fff;
    text-shadow: 1px 1px 1px #3c6873;
    background: #487d8a;
    padding: 5px 10px;
    font-family: 'Open Sans',sans-serif;
    font-size: 1em;
    border: none;
    border-bottom: 2px solid #305947;
    -moz-box-shadow: 0px 1px 4px #333;
    -webkit-box-shadow: 0px 1px 4px #333;
    box-shadow: inset 0px 1px 4px 0px #7aa0aa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.btnMore {
    display: inline-block;
    padding: 5px 30px;
}

a.btnMore {
    color: #fff;
}

input.send:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.sortAndShow {
    padding: 3px;
    font-size: 1em;
    color: #666;
    text-shadow: 1px 1px #fff;
    width: 180px;
    border: 1px solid #ccc;
    margin: 0 0 15px 0;
    font-size: 0.875em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    background-image: linear-gradient(#ffffff, #d9d9d9);
}

.sortAndShowLarge {
    padding: 3px;
    font-size: 1em;
    color: #666;
    text-shadow: 1px 1px #fff;
    width: 90%;
    border: 1px solid #ccc;
    margin: 0;
    font-size: 0.875em;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    background-image: linear-gradient(#ffffff, #d9d9d9);
}

input.std, textarea.std {
    padding: 3px;
    font-size: 1em;
    color: #666;
    text-shadow: 1px 1px #fff;
    width: 99%;
    border: 1px solid #ccc;
    font-size: 0.875em;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    resize: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input.error {
    border: 2px solid #da4053;
    color: #da4053;
}

.errorMessaging {
    margin: 0 0 0 15px;
    color: #c00;
    font-size: 0.875em;
}

option {
    padding: 0 5px;
}

.rfprfqDesktop label {
    float: right;
    display: block;
    width: 88%;
    text-align: left;
    clear: both;
    margin-bottom: 10px;
}

* + html .rfprfqDesktop label {
    float: right;
    width: 88%;
    text-align: left;
    clear: both;
    position: relative;
    margin-top: -17px;
}

* + html .sortLabel, * + html .showLabel {
    position: relative;
    top: -17px!important;
}

.rfprfqDesktop p {
    width: 100%;
    clear: both;
    font-size: 1.125em;
    line-height: 1.25em;
    margin: 0 0 10px 0!important;
}

span.sort {
    float: right;
    clear: both;
}

span.sort .barPad {
    margin: 0 15px;
    color: #ccc!important;
}

/*  SOLO PHOTO GALLERY  */
.fullSizeView {
    position: relative;
    z-index: 2;
    width: 100%;
    clear: both;
}

.fullSizeView img {
    position: relative;
    z-index: 1;
    margin-top: -66px;
}

.fullSizeView h1 {
    position: relative;
    padding: 0 10px;
    margin: 0!important;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    height: 66px;
    line-height: 2.25em;
    z-index: 3;
    background: url(../images/shell/bg-semi-trans.png) repeat-x;
}

.photoPagination {
    float: left;
    width: 100%;
    text-align: right;
    clear: both;
    margin: 0 0 25px 0;
}

.photoPagination a.previous {
    color: #e99a3f;
    width: 90px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border-bottom: none;
    background: #fff url(../images/shell/arrow-back.png) no-repeat 5px 12px;
    padding: 5px 5px 5px 15px;
    border: 1px solid #e3e5e3;
    -moz-box-shadow: 0px 1px 3px #e3e5e3;
    -webkit-box-shadow: 0px 1px 3px #e3e5e3;
    box-shadow: 0px 1px 3px #e3e5e3;
}

.photoPagination a.next {
    color: #e99a3f;
    width: 90px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border-bottom: none;
    background: #fff url(../images/shell/arrow-forward.png) no-repeat 95% 12px;
    padding: 5px 15px 5px 5px;
    border: 1px solid #e3e5e3;
    -moz-box-shadow: 0px 1px 3px #e3e5e3;
    -webkit-box-shadow: 0px 1px 3px #e3e5e3;
    box-shadow: 0px 1px 3px #e3e5e3;
}

.photoPagination a:hover.next, .photoPagination a:hover.previous {
    color: #287f8c;
}

.photoPagination .count {
    color: #287f8c;
    display: inline-block;
    text-decoration: none;
    border-bottom: none;
    background: #fff;
    padding: 5px 15px;
    margin: 0 2px;
    border: 1px solid #e3e5e3;
    -moz-box-shadow: 0px 1px 3px #e3e5e3;
    -webkit-box-shadow: 0px 1px 3px #e3e5e3;
    box-shadow: 0px 1px 3px #e3e5e3;
}
/*  /END SOLO PHOTO GALLERY  */

/*  TOGGLE PANEL  */

.togglePanel {
    margin: 20px 0;
    background: #fff;
}

.togglePanel h3.showMe span {
    display: block;
    padding: 8px 30px 8px 15px;
}

.togglePanel h3.showMe {
    display: block;
    clear: both;
    cursor: pointer;
    margin: -1px 0!important;
    border: 1px solid #c1c0bb;
    background-color: #fefefe;
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    color: #487d8a;
    background-image: linear-gradient(#fefefe, #ebf0f2);
}

.togglePanel h3.showMe.toggleOn {
    background-color: #fefefe;
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    color: #788c2c;
    background-image: linear-gradient(#fefefe, #e8ead0);
}

.togglePanel h3.showMe.toggleOn:hover {
    color: #788c2c;
}

.togglePanel h3.showMe span {
    background: url(../images/shell/toggleOff-plus.png) no-repeat 98% center;
}

.togglePanel h3.showMe.toggleOn span {
    background: url(../images/shell/toggleOn-minus.png) no-repeat 98% center;
}

.togglePanel .hiddenInfo {
    padding: 15px;
    border: 1px solid #c1c0bb;
    border-top: none;
    font-size: 0.75em;
}

.togglePanel .hiddenInfo h3, .togglePanel .hiddenInfo h3 a.cta, .togglePanel .hiddenInfo h4 {
    font-weight: 700!important;
}

.togglePanel .hiddenInfo.divide {
    background: url(../images/shell/divide.gif) center top repeat-y;
    padding: 0;
}

.togglePanel .hiddenInfo.divide .halvesHolder {
    float: left;
    width: 100%;
    display: block;
    clear: both;
}

.togglePanel .hiddenInfo.divide .halves {
    float: left;
    width: 224px;
    padding: 15px;
}
/*  /END TOGGLE PANEL  */

.cmc a { /*  SOCIAL MEDIA CENTER  */
    float: left;
    margin: 0 8px 0 0;
    border-bottom: 0;
}

.cmc a:hover { /*  SOCIAL MEDIA CENTER  */
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*  |||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
.footerHolder {
    width: 100%;
    height: 284px;
    margin: 20px auto 0 auto;
    background: #273840 url(../images/shell/bg-footerHolder.jpg) repeat-x;
    clear: both;
}

#innerFooter {
    width: 990px;
    margin: 0 auto;
    height: 234px;
    padding: 25px 0;
    background: url(../images/shell/bg-footer.jpg) no-repeat;
    color: #ccc;
    font-size: 0.75em;
}

#innerFooter p {
    font-size: 1em;
}

#innerFooter .fifths {
    float: left;
    width: 18%;
    margin: 0 2% 0 0;
    line-height: 1.25em;
    min-height: 180px;
}

#innerFooter .fifths a {
    color: #ccc;
    text-decoration: none;
}

#innerFooter .fifths a:hover, #innerFooter .fifths a:focus, #innerFooter .fifths a:active {
    color: #fff;
    text-decoration: none;
}

#innerFooter a.btn {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 1em;
    background: #92aa38;
    border-top: 1px solid #afc16d;
    border-left: 1px solid #82992f;
    border-right: 1px solid #82992f;
    border-bottom: 1px solid #61781d;
    padding: 5px 10px;
    margin: 0 0 10px 0;
}

#innerFooter h2 {
    margin: 0 0 25px 0;
    font-weight: 600;
    color: #fff;
}

#innerFooter h3 {
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

#innerFooter h3.last {
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

#innerFooter a.facebook, #innerFooter a.facebook:hover, #innerFooter a.facebook:focus, #innerFooter a.facebook:link {
    background: url(../images/shell/icon-facebook.png) no-repeat 0 0!important;
    padding: 0 0 2px 23px;
}

#innerFooter a.email, #innerFooter a.email:hover, #innerFooter a.email:focus, #innerFooter a.email:link {
    background: url(../images/shell/icon-email.png) no-repeat 0 0!important;
    padding: 0 0 2px 23px;
    margin-top: 10px;
    line-height: 2.5em;
    text-decoration: none;
    border: none;
}

#innerFooter a.twitter, #innerFooter a.twitter:hover, #innerFooter a.twitter:focus, #innerFooter a.twitter:link {
    background: url(../images/shell/icon-twitter.png) no-repeat 0 0!important;
    padding: 0 0 2px 23px;
}

#innerFooter a.gplus, #innerFooter a.gplus:hover, #innerFooter a.gplus:focus, #innerFooter a.gplus:link {
    background: url(../images/shell/icon-gplus.png) no-repeat 0 0!important;
    padding: 0 0 2px 23px;
    text-decoration: none;
    border: none;
}

.shareLinks a:hover {
    opacity: 0.75;
}

.shareLinks {
    line-height: 1.5em;
    height: 22px;
}

#innerFooter .gutter{margin:30px 0 0 0;padding:15px 30px 20px 0}
#innerFooter .copyright{clear:both;color:#cbd1d5;padding:25px 0 .5em 0;text-align:left}
.footerBottomMenu{text-align:left}
#innerFooter .footerBottomMenu li{display:inline-block}
#innerFooter .footerTopMenu a,#innerFooter .footerTopMenu a:visited{border-bottom:1px dotted #9d9d9d !important;color:#d7d7d7;margin:0 .5em !important}
.footerBottomMenu a:first-of-type{margin-left:0}
.footerBottomMenu a,.footerBottomMenu a:visited{border-bottom:1px dotted #ccc !important;color:#ccc !important;margin:0 .8em}
.footerBottomMenu a:hover,.footerBottomMenu a:focus{border-bottom:none!important;color:#fff!important;}
.footerBottomMenu a abbr{text-decoration:none;}

#innerFooter .footerDark p {
    margin: 0 0 7px 0;
}

#innerFooter .footerDark a {
    font-weight: 600;
}

#innerFooter .footerDark h2 {
    display: inline-block;
    background: #415262;
    margin: -3px 0 0 0;
    padding: 0 0 10px 0;
}

.footerHolder #innerFooter > nav .footerDark h2.socialHeader {
    top: -5px;
}

.footerHolder #innerFooter > nav .footerDark h2.socialHeader a.footerDeptLink {color: #D2D2D2;}
.footerHolder #innerFooter > nav .footerDark h2.socialHeader a.footerDeptLink:hover,
.footerHolder #innerFooter > nav .footerDark h2.socialHeader a.footerDeptLink:focus {color: #FFF;}

.moduleOffsiteLink {
    padding: 10px 25px 5px 10px;
    border-top: 1px dotted #ccc;
}

.moduleOffsiteLink:first-child {
    border-top: none!important;
}

.calListToggleHolder {
    float: left;
    position: relative;
    clear: both;
    margin: 20px 0 10px;
}

.calListToggleHolder h4 {
    display: inline-block;
    position: relative;
    top: -5px;
    margin: 0 20px 0 5px;
}

.icon-calendar {
    display: inline-block;
    width: 22px;
    height: 21px;
    background: url(../images/shell/icon-sprite-calendar.png) no-repeat top left;
    cursor: pointer;
}

.icon-calendar.calOff {
    background: url(../images/shell/icon-sprite-calendar.png) no-repeat bottom left;
}

.icon-list {
    display: inline-block;
    width: 22px;
    height: 21px;
    background: url(../images/shell/icon-sprite-list.png) no-repeat top left;
    cursor: pointer;
}

.icon-list.listOff {
    background: url(../images/shell/icon-sprite-list.png) no-repeat bottom left;
}

.icon-calendar:hover, .icon-list:hover {
    background-position: top left;
}

.rctCustomContainer {
    position: relative;
    padding: 0 10px;
    background: #FEFEFD;
    border: 1px solid #ecebe8;
    border-bottom: 2px solid #ecebe8;
    font-size: 0.75em;
    margin: -4px 0 15px 0;
}

.rctCustomTitle {
    background: #fff;
    margin: 0;
    border: 1px solid #E3E2DE;
    padding: 5px 10px;
    font-size: 1em!important;
}

.rctLink {
    border-bottom: none!important;
}

.rctCustomImage {
    background: #fff none repeat scroll 0 0;
    /*box-shadow: 0 1px 4px #ccc;*/
}

.rctCustomContainer div:last-child {
    border-bottom: none;
}

.rctCustomContent  {
    padding: 5px 5px 10px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.rctCustomContent p {
    margin: 5px 0 5px 0;
    line-height: 1.35em;
    font-size: 1em;
}

.rctIcon40LinkMiddle{margin-top:25%;margin-left:.5em}

.container section .rightContent .badgeHolder {
    background-color: #ffffff;
    border-top: 1px solid #dadad9;
    border-left: 1px solid #dadad9;
    border-right: 1px solid #dadad9;
    border-bottom: 1px solid #c7c6c4;
    text-align: center;
    padding: 5px 0;
    background-image: linear-gradient(#f9f8f4, #e3e3e0);
}

.container section .rightContent .contentBox {
    position: relative;
    width: 198px;
    padding: 10px 10px 0 10px;
    background: #FEFEFD;
    border: 1px solid #ecebe8;
    border-bottom: 2px solid #ecebe8;
    font-size: 0.75em;
    margin: 0 0 15px 0;
}

.container section .rightContent .contentBox.noMargin {
    position: relative;
    margin: 0!important;
    border-bottom: none;
}

.container section .rightContent .contentBox.alt {
    padding: 0 10px 10px 10px;
}

.container section .rightContent .contentBox.alt .eventHolder, .container section .rightContent .contentBox.alt .serviceHolder {
    margin-top: -11px;
}

.container section .rightContent .contentBox.meetingNow {
    background: #f7fbdf;
    border: 1px solid #c7d986;
}

.container section .rightContent .contentBox h2 {
    font-size: 1.75em;
    font-weight: 600;
}

.container section .rightContent .contentBox h3 {
    font-size: 1.25em!important;
    font-weight: 600;
}

.container section .rightContent .contentBox h3.hdr {
    background: #fff;
    margin: -10px -10px 10px -10px!important;
    border: 1px solid #E3E2DE;
    padding: 5px 10px;
}

.container section .rightContent h3.hdrAlone {
    background: #fff;
    margin: 0;
    border: 1px solid #E3E2DE;
    padding: 5px 10px;
    font-size: 1em!important;
    color: #487d8a;
}

.rctCustomContent h4 {
    color:#000000;
}

.rightContent a.signUp {
    display: block;
    color: #23596c;
    font-size: 1.0em;
    font-weight: 600;
    height: 31px;
    padding: 0 0 0 35px;
    background: url(../images/shell/icon-signup.png) no-repeat top left;
    border-bottom: none;
}

.rightContent a.signUp span {
    padding: 0 15px 0 0;
    color: #e99a3f!important;
    background: url(../images/shell/arrow-cta.png) no-repeat 100% 4px;
    border-bottom: none;
}

.rightContent a.signUp span:hover {
    padding: 0 15px 0 0;
    color: #23596c!important;
    background: url(../images/shell/arrow-cta2.png) no-repeat 100% 4px;
    border-bottom: none;
}

.rightContent a:hover.signUp {
    color: #e99a3f;
    background: url(../images/shell/icon-signup.png) no-repeat bottom left;
}

.container section .rightContent .contentBox.meetingNow h3 {
    color: #fff;
    margin: -10px -10px 10px -10px;
    text-shadow: 1px 1px 1px #707300;
    background: #89af00;
    padding: 7px 10px;
}

h4 a.ctaWatch {
    font-size: 0.875em;
    padding: 0 15px 0 0;
    background: url(../images/shell/arrow-cta2.png) no-repeat 100% 8px;
}

.container section .rightContent .contentBox h4 {
    font-size: 1.1em!important;
    font-weight: 600;
    color: #ad6800;
    margin-bottom: .8em;
}

.rightContent .contentBox.featuredContent {
    border-left: 1px solid #d7dbc7 !important;
    border-right: 1px solid #d7dbc7 !important;
    border-top: 1px solid #d7dbc7 !important;
    width: 198px;
    padding: 10px;
    background-color: #f8fafb!important;
    border-bottom: 2px solid #d7dbc7 !important;
    background-image: linear-gradient(#f8fafb, #dee8ea)!important;
}

.rightContent .eventModule h4 {
    color: #8e5500!important;
    font-size: 1em!important;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.rightContent .contentBox.featuredContent h4 {
    font-size: 1em!important;
}

.emergencies a, a.cta, a.callToAction, .bx-wrapper a, .newsStory h3 a, .eventStory h3 a, .message h3 a, a.viewMoreNews, a.viewMoreEvents, nav.sub li a, a.ctaWatch, .dropDownQuestions li a, a.noul, .socialSub a, h2.trigger a, .moduleOffsiteLink a, .featuredContent h4 a, .utilityNav a, a.ctaRev, a.goBack, a.backToTop, a.BackToTop, .featDirSection .linkList li a {
    border-bottom: none!important;
}


a.noul, .deeplink a {
    font-weight: 600!important;
}

table.sortable .sortarrow
{
    display: block;
}

/*------------- table styles -------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    caption-side: top;
    text-align: left;
    margin-bottom: 1em;
    background: #fff;
}

caption {
    padding: 0 0 .3em .1em;
    text-align: left;
    width: auto;
}

caption, td {
    font-weight: normal;
}

table.acctngTable td {
    text-align:right;    
}

th {
    font-weight: bold!important;
}

tr > th:first-child {
    text-align: left;
}

th, td {
    padding: .4em;
    empty-cells: show;
}

thead th, tfoot th, th[scope="col"] {
    line-height: 1.3em;
    text-align: center;
}

p.tfoot {font-size:.85em; margin-top:-1em; color:#333;margin:5px 0 10px 0;}

th[scope="row"] {
    line-height: 1.3em;
}

thead th {
    vertical-align: bottom;
}

tbody th, tfoot th, td {
    vertical-align: top;
}

td ul {
    padding: 0 1.3em;
}

tfoot th.cite {
    line-height: 1.3em;
    text-align: right!important;
    font-weight: normal!important;
    font-size: .85em;
}

table.tableBorder th, table.tableBorder td {
    border: solid .1em #999;
}

table.tableBorder th.primary {
    background: #487d8a;
    color: #fff;
}

table.tableBorder th {
    background: #EBF0F0;
    color: #24576A;
}

table.tableBorder th[scope="col"], table.tableBorder th[scope="col"] a
{
    background: #24576A;
    color: #fff;
    border-bottom: none;
    text-align: center;
}

table.dl, table.defList, table.defListNoSpace, table.noBorder {
    border: none;
    background: none;
}

table.dl td, table.noBorder td {
    border: none;
}

table.noBorder th {
    font-size: 1.1em;
    font-weight: 600;
    text-align: left;
    border: none;
    padding-right: 2em;
}

table.dl th, table.defList th, table.defListNoSpace th {
    font-size: 1em;
    font-weight: 600;
    vertical-align:top;
    text-align: right;
    border: none;
    padding-left: 2em;
}
	
table.dl td, table.defList td, table.defListNoSpace td {
    vertical-align:bottom;
}

table.fourColumn th {
    width: 15%;
}

table.fourColumn td {
    width: 33%;
}

table.centerTable {
    margin-left: auto;
    margin-right: auto;
}

table.col25pct td , table.col25pct th{
	width:25%;
}

table.col25pct th {vertical-align:bottom;} 
table.col25pct td {vertical-align:middle;} 

/* ----------------- end table styles ----------------*/

ul.zebra {
    list-style-type: none;
    margin: 0 0 25px 0;
    background: #fff;
    border: 1px solid #dedddb;
}

ul.zebra .dateRange {
    padding: 20px 0;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #dedddb;
}

ul.zebra .dateRange a {
    position: relative;
    margin: 0 15px;
    top: 3px;
    border-bottom: none;
}

ul.zebra li {
    padding: 10px;
}

.altColorsSplit {
    float: left;
    width: 100%;
    clear: both;
}

.stripe {
    background: #f7f6f0;
}

.stripeLine {
    background: #f7f6f0 url(../images/shell/divide.gif) center top repeat-y;
}

.halvesHolder.stripe {
    background: #f7f6f0 url(../images/shell/divide.gif) center top repeat-y;
}

.gallery {
    float: left;
    width: 100%;
    clear: both;
}

.gallery.full {
    float: left;
    width: 100%;
    clear: both;
    padding: 10px 0;
}

.gallery .module {
    float: left;
    width: 160px;
    margin: 0 5px 20px 5px;
    height: 265px!important;
    font-size: 0.75em;
    line-height: 1.3em;
    overflow: hidden;
}

.gallery.full .module {
    float: left;
    width: 180px;
    margin: 0 3px 20px 4px;
    font-size: 0.75em;
}

.gallery .module p.limitCharacter {
    height: 60px;
}

.gallery .module h3 {
    font-weight: 600;
    font-size: 1.25em;
}

.gallery .module img {
    display: block;
    height: auto;
    background: #fff;
    padding: 7px;
    margin: 0 0 5px 0;
    border: 1px solid #d3d3d3;
    -moz-box-shadow: 0px 3px 3px #ccc;
    -webkit-box-shadow: 0px 3px 3px #ccc;
    box-shadow: 0px 3px 3px #ccc;
}

/*  ADDITION FOR SEARCH RESULTS PAGE TABS  */
#searchTabs a {
    float: left;
    display: inline-block;
    padding: 3px 15px;
    background-color: #e7e6e1;
    border-bottom: 1px solid #c7c6c3;
    margin: 5px 6px 15px 0;
    color: #868686;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .2);
    background-image: linear-gradient(#e7e6e1, #fcfcfc);
}

#searchTabs a:hover {
    background-color: #fcfcfc;
    background-image: linear-gradient(#fcfcfc, #e7e6e1);
}

#searchTabs a.tabOn, #searchTabs a:hover.tabOn {
    background: #fff;
}

/*  FIX FOR MAP BUBBLE SCROLL ISSUE  */
.gm-style-iw div {
    overflow: visible!important;
    height: auto!important;
    text-align: left!important;
}


.mobileAlt {
    position: static!important;
}

.contentBlock ul.ulLessSpace {
    margin-left:1em;
    margin-bottom:0;
}

    .contentBlock ul.ulLessSpace p {
        margin-bottom:0px
    }

ul.noBulletIndent {
    list-style-type: none;
}

ul.noBulletIndent li {
    margin-left: .25em;
}

dl {
    margin: 0 0 1em 0;
    padding: 0;
}

dt {
    margin-top: 1em;
    font-weight:600;
}

dd {
    padding-left: 1em;
    padding-top: .4em;
}

.oneColumnLayout {
    width: 100%;
}

.oneColumnLayout dt {
    height: auto;
    margin: 0;
    padding: .3em .5em .3em 0;
    text-align: left;
    vertical-align: top;
    font-weight: 600;
}

.oneColumnLayout dd {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: .3em 1em .3em 1.5em;
    vertical-align: top;
}

.tableLayout {
    width: 100%;
}

.tableLayout dt {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: .3em .5em .3em 0;
    text-align: right;
    vertical-align: top;
    font-weight: 600;
}

.tableLayout dd {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: .3em 0 .3em .5em;
    vertical-align: top;
}

.tableLayout dd + dd {
    display: block;
    padding-left: 1em;
    padding-top: 0;
}

.tableLayout dd.subDL {
    padding: 0 0 0 .5em;
}

.tableLayout dd.subDL dl {
    margin-top: 0;
    padding-top: 0;
}

.tableLayout .normalLayout {
    float: left;
    overflow: visible;
    width: 99%;
}

.tableLayout .normalLayout dt {
    text-align: left;
    width: 100%;
}

.tableLayout .normalLayout dd {
    margin-left: 1em;
    width: 100%;
}

.tableLayout dd.widthAuto, .titlePercent5 dd.widthAuto, dl .titlePercent5 dd.widthAuto {
    width: auto;
}

table.defList, table.defListNoSpace {
    background: none;	
    width: 100%!important;
    margin-bottom:.5em;
}

table.defListNoSpace th, table.defListNoSpace td {
    padding:.25em .4em;
}

.defList th, .defList td ,
.defListNoSpace th, .defListNoSpace td {
    border: 0;
}

.defList th , .defListNoSpace th
{
    text-align:right!important;    
    font-weight: 600!important;
}

.titlePercent5 dt, dl dt.titlePercent5, dl .titlePercent5 dt, .titlePercent5 th[scope="row"] {
    min-width: 2em;
    width: 5%;
}

.titlePercent5 dd, dl dd.titlePercent5, dl .titlePercent5 dd {
    width: 90%;
}

.titlePercent5 dd + dd {
    margin-left: 5%;
}

.titlePercent10 dt, dl dt.titlePercent10, dl .titlePercent10 dt, .titlePercent10 th[scope="row"] {
    min-width: 4em;
    width: 10%;
}

.titlePercent10 dd, dl dd.titlePercent10, dl .titlePercent10 dd {
    width: 80%;
}

.titlePercent10 dd + dd {
    margin-left: 10%;
}

.titlePercent15 dt, dl dt.titlePercent15, dl .titlePercent15 dt, .titlePercent15 th[scope="row"] {
    min-width: 6em;
    width: 15%;
}

.titlePercent15 dd, dl dd.titlePercent15, dl .titlePercent15 dd {
    width: 73%;
}

.titlePercent15 dd + dd {
    margin-left: 15%;
}

.titlePercent18 dt, dl dt.titlePercent18, dl .titlePercent18 dt, .titlePercent18 th[scope="row"] {
    min-width: 7em;
    width: 18%;
}

.titlePercent18 dd, dl dd.titlePercent18, dl .titlePercent18 dd {
    width: 70%;
}

.titlePercent18 dd + dd {
    margin-left: 18%;
}

.titlePercent20 dt, dl dt.titlePercent20, dl .titlePercent20 dt, .titlePercent20 th[scope="row"] {
    min-width: 8em;
    width: 20%;
}

.titlePercent20 dd, dl dd.titlePercent20, dl .titlePercent20 dd {
    width: 68%;
}

.titlePercent20 dd + dd {
    margin-left: 20%;
}

.titlePercent25 dt, dl dt.titlePercent25, dl .titlePercent25 dt, .titlePercent25 th[scope="row"] {
    min-width: 10em;
    width: 25%;
}

.titlePercent25 dd, dl dd.titlePercent25, dl .titlePercent25 dd {
    width: 59%;
}

.titlePercent25 dd + dd {
    margin-left: 25%;
}

.titlePercent30 dt, dl dt.titlePercent30, dl .titlePercent30 dt, .titlePercent30 th[scope="row"] {
    min-width: 12em;
    width: 30%;
}

.titlePercent30 dd, dl dd.titlePercent30, dl .titlePercent30 dd {
    width: 52%;
}

.titlePercent30 dd + dd {
    margin-left: 30%;
}

.titlePercent35 dt, dl dt.titlePercent35, dl .titlePercent35 dt, .titlePercent35 th[scope="row"] {
    min-width: 14em;
    width: 35%;
}

.titlePercent35 dd, dl dd.titlePercent35, dl .titlePercent35 dd {
    width: 45%;
}

.titlePercent35 dd + dd {
    margin-left: 35%;
}

.titlePercent40 dt, dl dt.titlePercent40, dl .titlePercent40 dt, .titlePercent40 th[scope="row"] {
    min-width: 16em;
    width: 40%;
}

.titlePercent40 dd, dl dd.titlePercent40, dl .titlePercent40 dd {
    width: 47%;
}

.titlePercent40 dd + dd {
    margin-left: 40%;
}

.titleWidth6 dt {
    width: 6em;
}

.titleWidth7 dt {
    width: 7em;
}

.titleWidth8 dt {
    width: 8em;
}

.titleWidth9 dt {
    width: 9em;
}

.titleWidth10 dt {
    width: 10em;
}

.width100pct {
    width: 95%;
    float: left;
    margin-left: 1em;
    margin-right: 1em;
}

.width75pct {
    width: 72%;
    float: left;
    padding-right: 1em;
}

.width70pct {
    width: 67%;
    float: left;
    padding-right: 1em;
}

.width65pct {
    width: 62%;
    float: left;
    padding-right: 1em;
}

.width60pct {
    width: 57%;
    float: left;
    padding-right: 1em;
}

.width55pct {
    width: 52%;
    float: left;
    padding-right: 1em;
}

.width50pct {
    width: 47%;
    float: left;
    padding-right: 1em;
}

.width45pct {
    width: 42%;
    float: left;
    padding-right: 1em;
}

.width40pct {
    width: 38%;
    float: left;
    padding-right: 1em;
}

.width35pctPlus {
    width: 33%;
    float: left;
    padding-right: 1em;
}

.width35pct {
    width: 32%;
    float: left;
    padding-right: 1em;
}

.width33pct {
    width: 25%;
    float:left;
    padding-left: .25em;
    padding-right: .25em;
    min-width:135px;
    margin-bottom:1em;
}

.widthThirds {
    width: 30%;
    float:left;
    padding-left: .25em;
    padding-right: .25em;
    min-width:135px;
    margin-bottom:1em;
}

.width33pct img, .widthThirds img  {
    margin-left:10px; 
    margin-right:10px;
    padding: 5px;
}

.width33pct:first-child {
    margin-left: 1.3em;

}

.width30pct {
    width: 30%;
    float: left;
    padding-right: 1em;
}

.width25pct {
    width: 22%;
    float:left;
    padding-left: .25em;
    padding-right: .25em;
    min-width:95px;
    margin-bottom:1em;
}

.width25pct img {
    margin-left:10px; 
    margin-right:10px;
    padding: 5px;
}

.width25pct:first-child {
    margin-left: 1.3em;

}

.width120pxImage {
	padding-left:10px;
	padding-right:20px;
	float:left;
	min-width:140px;
}

.maxWidth125 {max-width:125px;}
.maxWidth125 > img {margin-left:12px!important; margin-right:12px!important}

/* --------------- end list styles -----------------*/

.announce h2 {
    color: #5d7700!important;
    font-weight: 600!important;
}

.spread {line-height:1.75em;
}

.outdent8px {padding-right:8px}

.indent1em {
    margin-left: 1em!important;
    padding-right: 1em;
}

.indent2em {
    margin-left: 2em!important;
    padding-right: 1em;
}

.indent5pct {
    margin-left: 5%!important;
}

.indent14pct {
    margin-left: 14%!important;
}

dd p {
    margin-top: .75em;
}

.indexLinks a {
    margin: 0 3px 0 0;
}

.faq h3 {
    color: #23596C;
    padding-top: .5em;
    padding-bottom: .25em;
}

abbr[title], acronym[title], .abbr, .abbreviation {
    cursor: help;
}

abbr[title].footnote, abbr[title].required, acronym[title].footnote, acronym[title].required, .footnote, .required {
    border-bottom: none;
}

.footnote{font-size:.85em;
    border-top: 1px dotted #cccccc;
    clear: both;
    padding-bottom: .5em;
    padding-top: .75em;}

.noborder, abbr.noborder {
    border: 0;
}

.hrAbove, .horizontalRuleAbove {
    border-top: 1px dotted #cccccc;
    clear: both;
    padding-bottom: .5em;
    padding-top: .75em;
}

.hrAbove80pct {
    border-top: 1px dotted #cccccc;
    clear: both;
    padding-bottom: .5em;
    padding-top: .75em;
    width: 80%;
    margin: auto;
}

p.hrBelow, p.horizontalRuleBelow {
    padding-bottom: 1em;
}

.hrBelow, .horizontalRuleBelow {
    border-bottom: 1px dotted #cccccc;
    clear: both;
    padding-top: .5em;
}

.hrAbove p, .horizontalRuleAbove p,
div.hrAbove, div.horizontalRuleAbove {
    margin-top: .5em;
}

.hrBelow p, .horizontalRuleBelow p, p.hrBelow,
div.hrBelow, div.horizontalRuleBelow {
    padding-bottom: 1.5em;
    margin-bottom: 1em;
}

.addressBlock, p.addressBlock {
    display: block;
    margin: 0;
    margin-left: 2em;
    padding: 0;
}

.addressBlock p {
    margin: 0;
    margin-left: 2em;
    padding: 0;
}

.indent90px {
    margin-left: 90px;
}

.width30pct {
    min-width: 135px;
    width: 28%;
}

.marginBottom20 {
    margin-bottom: 20px!important;
}

.magnify {font-size:115%;}

.fileInfo, .linkPdfNotice {
    font-size: .85em!important;
    white-space: nowrap;
}

.fileInfo:before, .linkPdfNotice:before {
    font-size: 1.5em;
    content: "\00a0"!important;
}

.fileInfo:after, .linkPdfNotice:after {
    content: "\00a0"!important;
}

.arrow-left:before, .arrow-both:before {
    content: "\00ab\00a0";
}

.arrow-right:after, .arrow-both:after {
    content: "\00a0\00bb";
}

sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    margin-left: .1em;
    margin-right: .2em;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

.floatLeft {
	display:block;
    float: left;
    padding: 5px;
}

.floatRight {
    float: right;
    padding: 5px;
}

.noWrap {
    white-space: nowrap;
}

.twoColumnLayout {
	width:47%;
	margin-left:2%;
	float:left;
}

#google_translate_element {
    float: left;
    padding-left: 15px;
    padding-right: 6px;
}

/* Top Banner */
.goog-te-banner-frame {
    display: none !important;
}

#ctl00_ctl00_Body {
    top: 0 !important;
}

/* Tooltip */
.goog-tooltip {
    display: none !important;
}

.goog-tooltip:hover {
    display: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.hangingIndent {
    text-indent: -1em;
    padding-left: 1em;
}

.hangingIndentDouble{
    text-indent: -1.75em;
    padding-left: 1.75em;
}

.stayConnected {
    padding: 0 0 0 0!important;
}

.stayConnected div {
    padding-top: 0!important;
}

.mapLegend {
    background-color: #fdfdfc!important;
    border: 1px solid #e3e2de!important;
    border-top: 0!important;
}

.srchResults strong {
    color: inherit!important;
}

.alignRight {
    text-align: right!important;
}

.alignCenter {
    text-align: center!important;
}

.alignLeft {
    text-align: left!important;
}

.justify {
    text-align: justify!important;
}

/**************** begin service styling ************************/

.comicStrip {
    font-family: "Comic Sans MS", "Comic Sans", "Comic Sans MS5", cursive!important;
    font-size: 1.1em;
    color: #777777;
    font-style: italic;
    line-height: 1.5em;
    margin: 1em;
    padding: .5em;
}

div.tiles {
    float: left;
    padding: 0 1% 0 2%;
}

.tiles p {
    text-align: left;
    font-size: 1.1em;
}

.tiles img {
    float: none;
}

div.bigBox {
    max-width: 21%;
    float: left;
    padding: .5em 1.75% 1em 2%;
    min-width: 190px;
}

div.bigBox3 {
    max-width: 29%;
    min-width: 210px;
}

div.bigBox:first-child {
    border-left: none;
}

.bigBox h2 {
    text-align: center;
    margin-left: -.5em;
    font-size: 1.25em;
}

.bigBox h2 a, .bigBox h2 a:visited, .bigBox h2 a:link {
    text-decoration: none;
    border-bottom: 1px dotted #666!important;
}

.bigBox h2 a:focus, .bigBox h2 a:hover, .bigBox h2 a:active {
    border-bottom: none!important;
}

.bigBox img {
    float: none;
}

.bigBox img {
    padding: 5px;
    margin: 5px 3px 5px 3px;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
    background: #fff;
}

.bigBox ul {
    margin: 0 .5em 1em .5em;
}

.bigBox ul li {
    line-height: 1.25em;
    margin-bottom: .5em;
}

.searchTextLabel {
    position: absolute;
    right: 300px;
    top: 33px;
    font-size: .85em;
}

.gradient1 {
    display: inline-block;
    vertical-align: middle;
}

.gradient1 a {
    text-decoration: none;
}

.gradient1 div {
    margin-top: 0;
    margin-left: 25px;
    height: 90px;
    padding-top: 9px;
    background: url("/images_portal/shell/sonoma_county_logo.png") no-repeat 0 8px;
}

.gradient1 h1 {
    display: inline;
}

.headerText1 {
    margin: 0 0 0 8px;
    padding-left: 86px;
    color: #5f3c13;
    font-size: .75em !important;
    text-transform: uppercase;
    line-height: 75%;
}

.headerText2 {
    display: inline-block;
    color: #AA6631;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin-left: 94px;
    font-size: 1.6em !important;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 75%;
    padding-top: 0 !important;
}

.gradImage {
    background: url("/images_portal/shell/gradient-white.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 31px;
    position: absolute;
    top: 30px;
    width: 100%;
    max-width: 202px;
    margin-top: 10px;
    margin-left: 0;
}

.gradient1 a:hover .headerText1,
.gradient1 a:focus .headerText1 {
    color: #C6773A;
}

.gradient1 a:hover .headerText2,
.gradient1 a:focus .headerText2 {
    border-bottom: 3px solid #7C4825;
    color: #7C4825;
}

.gradient1 a:hover .gradImage,
.gradient1 a:focus .gradImage {
    display: none;
}

.triggerSearch {
    text-align: center;
}

.trigger {
    text-align: center;
}

.serviceModule, .rightContent .serviceModule {
    border-left: 10px solid #598AB8!important;
    margin: 0 0 10px 0;
}

.resourceModule, .rightContent .resourceModule {
    border-left: 10px solid #ffc526!important;
    margin: 0 0 10px 0;
}

select.goog-te-combo:focus {
    border: 1px solid black;
    border-radius: 1px;
}

/**************** end service styling ************************/

/*h-nav*/

/* 	LEVEL ONE */
nav.main ul li.mobile {
    display: none;
}

ul.dropdown {
    position: relative;
    z-index: 1000;
    height: 50px;
}

ul.dropdown li {
    float: left;
    width: 25%;
}
/*  IE7  */
* + html ul.dropdown li {
    float: left;
    width: 246px;
}

ul.dropdown li a {
    font-size: 1.25em;
    line-height: 0.875em;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    display: block!important;
    margin: 0;
    width: auto;
    padding: 0px 20px 0 20px;
    height: 50px;
    cursor: pointer;
    border-left: 1px solid #fff;
    border-right: 1px solid #aaa696;
    cursor: pointer;
    background: #E3DEC8 url(../images/shell/bg-nav-sprite.gif) top left repeat-x;
    font-family: 'Open Sans', sans-serif;
    border-bottom: none;
}

ul.dropdown li a em {
    font-size: 0.875em;
    color: #4e5145;
    font-weight: 400;
}

ul.dropdown li a:hover em {
    color: #fff!important;
}

ul.dropdown li a span {
    display: block;
    font-size: 0.8125em;
    padding: 8px 0 0 0;
    color: #23596c!important;
    background: transparent!important;
    position: relative;
    top: 2px;
}

ul.dropdown li a em {
    display: block;
    font-style: normal;
}

ul.dropdown ul li a span {
    font-family: sans-serif!important;
    padding: 5px 0!important;
}

ul.dropdown li a {
    display: block;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative;
}

ul.dropdown li.hover a,
ul.dropdown li.hover a span
{
    background: #487D89!important;
    color: #fff!important;
    border-bottom: none;
}

ul.dropdown li.hover a em
{
    color: #c7e2ee!important;
}

ul.dropdown li a:focus span, ul.dropdown li a:focus span em
{
    color: #fff!important;
}

ul.dropdown li li a span {
    font-size: 0.875em!important;
}

ul.dropdown li li li a {
    font-size: 1em;
}

ul.dropdown > li.hover > a:hover,
ul.dropdown > li.hover > a:hover span,
ul.dropdown > li.hover > a:hover span em,
ul.dropdown > li > a:focus,
ul.dropdown > li > a:focus span,
ul.dropdown > li > a:focus span em {
    background: #285B6B!important;
    text-shadow: none!important;
    color: #fff!important;
}

ul.dropdown li.hover ul li:hover a,
ul.dropdown li.hover ul li a:focus {
    text-shadow: none!important;
    background: #285B6B!important;
    color: #fff!important;
}

/* 
	LEVEL TWO
*/
ul.dropdown ul {
    width: 248px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

ul.dropdown ul li a {
    background: none!important;
}

ul.dropdown li.hover ul li a {
    background: #487d89!important;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
    border-right: none;
    width: 100%;
    display: inline-block;
    text-align: left;
}

ul.dropdown ul li {
    display: inline;
    width: 100%;
}

/*  SECONDARY LEVEL  */
ul.dropdown ul li {
    float: left;
    text-align: left!important;
    width: 180px!important;
    display: block;
    margin: 0px;
    text-transform: none;
    background: black;
}

ul.dropdown ul li a {
    display: block;
    width: 228px;
    height: auto;
    padding: 4px 10px!important;
    margin: 0!important;
    color: #fff!important;
    text-align: left;
    font-size: 0.875em;
    border: none!important;
    letter-spacing: 0!important;
    font-weight: 600;
    line-height: 1.2em;
}

ul.dropdown ul li a span {
    font-weight: normal!important;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 0.625em;
}


body.residents ul.dropdown li.residents a, body.residents ul.dropdown li.residents em, body.residents ul.dropdown li.residents span,
body.business ul.dropdown li.business a, body.business ul.dropdown li.business em, body.business ul.dropdown li.business span,
body.visitors ul.dropdown li.visitors a, body.visitors ul.dropdown li.visitors em, body.visitors ul.dropdown li.visitors span,
body.your-government ul.dropdown li.your-government a, body.your-government ul.dropdown li.your-government em, body.your-government ul.dropdown li.your-government span {
    color: #fff!important;
    text-shadow: 1px 1px 1px #333;
    background: url(../images/shell/bg-nav-sprite.gif) bottom left repeat-x;
}

body.your-government ul.dropdown li.your-government em, body.visitors ul.dropdown li.visitors em, body.residents ul.dropdown li.residents em, body.business ul.dropdown li.business em {
    color: #c7e2ee!important;
}


/* Youth Nav added*/
#youthnav {
    background: #ffffff;
    width: 100%;
    margin-top: -2em;
}

#youthnav ul {
    list-style-type: none;
}

#youthnav li {
    display: inline;
    float: left;
    width: 2%;
    margin-left: 3%;
    margin-top: 5%;
    min-width: 250px;
}

#youthnav a {
    display: block;
    margin-right: 0%;
    padding-left: 0%;
    color: #3678CE;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
}

#youthnav li a {
    border-bottom: none;
    padding-bottom: 1.5em;
}

#youthnav li a:hover {
    color: #E79947;
}

#youthCaption {
    background-color: #E24722;
    padding: 5%;
}
/* End Youth Nav */

/*vertical navigation (v-nav*)*/

nav.sub ul li a {
    font-size: 1em;
    display: block;
    font-weight: 600;
    background: #067789;
    padding: 5px 10px 5px 10px;
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

nav.sub > ul > li > a {
    color: #fff;
}

nav.sub > ul > li > a:hover, nav.sub > ul > li > a:focus {
    background: /*#487d8a;*/ #23596C;
    color: #fff;
}

nav.sub ul {
    float: left;
    list-style-image: none!important;
    list-style-type: none!important;
    margin: 0!important;
    clear: both;
}

nav.sub ul li {
    margin: 0!important;
}

nav.sub ul li a {
    border-top: none!important;
    border-bottom: 1px solid #E3E2DE!important;
    border-left: 1px solid #E3E2DE!important;
    border-right: 1px solid #E3E2DE!important;
}

nav.sub ul ul li a {
    width: 148px;
    display: block;
    text-decoration: none!important;
    padding: 5px 10px 5px 10px;
    margin: 0!important;
    background: #FDFDFC;
    font-size: 0.875em;
    text-decoration: none;
    color: #067789;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

nav.sub ul ul li.active > a {
    background: #EBF0F0;
}

nav.sub ul ul li.subnav a {
    background: #fff url(../images/shell/leftnav_arrow_off.png) no-repeat right bottom;
}



nav.sub ul ul li.activeSub a {
    background: #fff url(../images/shell/leftnav_arrow_on.png) no-repeat 98% 90%;
}

nav.sub ul ul li.activeSub.active a {
    background: #e3eaec url(../images/shell/leftnav_arrow_on.png) no-repeat 98% 90%;
}


nav.sub ul ul li a:hover, nav.sub ul ul li a:focus {
    color: #23596c!important;
    background-color: #f6f6f6;
    text-decoration: none;
}

nav.sub ul ul ul li a, nav.sub ul ul.active li a {
    width: 138px;
    display: block;
    text-decoration: none!important;
    padding: 7px 10px 5px 20px;
    margin: 0!important;
    background: #F9FBFB!important;
    font-size: 0.75em;
    font-weight: 400!important;
    font-family: sans-serif!important;
    color: #23596C;
}

nav.sub ul ul ul li a:hover, nav.sub ul ul.active li a :hover,
nav.sub ul ul ul li a:focus, nav.sub ul ul.active li a :focus {
    color: #01374A!important;
    background: #f0f0f0!important;
}

li.clicker a span, li.closeNav {
    display: none;
}

ul.mobileSubNav ul > li > ul {
    margin-bottom: 5px!important;
}


.triggerTop {background:#431403;clear:both;float:left;height:55px;position:relative;vertical-align:middle;width:100%}
.triggerTop a,.triggerTop a:visited,a.skipTo,a.skipTo:visited{border-bottom:1px dotted #feede7;color:#d7d7d7;font-family:'Lato',sans-serif;font-weight:bold;padding-left:0;padding-right:0;text-decoration:none}
.triggerTop a:hover,.triggerTop a:focus{border-bottom:1px solid #fff !important;color:#fff}

#accessibilityLinks{float:right;margin-right:2em;margin-top:1em;vertical-align:middle}
a.skipTo,#translationAnchor{font-size: 0.75em;margin-left:10px}

#sonomaCountyBranding{float:left;padding:.2em 1.4em}
#sonomaCountyBranding *{vertical-align:middle}
#sonomaCountyBranding a,#sonomaCountyBranding div,#sonomaCountyBranding nav{display:inline-block}
#sonomaCountySeal img{max-height:50px;max-width:80px}
#sonomaCountySeal a{border-bottom:none!important}
#sonomaCountySeal a:hover img,#sonomaCountySeal a:focus img,a:hover img.logo,a:focus img.logo{opacity:0.7;filter:alpha(opacity=70)}

.portal #sonomaCountyBranding{padding-top:1em}
.portal #sonomaCountySeal{display:none}

#sonomaCountyLogo{padding-left:.5em}
#sonomaCountyLogo a,#sonomaCountyLogo a:visited{border-bottom:1px solid transparent !important;color:#ffa950;font-size:1.065em}
#sonomaCountyLogo a:hover,#sonomaCountyLogo a:focus{border-bottom:1px solid #ff921c !important;color:#ff921c}
#countyOfSonomaText{font-family:'Lato',sans-serif;font-weight:bold;padding-right:.2em}
#californiaText{color:#d7d7d7;font-family:'Lato',sans-serif;font-style:italic}
#sonomaCountyLogo a:hover #californiaText,#sonomaCountyLogo a:focus #californiaText{color:#fff}
#sonomaCountyParentNav{font-size:.75em;padding-left:2em;padding-top:.3em}
#sonomaCountyParentNav ul{list-style:none;list-style-image:none;margin:0;padding:0}
#sonomaCountyParentNav li{display:inline-block;list-style:none;list-style-image:none;margin:0;padding:.2em 1em .2em 0}

#translationLinks{float:right;margin-right:2em;margin-top:-40px;vertical-align:middle}
#divTranslationDisclaimer{float:left;font-size:0.75em;margin-right:1em;margin-top:.5em}
#google_translate_element{background:#fff;border-radius:5px;padding:.2em .5em}
a.tranlsationDisclaimer{border-bottom:1px dotted #ccc !important;color:#ccc;margin-bottom:.3em;padding-left:0;padding-right:0;text-decoration:none}
a.tranlsationDisclaimer:hover,a.tranlsationDisclaimer:focus{border-bottom:none!important;color:#fff;text-decoration:none}

#stripes .stripeContainer{border-top:1px solid #fff;color:#fff!important;font-size:1.2em;margin:0;overflow:hidden;padding:0;text-align:center;width:100%}
#stripes .stripeContainer:first-child{border-top:0}
#stripes a,#stripes a:visited{border-bottom:0;display:block;padding:.5em 0;width:100%}
#stripes a:hover,#stripes a:focus{border-bottom:0;display:block;padding:.5em 0;width:100%}
#stripes .desktop,#stripes .mobile{display:inline-block}
.alertStripe{background-color:#00843d}
.emergencyStripe{background-color:#d91218}
.floodStripe{background-color:#09425A}
.alertStripe a,.alertStripe a:visited,.emergencyStripe a,.emergencyStripe a:visited,.floodStripe a,.floodStripe a:visited{color:#fff}
.alertStripe a:hover,.alertStripe a:focus,.emergencyStripe a:hover,.emergencyStripe a:focus,.floodStripe a:focus,.floodStripe a:hover{background-color:rgba(0,0,0,0.4);color:#fff}

option:checked {
    box-shadow: 0 0 10px 100px #006ad5 inset;
}

a img
{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    filter: brightness(100%);
}

a:hover img, a:focus img, a:active img
{
    -webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    filter: brightness(70%);
}

nav.socialSub input:hover, nav.socialSub input:focus {
    -webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    filter: brightness(70%);
}

nav.socialSub a:hover, nav.socialSub a:focus, nav.socialSub input:hover, nav.socialSub input:focus {
    outline: 1px solid #A86600!important;
}

#Inputsonomacountyrequried, label[for="txtsonomacountyrequried"], #txtsonomacountyrequried {
    display: none!important;
}
    
.showHideSearchBtn {
    display: none;
}

.hideOnDesktop {
    display: none;
}

.showHideNavBtn {
    display: none;
}
.ws_bullets span {
    font-size: 12px;
}
.ws_bullets a span {
    display: none;
}
.ws_playpause span {
    display: none;
}

.tableauPlaceholder iframe {
    width: 100%;
    height: 878px;
}


.latestNews a.readMore span, .pressReleases a.readMore span {
    margin-left: 5px;
}

/* Speech Bubble*/

.speechBubble {
    background: rgba(0, 0, 0, 0) linear-gradient(#f9d835, #f3961c) repeat scroll 0 0;
    border-radius: 25px / 50px;
    color: #000;
    margin: 0;
    padding: 15px 30px;
    position: relative;
}
.speechBubble + p {
    font-style: italic;
    margin: 10px 150px 2em 0;
    text-align: right;
}
.speechBubble::before {
    border-color: transparent #f3961c;
    border-style: solid;
    border-width: 0 0 30px 50px;
    bottom: -30px;
    content: "";
    display: block;
    position: absolute;
    right: 80px;
    width: 0;
}
.speechBubble::after {
    border-color: transparent #fdfdfc;
    border-style: solid;
    border-width: 0 0 30px 20px;
    bottom: -30px;
    content: "";
    display: block;
    position: absolute;
    right: 110px;
    width: 0;
}

/* WebWeaver Classes*/

#dtoDateFrom, #dtoDateTo {
    border-radius: 5px;
    border: 1px solid #495966;
}

span.selected {
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
    font-size: 0.775em;
    color: #6d6d6d;

}

#divPageNextTop, #divPagePreviousTop, #divPageNextBottom, #divPagePreviousBottom {
    height: 25px;
    border-radius: 5px;
    border: 1px solid #E3E2DE;
}

button.ui-datepicker-trigger {
    position: relative;
    border: none;
    cursor: pointer;
    margin-left: 3px;
    top: 3px;
    background-color: transparent;

}

.dateRange.srchMenu li:first-child
{
    margin-right: 15px;
}

input.btnSbmt, #selResultsPerPageTop, #selResultsPerPageBottom, #selSortByTop, #selSortByBottom
{
    height: 25px;
    border-radius: 5px;
    border: 2px solid #495966;
    color: #fafafa;
    background-color: #495966;
    background-image: url("/images/shell/cmsDefaultStateBG.jpg");
    background-repeat: repeat;
    cursor: pointer;
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
    padding-left:.3em;
    padding-right:.3em
}

input.btnSbmt:hover, input.btnSbmt:focus
{
    border: 2px solid #AF4F05;
    background-color: #ee7000;
    background-image: url("/images/shell/cmsHoverStateBG.jpg");
}

#selResultsPerPageBottom:focus, #selSortByBottom:focus {
    background: #52616D;
    border: 2px solid #3C4753;
    border-radius: 5px;
}



/*Sonoma.css*/
h2,h3,h4,h5{line-height:1.2em}
blockquote{background:#f5f5f5;border:solid .01em #ddd;margin:.5em 0;padding:.6em 1.2em}
blockquote h2,blockquote h3,blockquote h4,.pageNote h2,.pageNote h3,.pageNote h4{margin:0;padding:.4em 0}
cite{display:block;font-size:0.9em;text-align:right;padding-bottom:.5em;font-style:italic}
blockquote cite{border-top:dashed .01em #aaa}
q:before{content:'\201C'}
q:after{content:'\201D'}
q q:before{content:'\2018'}
q q:after{content:'\2019'}
dl{margin-bottom:.5em}
table{border-collapse:collapse;border-spacing:0;caption-side:top;empty-cells:show;text-align:left;width:auto}
caption{padding:0 0 .3em .1em;text-align:left;width:auto}
caption,th,td{font-weight:normal}
th[scope="col"]{font-size:1.05em}
th,td{border:solid .1em;padding:.4em;empty-cells:show}
thead th,tfoot th{line-height:1.3em;text-align:center}
thead th{vertical-align:bottom}
tbody th,tfoot th,td{vertical-align:top}
td ul {padding:0 1.3em}
legend{display:inline-block;white-space:normal}
legend{font-size:1.1em;}
caption{font-size:1em; font-weight:600;}
abbr[title].footnote,abbr[title].required,acronym[title].footnote,acronym[title].required,.footnote,.required{border-bottom:none}
pre{overflow:auto}
code{font-family:"Courier New",Courier,"Nimbus Mono L",monospace}
iframe,object{border:none;margin:0;overflow:auto;padding:0}

ins,del{display:inline}
ins{text-decoration:none} 
del{text-decoration:line-through}
ins,ins p,ins div{background:#EEFFDE;color:#000}
del,del p,del div{background:#FCCFD6;color:#555}

.scrollable{overflow:auto;padding:.5em 0 .5em 0}
.colMainCenterAndRight .qlessWaitTimes .scrollable {width: 100%;}
.qlessWaitTimes table {width: 100%;}
.qlessWaitTimes #updatedAt {float: right;}


/* The Socrata Visualization map tooltip uses its own scrollable class on it's tooltip */
div.tool-panel.scrollable {
    overflow: visible;
    padding: 0;
}

.editBlock{border:.1em solid;border-left:1em solid;display:block;margin-bottom:.3em;margin-top:.3em;padding:.1em .5em}
.editBlock,.editBlock p,.editBlock div{background:transparent}
.editBlock:before{display:block;font:.9em/0 Arial,Helvetica,sans-serif;height:0;left:-1.15em;letter-spacing:1px;position:relative;top:5em;width:0;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}

ins.editBlock{border-color:#53C70A;border-left-color:#47ad09}
ins.editBlock:before{color:#fff}

del.editBlock{border-color:#F98699;border-left-color:#91081f;color:#777;text-decoration:none}
del.editBlock p,del.editBlock div{text-decoration:line-through}
del.editBlock:before{color:#fff}

ins.english:before{content:"Inserted"}
ins.spanish:before{content:"Insertado"}

del.english:before{content:"Deleted"}
del.spanish:before{content:""}

.screenReaderOnly,.home h1,.vcard .tel .type,#frmSiteSearch legend,#frmSiteSearch legend span,#frmSiteSearch label,.geo,.dateRange legend{display:block;position:absolute !important;top:-9000em !important}
.noborder,abbr.noborder{border:0;text-decoration:none}
.noBullet,.noNumber,.whatsHappening ul,.srchSort ol,.srchItemsPerPage ul,.srchPaging ul,.srchResults ul,.calDisplay ul,.sequence ul,.articleList ul,.featuredList,.bannerList,.bannerList ul,.horizontal li .content ul.noBullet,.whatsHappening li .content ul.noBullet,.dateRange ul{list-style:none;list-style-image:none;margin:0 0 .5em 0;padding:0}
.noBullet li,.noNumber li,.whatsHappening li,.srchSort li,.srchItemsPerPage li,.srchPaging li,.srchResults li,.calDisplay  li,.sequence li,.articleList li,.featuredList li, .bannerList li,.horizontal li .content li.noBullet,.whatsHappening li .content li.noBullet,.dateRange li{list-style:none;list-style-image:none;margin:.2em 0;padding:0}
section .getDirections{margin-left:0}
.contentBlock .getDirections{padding-left:0}

.uppercase{text-transform:uppercase} 
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.shiftDown{margin-top:1.5em}
.shiftDownShort{margin-top:.5em}
.shiftDownShortPadded2em{margin-top:1em; padding-right:2em; width:97%}
.sectionEnd{padding-bottom:1.5em}
.spaceAbove{padding-top:1.5em}
.spaceBelow{padding-bottom:1.5em}
.noSpaceAbove{margin-top:0;padding-top:0}
.noSpaceBelow{margin-bottom:0;padding-bottom:0}
.separator{background:url(/images/shell/separator.gif) no-repeat bottom left;padding-bottom:1em}

.clearFloat{clear:both}
.inlineBlock{display:inline-block;vertical-align:top}
.floatLeftNoPadding{display:block;float:left;padding:0!important;}
.addPaddingLeft10 {padding:0px 0px 0px 10px;}
.addMarginLeft10 {margin:0px 0px 0px 10px;}
.noPaddingRight {padding:0!important;}
.floatleft80{float:left;width:74%}
.floatleft75{float:left;width:69%}
.floatleft70{float:left;width:64%}
.floatleft65{float:left;width:59%}
.floatleft60{float:left;width:54%}
.floatleft55{float:left;width:49%}
.floatleft50{float:left;width:44%}
.floatleft45{float:left;width:49%}
.floatleft40{float:left;width:34%}
.floatleft38{float:left;width:32%}
.floatleft35{float:left;width:29%}
.floatleft30{float:left;width:24%}
.floatleft25{float:left;width:20%}
.floatleft20{float:left;width:14%}
.floatRight{display:block;float:right}
.floatright20{float:right;width:14%}
.floatright25{float:right;width:20%}
.floatright30{float:right;width:24%}
.floatright40{float:right;width:34%}
.floatright50{float:right;width:44%}

img.floatRight {padding:5px;
    margin:5px 0 3px 5px;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
}
img.floatLeft  {padding:5px;
    margin:5px 10px 3px 0;
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
}

img.noBorder {
	
    padding:0;
    margin:5px 10px 3px 0;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.alignLeft{text-align:left}
.alignCenter{text-align:center}
.alignRight,.numeric{text-align:right}
.alignVerticalTop{vertical-align:top}
.alignVerticalMiddle{vertical-align:middle}
.alignVerticalBottom{vertical-align:bottom}

.alignAllVerticalMiddle {display:flex;vertical-align:middle;}

td.columnNumericValues{padding-left:.5em;padding-right:.5em;text-align:right}

.colNavigation{float:left;margin:.8em 0;width:170px;}
.colNavigation .listTitle{background:#F9B048 url(/images/shell/orange_background.jpg) repeat-x bottom;color:#fff;padding:.2em .3em}
.colNavigation .listTitle a{background:url(/images/shell/white_arrow_down.png) no-repeat left center;padding-left:25px}
.colNavigation ul{border:1px solid #CB6611;clear:both;list-style:none;margin:0}
.colNavigation li{margin:0;padding:0}
.colNavigation li .listTitle{background:#000;padding:.2em .3em}
.colNavigation li a{background-color:#497e8b;color:#fff;display:block;font-size:1em;font-weight:600;padding:.4em .8em;word-wrap:break-word}
.colNavigation li li a,.colNavigation li li a:link,.colNavigation li li a:visited{background-color:#fdfdfc;color:#29818f;font-family:'Open Sans',sans-serif;font-size:0.875em;width:148px}
.colNavigation li li a:focus,.colNavigation li li a:hover{background-color:#f0f0f0;color:#23596c}

.contentBlock:after,.contentBlock li:after,.floatContainer:after,.headingList:after,.horizontal:after,.splitContainer:after,.whatsHappening .first .content:after,.whatsHappening .only .content:after,.announce .content:after,.srchMenuTop:after,.srchMenuBottom:after,.srchResults .content:after,.prContacts:after,.content .source:after,.teaserContainer .published:after,.featuredList:after,.bannerList .teaserContainer:after,.srchPaging:after,.calList .h-event:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
.featured .content .source:after,.teaserContainer .featured .published:after,.calList .source:after{clear:none;content:""}

/* Lists */

section ul.noBulletFlushLeft {margin-left:0}
ul.noBulletFlushLeft  li{list-style:none;list-style-image:none; }

ul li.skip, ol li.skip {list-style: none}
.horizontal li .content ul,.whatsHappening li .content ul{list-style:disc;margin:0 0 .5em 1.2em;padding:0}
.horizontal li .content li,.whatsHappening li .content li,.linkList li{border-bottom:none;display:block;float:none;list-style-type:disc;margin:.2em 0;padding:0}

ul.hangingIndentList li {
    padding:0 1em 0 1em!important;
}

ul.hangingIndentList li {
    text-indent: -1em;
    padding-left: 1em;
}

.decimal li,li .decimal li{list-style-image:none;list-style-type:decimal}
ol li ul li {list-style-type:disc!important;}
.decimalLong{margin-left:.5em}
.romanLower li ul li, .romanOutline li ul li, .romanDecimal li ul li, .basicOutline li ul li, .alphaDecimalAlpha li ul li, .decimalAlphaRoman li ul li, .alphaLowerDecimalAlphaRoman li ul li {list-style-type:disc !important}
.alphaLower li,li .alphaLower li{list-style-type:lower-alpha}
.alphaUpper li,li .alphaUpper li{list-style-type:upper-alpha}
.romanLower,li .romanLower{padding-left:4.5em}
.romanLower li,li .romanLower li{list-style-type:lower-roman}
.romanUpper,li .romanUpper{padding-left:4.5em}
.romanUpper li,li .romanUpper li{list-style-type:upper-roman}
/*.romanLower */
.romanOutline{padding-left:4.5em}
.romanOutline li{list-style-type:upper-roman}
.romanOutline li ol li{list-style-type:upper-alpha}
.romanOutline li ol li ol li{list-style-type:lower-roman}
.romanOutline li ol li ol li ol li{list-style-type:lower-alpha}
/*.romanOutline */
.romanDecimal {padding-left:4.5em}
.romanDecimal li{list-style-type:upper-roman}
.romanDecimal li ol li{list-style-type:decimal}
.romanDecimal li ol li ol li{list-style-type:lower-roman}
.romanDecimal li ol li ol li ol li{list-style-type:lower-alpha}
/*.romanDecimalBullet */
.romanDecimalBullet {padding-left:4.5em}
.romanDecimalBullet li{list-style-type:upper-roman}
.romanDecimalBullet li ol li{list-style-type:decimal}
.romanDecimalBullet li ol li ol li{list-style-type:disc}
/*.romanAlphaBullet */
.romanAlphaBullet {padding-left:4.5em}
.romanAlphaBullet li{list-style-type:upper-roman}
.romanAlphaBullet li ol li{list-style-type:upper-alpha}
.romanAlphaBullet li ol li ol li{list-style-type:disc}
/*.alphaRomanBullet */
.alphaRomanBullet {padding-left:4.5em}
.alphaRomanBullet li{list-style-type:upper-alpha}
.alphaRomanBullet li ol li{list-style-type:upper-roman}
.alphaRomanBullet li ol li ol li{list-style-type:disc}
/*.romanDecimal */
.basicOutline{padding-left:4.5em}
.basicOutline li{list-style-type:upper-roman}
.basicOutline li ol li{list-style-type:upper-alpha}
.basicOutline li ol li ol li{list-style-type:decimal}
.basicOutline li ol li ol li ol li{list-style-type:lower-alpha}
/*.basicOutline */
.alphaDecimalAlpha li{list-style-type:upper-alpha}
.alphaDecimalAlpha li ol li{list-style-type:decimal}
.alphaDecimalAlpha li ol li ol li{list-style-type:lower-alpha}
.alphaDecimalAlpha li ol li ol li ol {
    counter-reset: alpha;
}
.alphaDecimalAlpha li ol li ol li ol li {
    list-style: none;
    position: relative;
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.alphaDecimalAlpha li ol li ol  li ol> li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, upper-alpha)") "
}
/*.decimalAlphaRoman */
.decimalAlphaRoman li{list-style-type:decimal}
.decimalAlphaRoman li ol li{list-style-type:lower-alpha}
.decimalAlphaRoman li ol li ol li{list-style-type:lower-roman}
/*.decimalAlphaDecimal */
.decimalAlphaDecimal li{list-style-type:decimal}
.decimalAlphaDecimal li ol li{list-style-type:lower-alpha}
.decimalAlphaDecimal li ol li ol li{list-style-type:decimal}
/*.alphaLowerDecimalAlphaRoman */
.alphaLowerDecimalAlphaRoman li{list-style-type:lower-alpha}
.alphaLowerDecimalAlphaRoman li ol li{list-style-type:decimal}
.alphaLowerDecimalAlphaRoman li ol li ol {
    counter-reset: alpha;
}
.alphaLowerDecimalAlphaRoman li ol li ol li ol {
    counter-reset: roman
}
.alphaLowerDecimalAlphaRoman li ol li ol li, .alphaLowerDecimalAlphaRoman li ol li ol li ol li  {
    list-style: none;
    position: relative;
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.alphaLowerDecimalAlphaRoman li ol li ol > li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, lower-alpha)") "
}
.alphaLowerDecimalAlphaRoman li ol li ol li ol > li:before {
    counter-increment: roman;
    content:"(" counter(roman, lower-roman)") "
}
/*.alphaLowerDecimalAlphaRoman */
.contentBlock ol.tenthsAlphaDecimalAlphaDecimal  {padding-left:1em; margin-right:.5em;}
ol.tenthsAlphaDecimalAlphaDecimal:first-child {content: counter(section," ") ".\00a0\00a0\00a0\00a0\00a0\00a0" ;}
ol.tenthsAlphaDecimalAlphaDecimal > li:before {margin-left:-3em;content: counter(section) ".\00a0\00a0\00a0\00a0\00a0\00a0" ;}

/*multiple choice quiz */
ol.checkBox li ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ol.checkBox li {
	padding-bottom:15px;
	margin-left:20px;
}
ol.checkBox li ul li {
	background: URL("/uploadedImages/Sonoma_County_Portal/ISD_-_Current/_Uploaded_Images/_Content/Web_Team/blueSquare20.png") no-repeat left top;
	margin-left:20px;
	padding-left:30px;
	margin-top:15px;
	display:block;
}

ol.checkBox li ul li.correctAnswer {
	background: URL("/uploadedImages/Sonoma_County_Portal/ISD_-_Current/_Uploaded_Images/_Content/Web_Team/blueSquareCorrect20.png") no-repeat left top;
}

#sonomaWorksTitle {
    float: left;
    width: 80%;
}

.td_left_b {
    font-weight: 600;
}

#sonomaWorksRow {
    float: right;
    width: 100%;
    margin: 10px 0;
}

#sonomaWorks_Congrats {
    text-align: center;
    font-weight: 600;
}

#sonomaWorks_text1 {
    text-align: center;
}

.CtaWithLeftImage {
    display: flex;
    align-items: center;
}
.CtaWithLeftImage img {
    margin-right: 10px;
}

a.ctaButton, a.ctaButtonPrevious, a.ctaButtonNext, a.previousSlide, a.nextSlide {	
    background-color: #BE5A17 !important;
    border-radius: 3px;
    padding: 3px 15px;
    color: #FFF !important;
    min-width:150px;
    text-align:center;
    margin:1em !important;
    font-weight:bold;
    line-height:2.5em;
	font-size:1.2em;
}

a.ctaButton {display:inline-block;}

.introductionContainer a.ctaButton {
    margin-left: 0!important;
}

 a.ctaButton:hover, a.ctaButton:focus, a.ctaButtonPrevious:hover, a.ctaButtonPrevious:focus, a.ctaButtonNext:hover, a.ctaButtonNext:focus, a.previousSlide:hover, a.previousSlide:focus, a.nextSlide:hover, a.nextSlide:focus {
	background-color:#863F0E !important;
}

 a.ctaButtonPrevious:before , a.previousSlide:before {
	content: "\00ab\00a0"; 
}
 
  a.ctaButtonNext:after, a.nextSlide:after {
	content: "\00a0\00bb"; 
}

a.ctaButtonPrevious, a.previousSlide {
	float:left;
}

a.ctaButtonNext, a.nextSlide {
	float:right;
}

 .hideAnchor {
     visibility: hidden;
     padding: 0;
 }

/*.wideTableNoRCT {
    width: 98%;
}*/

h4.callOutGreen {
    color: #12381F;
    font-size: 1.35em!important;
}
.countdownClock {
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #12381F;
}
.countdownClock .cdItem {    
    font-size: 2em;
    display: block;
}
.countdownClock .cdTitle {
    font-weight: 600;
    font-size: 0.9em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ol.tenthsAlphaDecimalAlphaDecimal > li {padding-left:0em;}
}
ol.tenthsAlphaDecimalAlphaDecimal li ol {list-style-type:upper-alpha;}
ol.tenthsAlphaDecimalAlphaDecimal li ol>li:before {counter-reset:item;content:none}
ol.tenthsAlphaDecimalAlphaDecimal li ol>li {margin-left: -1.75em;}
ol.tenthsAlphaDecimalAlphaDecimal li ol li ol>li{list-style-type:decimal;margin-left: -1.75em;}
ol.tenthsAlphaDecimalAlphaDecimal li ol li ol li ol>li{list-style-type:lower-alpha;margin-left: -1.75em;}
ol.tenthsAlphaDecimalAlphaDecimal li ol li ol li ol li ol>li {list-style-type:none!important;text-indent:1.5em;counter-increment:subitem;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ol.tenthsAlphaDecimalAlphaDecimal li ol li ol li ol li ol>li {padding-left:.5em;}
}
ol.tenthsAlphaDecimalAlphaDecimal li ol li ol li ol li ol>li:before{content:counter(subitem)")\00a0\00a0";}
ol.custom:first-child {counter-reset: subitem 1;}
/*.tenthsAlphaDecimalAlphaDecimal */
ol.start2 {counter-reset: start 1} /* reset to (desired number - 1) */
ol.start3 {counter-reset: start 2}
ol.start4 {counter-reset: start 3}
ol.start5 {counter-reset: start 4}
ol.start6 {counter-reset: start 5}
ol.start7 {counter-reset: start 6}
ol.start8 {counter-reset: start 7}
ol.start9 {counter-reset: start 8}
ol.start10 {counter-reset: start 9}
ol.sectionStart16 {list-style-type:decimal;counter-reset: section 16} /*reset to desired number*/
ol.sectionStart16dot0 {list-style-type: none!important;}
ol.sectionStart16dot0 > li:before {margin-left:-2em;content: "16.0.\00a0\00a0";}
ol.sectionStart17 {list-style-type:decimal;counter-reset: section 17} /*reset to desired number*/
ol.sectionStart17dot0 {list-style-type: none!important;}
ol.sectionStart17dot0 > li:before {margin-left:-2em;content: "17.0.\00a0\00a0";}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ol.sectionStart16dot0 > li:before {margin-left:-2.5em;}
    ol.sectionStart17dot0 > li:before {margin-left:-2.5em;}
}
/* custom counters for ordered lists */
.start2>li, .start3>li, .start4>li, .start5>li, .start6>li, .start7>li, .start8>li, .start9>li, .start10>li {display: block; position: relative; text-indent: -1.5em; padding-left: 1.5em; }
.start2>li:before, .start3>li:before, .start4>li:before, .start5>li:before, .start6>li:before, .start7>li:before, .start8>li:before, .start9>li:before, .start10>li:before {content: counter(start) ". "; counter-increment: start}
.romanDecimalBullet ol.start2>li ol li , .romanDecimalBullet ol.start3>li ol li , .romanDecimalBullet ol.start4>li ol li , .romanDecimalBullet ol.start5>li ol li , .romanDecimalBullet ol.start6>li ol li , .romanDecimalBullet ol.start7>li ol li , .romanDecimalBullet ol.start8>li ol li , .romanDecimalBullet ol.start9>li ol li , .romanDecimalBullet ol.start10>li ol li {position: relative; text-indent: 0em; padding-left: .5em; }

/* Horizontal Lists:
<ul class="horizontal">
<dl class="horizontal">
<div class="headingList"><h2><p class="headingDescription">*/
ul.horizontal li{display:inline-block;*float:left}
.headingList h2,.headingList h3,.headingList h4,.headingList h5,.horizontal dt{clear:left;float:left;margin-top:0;padding:0 .8em 0 0;text-align:right}
.headingDescription h2,.headingDescription h3,.headingDescription h4,.headingDescription h5,.horizontal dd dt{clear:none;float:none;margin-top:0;text-align:left}
.headingList .headingList h2,.headingList .headingList h3,.headingList .headingList h4,.headingList .headingList h5,.headingList .horizontal dt,.horizontal dd .horizontal dt{clear:none;float:left;margin-top:0;padding:0 .8em 0 0;text-align:right}
.headingList h2,.headingList h3,.headingList h4,.headingList h5{line-height:1.2em}
.headingDescription,.horizontal dd,.horizontal dd .horizontal dd{margin:0 0 .5em 0;overflow:hidden;padding-top:0}
.horizontal dd:last-child,.horizontal ul,.horizontal li{margin-bottom:0;padding-bottom:0}
.horizontal dl{margin:0;overflow:hidden;padding-bottom:0}
.headingList ol .headingList,.headingList ol .horizontal,.horizontal ol .horizontal,.horizontal ol .headingList{vertical-align:top}
.headingDescription .headingList,.headingDescription .horizontal,.horizontal .horizontal,.horizontal .headingList{display:inline-block;margin-top:0;padding-top:0;width:100%}
.headingDescription h2,.headingDescription h3,.headingDescription h4,.headingDescription h5,.horizontal dt,dd .horizontal dt{min-width:0;width:auto}
.headingDescription .headingDescription,.horizontal dd .horizontal dd{margin-left:0}
.headingDescription p:first-child,.headingDescription ul:first-child,.headingDescription ol:first-child,.headingDescription li:first-child,.headingDescription dl:first-child,.headingDescription dt:first-child,.headingDescription .horizontal dd:first-child,.horizontal dd p:first-child,.horizontal dd ul:first-child,.horizontal dd ol:first-child,.horizontal dd li:first-child,.horizontal dd dl:first-child,.horizontal dd dt:first-child,.horizontal dd li dl:first-child,.horizontal dd li dt:first-child,.horizontal dd li dd:first-child{margin-top:0;padding-top:0}
.headingDescription li ul:first-child,.headingDescription li ol:first-child,.headingDescription li dl:first-child,.headingDescription dd dl:first-child,.horizontal dd li ul:first-child,.horizontal dd li ol:first-child,.horizontal dd li dl:first-child,.horizontal dd dd dl:first-child{padding-top:.4em}

.headingListTitle5pct h2,.headingDescription .headingListTitle5pct h2,.headingListTitle5pct h3,.headingDescription .headingListTitle5pct h3,.headingListTitle5pct h4,.headingDescription .headingListTitle5pct h4,.headingListTitle5pct h5,.headingDescription .headingListTitle5pct h5,.horizontalTitle5pct dt,dd .horizontalTitle5pct dt{min-width:2em;width:5%}
.headingListTitle5pct .headingDescription,.headingDescription .headingListTitle5pct .headingDescription,.horizontalTitle5pct dd,dd .horizontalTitle5pct dd{margin-left:6%}
.headingListTitle10pct h2,.headingDescription .headingListTitle10pct h2,.headingListTitle10pct h3,.headingDescription .headingListTitle10pct h3,.headingListTitle10pct h4,.headingDescription .headingListTitle10pct h4,.headingListTitle10pct h5,.headingDescription .headingListTitle10pct h5,.horizontalTitle10pct dt,dd .horizontalTitle10pct dt{min-width:3em;width:10%}
.headingListTitle10pct .headingDescription,.headingDescription .headingListTitle10pct .headingDescription,.horizontalTitle10pct dd,dd .horizontalTitle10pct dd{margin-left:11%}
.headingListTitle15pct h2,.headingDescription .headingListTitle15pct h2,.headingListTitle15pct h3,.headingDescription .headingListTitle15pct h3,.headingListTitle15pct h4,.headingDescription .headingListTitle15pct h4,.headingListTitle15pct h5,.headingDescription .headingListTitle15pct h5,.horizontalTitle15pct dt,dd .horizontalTitle15pct dt{min-width:4em;width:15%}
.headingListTitle15pct .headingDescription,.headingDescription .headingListTitle15pct .headingDescription,.horizontalTitle15pct dd,dd .horizontalTitle15pct dd{margin-left:16%}
.headingListTitle20pct h2,.headingDescription .headingListTitle20pct h2,.headingListTitle20pct h3,.headingDescription .headingListTitle20pct h3,.headingListTitle20pct h4,.headingDescription .headingListTitle20pct h4,.headingListTitle20pct h5,.headingDescription .headingListTitle20pct h5,.horizontalTitle20pct dt,dd .horizontalTitle20pct dt{min-width:5em;width:20%}
.headingListTitle20pct .headingDescription,.headingDescription .headingListTitle20pct .headingDescription,.horizontalTitle20pct dd,dd .horizontalTitle20pct dd{margin-left:21%}
.headingListTitle25pct h2,.headingDescription .headingListTitle25pct h2,.headingListTitle25pct h3,.headingDescription .headingListTitle25pct h3,.headingListTitle25pct h4,.headingDescription .headingListTitle25pct h4,.headingListTitle25pct h5,.headingDescription .headingListTitle25pct h5,.horizontalTitle25pct dt,dd .horizontalTitle25pct dt{min-width:6em;width:25%}
.headingListTitle25pct .headingDescription,.headingDescription .headingListTitle25pct .headingDescription,.horizontalTitle25pct dd,dd .horizontalTitle25pct dd{margin-left:26%}
.headingListTitle30pct h2,.headingDescription .headingListTitle30pct h2,.headingListTitle30pct h3,.headingDescription .headingListTitle30pct h3,.headingListTitle30pct h4,.headingDescription .headingListTitle30pct h4,.headingListTitle30pct h5,.headingDescription .headingListTitle30pct h5,.horizontalTitle30pct dt,dd .horizontalTitle30pct dt{min-width:7em;width:30%}
.headingListTitle30pct .headingDescription,.headingDescription .headingListTitle30pct .headingDescription,.horizontalTitle30pct dd,dd .horizontalTitle30pct dd{margin-left:31%}
.headingListTitle35pct h2,.headingDescription .headingListTitle35pct h2,.headingListTitle35pct h3,.headingDescription .headingListTitle35pct h3,.headingListTitle35pct h4,.headingDescription .headingListTitle35pct h4,.headingListTitle35pct h5,.headingDescription .headingListTitle35pct h5,.horizontalTitle35pct dt,dd .horizontalTitle35pct dt{min-width:8em;width:35%}
.headingListTitle35pct .headingDescription,.headingDescription .headingListTitle35pct .headingDescription,.horizontalTitle35pct dd,dd .horizontalTitle35pct dd{margin-left:36%}
.headingListTitle40pct h2,.headingDescription .headingListTitle40pct h2,.headingListTitle40pct h3,.headingDescription .headingListTitle40pct h3,.headingListTitle40pct h4,.headingDescription .headingListTitle40pct h4,.headingListTitle40pct h5,.headingDescription .headingListTitle40pct h5,.horizontalTitle40pct dt,dd .horizontalTitle40pct dt{min-width:9em;width:40%}
.headingListTitle40pct .headingDescription,.headingDescription .headingListTitle40pct .headingDescription,.horizontalTitle40pct dd,dd .horizontalTitle40pct dd{margin-left:41%}

.headingListTitle50pct h2,.headingDescription .headingListTitle50pct h2,.headingListTitle50pct h3,.headingDescription .headingListTitle50pct h3,.headingListTitle50pct h4,.headingDescription .headingListTitle50pct h4,.headingListTitle50pct h5,.headingDescription .headingListTitle50pct h5,.horizontalTitle50pct dt,dd .horizontalTitle50pct dt{min-width:9em;width:52%}
.headingListTitle50pct .headingDescription,.headingDescription .headingListTitle50pct .headingDescription,.horizontalTitle50pct dd,dd .horizontalTitle50pct dd{margin-left:52%}

a.readMore,a.readMore:visited,a.readMore:link{background:url("../images_portal/shell/arrow-cta2.png") no-repeat center right;border-bottom:none;font-weight:600;padding:0 1em 0 0}
a.readMore:hover,a.readMore:focus{background:url("../images_portal/shell/arrow-cta.png") no-repeat center right;}

.contentBlock,.srchResults .teaserContainer,.calList .teaserContainer{background:#fdfdfc;border:1px solid #e3e2de;border-bottom-color:#b7b7b3;margin:0 0 1.5em 0}
.columnTitle h2,.columnTitle h3,.columnTitle h4{border-bottom:1px solid #b7b7b3;color:#8d8d8d;font-weight:600;padding: .5em .5em .3em .5em; }
.contentBlock .columnTitle h2 {font-size: 1.35em!important}
.columnLeft .columnTitle h3, .columnRight .columnTitle h3{font-size:1.1em!important}
.columnTitle a,.columnTitle a:visited,.columnTitle a:link{border-bottom:none}
.columnTitle a:focus,.columnTitle a:hover,.columnTitle a:active{border-bottom:1px solid}
.columnTitle a{border-bottom:none}
.columnTitle a.cta {padding-right:.75em}
.contentBlock h2{font-size:1.63em!important;}
.contentBlock h3{font-size:1.25em}
.contentBlock h4{font-size:1.1em}
.contentBlock h5{font-size:1em}
.contentBlock .content{font-size:.83em;line-height:1.4em;padding:.5em .5em .5em .5em}
.contentBlock .content .content{font-size:1.01em;padding:0 0 .3em 0}
.contentBlock .content img{display:inline}

.calendar .srchMenuTop.categorySelection {margin: 10px 0; width: 100%; background: #fdfdfc; border: 1px solid #e3e2de; border-bottom: 1px solid #B7B7B3;}
.calendar .srchMenuTop.categorySelection fieldset {border: none;}
.calendar .srchMenuTop.categorySelection > div fieldset legend {padding: 10px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #B7B7B3;}
.calendar .srchMenuTop.categorySelection > div fieldset legend:hover,
.calendar .srchMenuTop.categorySelection > div fieldset legend:focus {background: #f6f6f6;}
.calendar .srchMenuTop.categorySelection > div fieldset.closed ul {display: none;}
.calendar .srchMenuTop.categorySelection > div fieldset ul {list-style-type: none; margin: 0; padding: 10px 15px; border-bottom: 1px solid #B7B7B3;}
.calendar .srchMenuTop.categorySelection > div fieldset.closed legend::before {content: attr(data-content) "\25ba"; padding-right: 0.5em; color: #17687c;}
.calendar .srchMenuTop.categorySelection > div legend {border-bottom: 1px solid #B7B7B3;}
.calendar .srchMenuTop.categorySelection > div legend::before {content: attr(data-content) "\25bc"; padding-right: 0.5em; color: #17687c;}
.calendar .srchMenuTop.categorySelection .dateRange {margin-bottom: 0;}
.calendar .srchMenuTop.categorySelection > div.dateRange legend {font-size: 1.2em; text-align: center;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchDates {text-align: center; padding: 15px 0; margin: 0; border-bottom: 1px solid #B7B7B3;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchDates li {display: inline-block; padding: 0;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchDates li:first-child {margin: 0 15px 0 0;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchDates li:last-child {margin: 0;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns {text-align: center; border-bottom: none;}
.calendar .srchMenuTop.categorySelection > div fieldset.closed .searchBtns {display: block; border-bottom: none;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li {width: auto; display: inline-block; padding: 0;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li:first-child {margin: 0 10px 0 0;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li input {width: 55px; margin: 0;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li input#sbmtResetSearch {border: 2px solid #000; background: #333;}
.calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li input#sbmtResetSearch:hover,
.calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li input#sbmtResetSearch:focus {background: #4D4D4D!important; border: 2px solid #999;}
.calendar .srchMenuTop.categorySelection .srchMenu fieldset legend {position: relative!important; top: 0!important; text-align: left;}
.calendar .srchMenuTop.categorySelection ul li.checkbox {margin-bottom: 0.7em;}
.calendar .srchMenuTop.categorySelection ul li.checkbox input {vertical-align: middle;}
.calendar .srchMenuTop.categorySelection ul li.checkbox input:hover,
.calendar .srchMenuTop.categorySelection ul li.checkbox input:focus {outline: auto;}
.calendar .srchMenuTop.categorySelection ul li.checkbox label {margin-left: 5px; font-size: 0.9em; vertical-align: middle;}
.colMainCenterAndRight .calendar .srchMenuTop.categorySelection {width: 100%;}
.colMainCenterAndRight .calendar .srchMenuTop.categorySelection ul.searchDates li:first-child,
.colMainCenterAndRight .calendar .srchMenuTop.categorySelection ul.searchBtns li:first-child {margin: 0 30px 0 0;}
.contentBlock .content span.blockSpan {display: block; margin: 10px 0; font-size: 0.9em;}
.contentBlock .content span.blockSpan em {font-weight: 600;}

.columnContainer .contentBlock,.columnContainer .columnTitle h2,.columnContainer .columnTitle h3,.columnContainer .columnTitle h4{border:none}
.columnContainer .contentBlock{margin-bottom:0}
.columnLeft,.columnCenter,.columnRight{display:inline-block;*float:left;vertical-align:top}
.columns2 .columnLeft,.columns2 .columnRight{width:50%}
.columns3 .columnLeft,.columns3 .columnCenter,.columns3 .columnRight{width:33%}
.columnRight{border:1px solid #b7b7b3}
.contentBlock .columnTitle h2 a {color:#23596c;background: transparent url("../images_portal/shell/arrow-cta2.png") no-repeat scroll 100% center; padding-right: 15px;}
.columnLeft .columnTitle h2 a,.columnLeft .columnTitle h3 a,.columnRight .columnTitle h2 a,.columnRight .columnTitle h3 a {color:#23596c;border-bottom: dotted 1px #23596c;background: transparent url("../images_portal/shell/arrow-cta2.png") no-repeat scroll 100% center; padding-right: 15px;}
.columnLeft .columnTitle h2 a:focus,.columnLeft .columnTitle h3 a:focus,.columnRight .columnTitle h2 a:focus,.columnRight .columnTitle h3 a:focus, .columnLeft .columnTitle h2 a:hover,.columnLeft .columnTitle h3 a:hover,.columnRight .columnTitle h2 a:hover,.columnRight .columnTitle h3 a:hover {border-bottom: solid 1px #23596c;}
.source{color:#333!important;font-size:.8em}
.vacancyCount{font-weight:600}

a:not([href]) {
    visibility: hidden;
    padding: 0!important;
    margin: 0!important;
}

.content .infoBox{border:1px solid #B7B7B3;float:right;margin-right:-.6em;margin-top:-.6em;padding:.2em .8em;width:30%}
.content .infoBox a{font-weight:bold}

.pressRelease{padding:.5em .7em}
.pressRelease .released,.newsItem .released{font-size:.9em;text-transform:uppercase}
.pressRelease .releasedBy,.newsItem .releasedBy{float:right;font-size:.9em}
.pressRelease .columnTitle{border-bottom:.1em solid #aaa;clear:both;padding-bottom:.7em;padding-top:.7em;width:100%}
.newsItem .columnTitle{padding:.6em .5em 0 .5em}
.pressRelease .columnTitle h1,.newsItem .columnTitle h1{font-size:1.35em !important}
.pressRelease .columnTitle h2,.newsItem .columnTitle h2{border-bottom:none;font-size:1.05em !important;padding-left:0;padding-top:0}
.content .newsItem p{padding-left:.35em;padding-right:.35em}
.pressRelease .infoBox{background:#fff;border:1px solid #067789;margin-left:20px;margin-top:0;padding:8px 10px;width:230px}
.pressRelease .infoBox h3{color:#067789}
.pressRelease strong .locality,.pressRelease strong .region,.pressRelease strong .published,.newsItem strong .locality,.newsItem strong .region,.newsItem strong .published{font-size:1.03em}
.prEnd{clear:both;padding-bottom:.8em;padding-top:.8em}
.prContactHead{color:#a86600;padding-bottom:.8em}
.prContacts{overflow:hidden;width:100%}
.prContacts .vcard{float:left;padding-bottom:1em;padding-right:3em}

.whatsHappening a,.whatsHappening a:visited,.whatsHappening a:link{border-bottom-color:#23596c;color:#23596c}
.whatsHappening a:hover,.whatsHappening a:focus,.whatsHappening a:active{border-bottom-color:#ad6311;color:#ad6311}
a.thumbnailLink,a.thumbnailLink:visited,a.thumbnailLink:link,a.thumbnailLink:hover,a.thumbnailLink:focus,a.thumbnailLink:active{background-image:none;border-bottom:0;padding:0}
.whatsHappening li{border-bottom:1px dotted #B5B5B5;clear:both;padding:.5em .5em}
.whatsHappening li.last,.whatsHappening li.only,.whatsHappening li.featured{border-bottom:none;margin-bottom:0}
.whatsHappening li div{line-height:1.5em;margin-top:0;margin-bottom:0}
.whatsHappening .date{font-weight:bold;white-space:nowrap}
.whatsHappening .featured{margin-bottom:.5em;margin-left:5px;margin-right:-14px;padding:0 0 10px 0;position:relative;z-index: 1}
.whatsHappening .featured .titleSub{color:#6f6d65;font-weight:600}
.whatsHappening .featured .titles{border-right:1px solid;border-top:1px solid;padding:8px 10px 0 25px}
.whatsHappening .featured .content{border-right:1px solid;padding:.1em 10px 3px 25px}
.whatsHappening .featured .thumbnail{border:1px solid #fff;background:#fff;box-shadow:0 0 #cccccc;float:left;margin:10px 10px 3px 15px;padding:3px;max-width: 120px;max-height: 120px;}
.whatsHappening a.readMore{padding-left:20px}
.whatsHappening a.readMore,.whatsHappening a.readMore:link,.whatsHappening a.readMore:visited{background:url("../images/shell/icon-view-more-news.png") no-repeat 0 0;color:#e99a3f}
.whatsHappening a.readMore span,.whatsHappening a.readMore:visited span,.whatsHappening a.readMore:link span,.whatsHappening a.readMore span,.whatsHappening a.readMore:visited span,.whatsHappening a.readMore:link span{background:url("../images_portal/shell/arrow-cta2.png") no-repeat scroll 100% center;border-bottom:1px dotted #23596c;color:#23596c;font-weight:600;padding:0 1em 0 0}
.whatsHappening a.readMore:hover span,.whatsHappening a.readMore:focus span,.whatsHappening a.readMore:hover span,.whatsHappening a.readMore:focus span{background:transparent url("../images_portal/shell/arrow-cta.png") no-repeat scroll 100% center;border-bottom:1px solid #ad6311;color:#ad6311}

/* Content Teaser */
.content .source{font-size:.99em;font-style:italic;font-weight:600;padding-bottom:.6em!important;padding-top:.1em!important}
.whatsHappening .content .source{padding-bottom:.3em!important}
.content .published,.content .dateBlock{padding-bottom:.5em}
.content .published .date,.content .dateBlock .date{font-weight:bold}
.newsItem .content .published .date{font-weight:normal}
time,.time{white-space:nowrap}
.happeningNow{font-size:1.1em;font-style:italic}
.content .summary{padding-bottom:.6em}
.bannerList .content .summary{padding-bottom:0}
.content .summary p:last-child{margin-bottom:0;padding-bottom:0}
.latestNews .columnTitle h2,.upcomingEvents .columnTitle h2,.pressReleases .columnTitle h2{border-bottom:0}
.latestNews h2 a,.latestNews h2 a:visited,.upcomingEvents h2 a,.upcomingEvents h2 a:visited,.pressReleases h2 a,.pressReleases h2 a:visited{background:transparent url("../images_portal/shell/arrow-cta2.png") no-repeat scroll 100% center;padding-right:15px}
.latestNews h2 a:hover,.latestNews h2 a:focus,.latestNews h2 a:active,.upcomingEvents h2 a:hover,.upcomingEvents h2 a:focus,.upcomingEvents h2 a:active,.pressReleases h2 a:hover,.pressReleases h2 a:focus,.pressReleases h2 a:active{background:transparent url("../images_portal/shell/arrow-cta.png") no-repeat scroll 100% center;border-bottom:1px solid;color:#ad6311}

.latestNews h2 a,.latestNews h2 a:visited,.latestNews h2 a:link,.latestNews .featured .titles a,.latestNews .featured .titles a:visited,.latestNews .featured .titles a:link{border-bottom:solid 1px #23596c;color:#23596c}
.latestNews h2 a:hover,.latestNews h2 a:focus,.latestNews h2 a:active,.latestNews .featured .titles a:hover,.latestNews .featured .titles a:focus,.latestNews .featured .titles a:active{border-bottom-color:#ad6311;color:#ad6311}
.latestNews .featured{background:url("../images_portal/shell/featBoxBottomRightCornerOverlap.png") no-repeat scroll right bottom}
.latestNews .featured .titles{background:#eaeff2 url("../images_portal/shell/featBoxTop2_blue.png") no-repeat scroll left top;border-right-color:#e3e2de;border-top-color:#e3e2de}
.latestNews .featured .content{background:#fff url("../images_portal/shell/featBoxBGBlue.png") repeat-y left bottom;border-right-color:#e3e2de}
.latestNews .featured .titlePrimary,.latestNews .featured .titlePrimary a{color:#24515c}

.upcomingEvents h2 a,.upcomingEvents h2 a:visited,.upcomingEvents h2 a:link,.upcomingEvents .featured .titles a,.upcomingEvents .featured .titles a:visited,.upcomingEvents .featured .titles a:link{border-bottom:solid 1px #607415;color:#607415}
.upcomingEvents h2 a:hover,.upcomingEvents h2 a:focus,.upcomingEvents h2 a:active,.upcomingEvents .featured .titles a:hover,.upcomingEvents .featured .titles a:focus,.upcomingEvents .featured .titles a:active{border-bottom-color:#ad6311;color:#ad6311}
.upcomingEvents h2 a,.upcomingEvents h2 a:visited{background-image:url("../images_portal/shell/arrow-cta-green.png")}
.upcomingEvents .featured{background:url("../images_portal/shell/featBoxBottomRightCornerOverlap.png") no-repeat scroll right bottom}
.upcomingEvents .featured .titles{background:#F4F5E8 url("../images_portal/shell/featBoxTop2.png") no-repeat scroll left top;border-right-color:#e3e2de;border-top-color:#e3e2de}
.upcomingEvents .featured .content{background:#fff url("../images_portal/shell/featBoxBG.png") repeat-y left bottom;border-right-color:#e3e2de}
.upcomingEvents a.readMore{padding-left:25px}
.upcomingEvents a.readMore,.upcomingEvents a.readMore:link,.upcomingEvents a.readMore:visited{background:url("../images/shell/icon-events-calendar.png") no-repeat 0 0}

a.destICal{padding-left:25px}
a.iCalAdd,a.iCalAdd:link,a.iCalAdd:visited{background:url("../images_portal/shell/cms_add_to_calendar.png") no-repeat 0 0}
a.iCalRemove,a.iCalRemove:link,a.iCalRemove:visited{background:url("../images_portal/shell/cms_remove_from_calendar.png") no-repeat 0 0}

.pressReleases h2 a,.pressReleases h2 a:visited,.pressReleases h2 a:link,.pressReleases .featured .titles a,.pressReleases .featured .titles a:visited,.pressReleases .featured .titles a:link{border-bottom:solid 1px #b25e0b;color:#b25e0b}
.pressReleases h2 a:hover,.pressReleases h2 a:focus,.pressReleases h2 a:active,.pressReleases .featured .titles a:hover,.latestNews .featured .titles a:focus,.pressReleases .featured .titles a:active{border-bottom-color:#ad6311;color:#ad6311}
.pressReleases h2 a,.pressReleases h2 a:visited{background-image:url("../images_portal/shell/arrow-cta-brown.png")}
.pressReleases .featured{background:url("../images_portal/shell/featBoxBottomRightCornerOverlap.png") no-repeat scroll right bottom}
.pressReleases .featured .titles{background:#F6E9DC url("../images_portal/shell/featBoxTop2_orange.png") no-repeat scroll left top;border-right-color:#e3e2de;border-top-color:#e3e2de}
.pressReleases .featured .content{background:#fff url("../images_portal/shell/featBoxBGOrange.png") repeat-y left bottom;border-right-color:#e3e2de}
.pressReleases .featured .titlePrimary,.pressReleases .featured .titlePrimary a{color:#b25e0b}

.latestNews h2 a,.latestNews h2 a:visited,.latestNews h2 a:link,.upcomingEvents h2 a,.upcomingEvents h2 a:visited,.upcomingEvents h2 a:link,.pressReleases h2 a,.pressReleases h2 a:visited,.pressReleases h2 a:link{border-bottom-style:dotted}
.latestNews h2 a:hover,.latestNews h2 a:focus,.latestNews h2 a:active,.upcomingEvents h2 a:hover,.upcomingEvents h2 a:focus,.upcomingEvents h2 a:active,.pressReleases h2 a:hover,.pressReleases h2 a:focus,.pressReleases h2 a:active{border-bottom-style:solid}

.announce{background:#faffe2;border:1px solid #89af00;font-size:.8em;line-height:1.5em;margin:0 0 1em 0;padding:.6em .8em .6em .8em;width:488px;overflow:auto;}
.announce h2{color:#89af00;font-size:1.25em;font-weight:400}
.announce h2 a,.announce h2 a:visited,.announce h2 a:link,.announce h2 a span,.announce h2 a:visited span,.announce h2 a:link span {border-bottom:1px dotted #666666;color:#355700}
.announce h2 a:focus, .announce h2 a:hover, .announce h2 a:focus span, .announce h2 a:hover span {border-bottom:none;color:#4B8208}
.announce h2 a:active, .announce h2 a:active span {color: #355700;}
.announce h2.meetingNow{background:#144C72;color:#fff !important;display:inline-block;margin:-10px -10px 10px -11px;padding:7px 10px}

.announce.announceOrange {background:#F2D9B8;border:1px solid #B48256;}
.announce.announceOrange h2 a, .announce.announceOrange h2 a:visited, .announce.announceOrange h2 a:link, .announce.announceOrange h2 a span, .announce.announceOrange h2 a:visited span, .announce.announceOrange h2 a:link span {color:#6C320E;}
.announce.announceOrange h2, .announce.announceOrange h2 a:focus, .announce.announceOrange h2 a:hover, .announce.announceOrange h2 a:focus span, .announce.announceOrange h2 a:hover span {color:#A14017!important;}
.announce.announceOrange h2 a:active, .announce.announceOrange h2 a:active span {color:#6C320E!important;}
.announce.announceOrange a {color:#6C320E!important;border-bottom: 1px solid #6C320E;}
.announce.announceOrange a.readMore {border-bottom: none!important;}
.announce.announceOrange a.cta, .announce.announceOrange a.readMore {background: url(../images/shell/arrow-cta-darkbrown.png) no-repeat 100% center!important}
.announce.announceOrange a.cta:hover, .announce.announceOrange a.readMore:hover, .announce.announceOrange a.cta:focus, .announce.announceOrange a.readMore:focus {background: url(../images/shell/arrow-cta-darkbrown2.png) no-repeat 100% center!important;}
.announce.announceOrange a:hover, .announce.announceOrange a:focus {color: #A14017!important;border-bottom: none;}

.announce.announceWhite {background:#FDFDFC;border:1px solid #E3E2DE;}
.announce.announceWhite h2, .announce.announceWhite h2 a, .announce.announceWhite h2 a span,.announce.announceWhite h2 a:visited, .announce.announceWhite h2 a:visited span, .announce.announceWhite h2 a:link, .announce.announceWhite h2 a:link span {color: #1F4F61!important;}
.announce.announceWhite h2 a:focus, .announce.announceWhite h2 a:hover, .announce.announceWhite h2 a:focus span, .announce.announceWhite h2 a:hover span {color: #17687C!important;}
.announce.announceWhite h2 a:active, .announce.announceWhite h2 a:active span {color: #1F4F61!important;}
.home .announce{width:992px; box-sizing: border-box;}
.colWideBannerCenter .announce{width:888px}
.container section .colMainCenter.centerContent.colMainWideBanner .announce {
    width: 100%;
    box-sizing: border-box;
}

.mapFullScreen{margin-bottom:1em}
.mapLegend,.mapPreview{clear:both}
.mapEmbedInteractive object,.mapEmbedInteractive iframe{height:400px;margin:-.6em -.5em 0 -.5em;width:100%}
.mapLegend{background:#f9f9f9;margin:0 -.6em -.5em -.6em;padding:.4em .5em}

.videoEmbed,.mapEmbed{height:0;max-width:500px;padding-top:35px;position:relative;width:100%}
.colMainCenterAndRight .videoEmbed,.colMainCenterAndRight .mapEmbed{max-width:710px}
.videoAspect16-9,.mapAspect16-9{padding-bottom:56.25%}
.videoAspect4-3,.mapAspect4-3{padding-bottom:75%}
.videoEmbed iframe,.mapEmbed iframe{height:100%;left:0;position:absolute;top:0;width:100%}

.nowrap,.geo,.latitude,.longitude{white-space:nowrap}
/*.fileInfo{font-size:.9em} original fileInfo style above*/

.rightContent{float:left;width:198px}
.vcard,.container section .rightContent .contentBox{padding-bottom:.5em}
.vcard a,.vcard a:visited{border-bottom:0}
.vcard a:hover,.vcard a:focus{border-bottom:1px solid #a86600}
.vcard dt:first-of-type{margin-top:0}
.vcard .columnTitle{margin:0 -.9em .5em}
.vcard .columnTitle h2{font-size:1.2em !important;padding-left:.7em;padding-top:0}
.vcard .logoContainer{margin:-10px -10px .6em -10px;padding:0;text-align:center}
.vcard .fn div{line-height:1.5em}
.vcard .fn p,.adrLocationName p,.street-address,.p-street-address p,.extended-address p,.p-extended-address p{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;line-height:1.35em;font-size:1em}
.vcard .contactInfo,.vcard .businessHoursSection,.vcard .phoneSection,.vcard .addressSection,.vcard .stayConnected{border-top:1px solid #ddd;margin-top:.5em;padding-top:.5em}
.vcard .adrLocationName{font-weight:bold}
.vcard .adr div{line-height:1.3em;margin:0;padding:.08em 0}
.vcard .adr .geo{margin:0;padding:.3em 0}
.vcard .adr + .adr{padding-top:.5em}
section .vcard ul{list-style:none;padding:0;margin:0}
section .vcard ul li {padding-left:0em;margin-bottom:.25em;}
.rightContent .getDirections{padding-top:.1em;width:175px}
a.dirGoogleMaps,.dirGoogleMaps:visited,.weatherLink,.weatherLink:visited{background:url("../images_portal/shell/arrow-cta2.png") no-repeat scroll 100% center;font-size:.95em;padding:0 10px 0 0}
.dirGoogleMaps:hover,.dirGoogleMaps:focus,.weatherLink:hover,.weatherLink:focus{background:url("../images_portal/shell/arrow-cta.png") no-repeat scroll 100% center}
a:link .telTitle, a:visited .telTitle,a:link .emailTitle, a:visited .emailTitle,a:link .urlTitle, a:visited .urlTitle{color:#333 !important}
.telNumber{white-space:nowrap}
.vcard .url{font-weight:normal}
.vcard .contactInfo dl{margin:0;padding:0}
.stayConnectedTitle,.adrTitle,.businessHoursTitle,.phoneSectionTitle,.addressSectionTitle{color:#a86600;font-size:1.08em;padding-bottom:.2em}
.rightContent .stayConnected .stayConnectedTitle{margin-top:.6em}
.phoneHoursNotes,.addressHoursNotes{padding-bottom:.8em}
.hours,.hours dt{font-weight:normal;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}
.hours dt{color:#000;font-weight:normal}
.hours dd{margin-bottom:.4em;padding-bottom:0}
.stayConnected div{padding-top:.2em}
.rightContent .contentBlock{width:auto}
.rightContent .contentBlock h2{font-size:.98em !important}
.rightContent .columnTitle h2{color:#a86600 !important}
.rightContent .stayConnected div{margin:3px 0}s

.srchResultsTitle{padding:.6em 0 0 0}
.srchNowShowing{color:#707070;font-size:1.05em !important;font-weight:normal;padding:.6em 0}
.srchNowShowing strong,.srchResults strong{color:#707070;font-weight:normal}
.srchMenu div,.srchPageNav,.srchGoToPage{display:inline-block;*display:inline}
.srchPageNav,.srchGoToPage{*float:left}
.srchMenuTop,.srchMenuBottom{overflow:hidden}
.srchItemsPerPage{float:right}
.srchPaging{clear:both;overflow:hidden;*padding-bottom:.5em;text-align:center;width:100%}
.srchGoToPage{padding-left:2em}
.srchMenu fieldset{border:none}
.srchMenu label,.srchMenu legend{font-size:.85em}
.srchMenu label{padding-right:.5em}
.srchMenu input[type=submit],.srchMenu .selected,.srchMenu .sbmtBtn{margin-left:.3em;margin-right:.3em;padding-left:.3em;padding-right:.3em}
.srchSort label{padding-right:.3em}
.srchGoToPage label{padding-right:.1em}
.srchGoToPage li{padding-left:0;padding-right:0}
.srchSort li,.srchItemsPerPage li,.srchPaging li{display:inline-block;*float:left;vertical-align:middle}
.srchItemsPerPage legend,.srchItemsPerPage ul{float:left}
.srchItemsPerPage legend{padding:.2em 0}
.srchResults .teaserContainer{margin-bottom:.7em}
.srchResults .titlePrimary{background-color:#ffffff;border:1px solid #ccc;color:#487d8a;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#eaf0f2');margin:0;padding:6px 10px;position:relative;text-shadow:1px 1px 1px #fff;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaf0f2));
    background-image:-webkit-linear-gradient(top, #ffffff, #eaf0f2);
    background-image:-moz-linear-gradient(top, #ffffff, #eaf0f2);
    background-image:-ms-linear-gradient(top, #ffffff, #eaf0f2);
    background-image:-o-linear-gradient(top, #ffffff, #eaf0f2);
    background-image:linear-gradient(#ffffff, #eaf0f2)}
.srchResults .titlePrimary a{font-size:.9em;border-bottom: 0; background:url("../images_portal/shell/arrow-cta2.png") no-repeat center right;font-weight:600;padding:0 0.7em 0 0 }
.srchResults .titlePrimary a:hover,.a .a:focus, .a:active{background:url("../images_portal/shell/arrow-cta.png") no-repeat center right; font-size:.9em; border-bottom:1px solid #999}
.srchResults .content{font-size:.85em;padding:.6em .7em}
.thumbnail{background: #fff;border:1px solid #ccc;float:right;margin-left:.5em;padding:8px;-moz-box-shadow:0 2px 4px #ccc;-webkit-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc}

.orgListing .orgParent{margin-bottom:.8em;margin-top:.8em}
.orgListing .org,.orgListing .org:link{border-bottom:1px dotted #17687c}
.orgListing .org:visited {border-bottom:1px dotted #7A2500}
.orgListing .org:hover,.orgListing .org:focus,.orgListing .org:active{border-bottom:1px solid #999}

.orgHierarchy ul{margin-bottom:0}
.orgHierarchy li{margin-top:.4em}

.colMainFull h1,.colMainFull .contentBlock,.colMainFull .srchNowShowing,.colMainFull .noResults,.colMainFull .srchResults .teaserContainer,.colMainFull .srchMenuTop,.colMainFull .srchMenuBottom,.colMainFull .scrollable{width:908px}
.colMainLeftAndCenter h1,.colMainLeftAndCenter .contentBlock,.colMainLeftAndCenter .srchNowShowing,.colMainLeftAndCenter .noResults,.colMainLeftAndCenter .srchResults .teaserContainer,.colMainLeftAndCenter .srchMenuTop,.colMainLeftAndCenter .srchMenuBottom,.colMainLeftAndCenter .scrollable{width:655px}
.colMainCenterAndRight h1,.colMainCenterAndRight .contentBlock,.colMainCenterAndRight .srchNowShowing,.colMainCenterAndRight .noResults,.colMainCenterAndRight .srchResults .teaserContainer,.colMainCenterAndRight .srchMenuTop,.colMainCenterAndRight .srchMenuBottom{width:730px}
.colMainCenterAndRight .scrollable {width: 100%;}
.colMainCenter .contentBlock,.colMainCenter .srchNowShowing,.colMainCenter .noResults,.colMainCenter .srchResults .teaserContainer,.colMainCenter .srchMenuTop,.colMainCenter .srchMenuBottom{width:100%; box-sizing: border-box;}
.colMainCenter p.noResults {width: 100%; margin: 0; padding: 1em;}
.colMainCenterAndRight.colMainWideBanner h1,.colMainCenterAndRight.colMainWideBanner .contentBlock,.colMainCenterAndRight.colMainWideBanner .srchNowShowing,.colMainCenterAndRight.colMainWideBanner .noResults,.colMainCenterAndRight.colMainWideBanner .srchResults .teaserContainer,.colMainCenterAndRight.colMainWideBanner .srchMenuTop,.colMainCenterAndRight.colMainWideBanner .srchMenuBottom,.colMainCenterAndRight.colMainWideBanner .scrollable { width: 99%;}
.colMainCenterAndRight .contentBlock h1 {width:720px}
.container section .colMainCenterAndRight.centerContent .contentBlock h1 {width: 100%;}
.colMainCenter .pageBanner img{max-width:664px;max-height:696px}
.colMainCenter .content img{max-width:485px}
.colMainCenter .whatsHappening li{width:475px}
.colMainCenter .whatsHappening li.featured {width: 505px; margin-right: 0; margin-left: 5px;}
.container section .colMainCenter.centerContent.colMainWideBanner .colWideBannerCenter .whatsHappening li.featured {width: 495px;}
.colMainCenterAndRight .whatsHappening li{width:705px}
.colMainCenterAndRight .whatsHappening li.featured {width:726px}
.container section .colMainCenterAndRight.centerContent .whatsHappening li.featured {margin-left: 3px;}
.container section .colMainCenterAndRight.centerContent.colMainWideBanner .whatsHappening li {box-sizing: border-box; width: 100%;}
.container section .colMainCenterAndRight.centerContent.colMainWideBanner .whatsHappening li.featured {margin-left: 0; margin-right: 0; background-image: none; width: 100%;}
.colMainCenterAndRight .announce {width:100%; box-sizing: border-box;}

.container section .colMainWideBanner{ width: 750px;  margin: 10px 0 10px 20px}
.container section .colMainFull.colMainWideBanner{ width: 100%;  margin: 10px 0 10px 20px}
.colWideBannerCenter{float:left;overflow:hidden;width: 510px;}
.container section .colMainCenter.centerContent.colMainWideBanner .colWideBannerCenter {padding-right: 10px; box-sizing: border-box;}
.container section .colMainFull.colMainWideBanner .colWideBannerCenter {width: 100%; }

.container section .colMainFull.colMainWideBanner #wowslider-container1{ max-width: 900px; float: left;}
.container section .colMainFull.colMainWideBanner #wowslider-container1 .ws_images { max-width: 900px}

.pageBanner img {width: 100%;}
.colMainCenterAndRight .colWideBannerCenter {width: 100%}
.container section .colMainWideBanner .rightContent{float:left;margin:0 0 0 20px}
.colMainWideBanner .pageBanner img { max-width: 900px;}

.colMainCenterAndRight.centerContent .contentBlock,
.colMainCenterAndRight.centerContent .calendar .categorySelection {
    box-sizing: border-box;
}
section .colMainCenterAndRight.centerContent.colMainWideBanner .contentBlock {width: 100%; margin-left: 0; margin-right: 0;}
.gallery li{display:inline-block;margin-right:20px;vertical-align:top;*zoom:1;*display:inline}
.galleryThumbnail .thumbnailLink{border-bottom:0}
.galleryThumbnail{background:#fefefe;border:1px solid #ccc;border-top:0;font-size:.8em;line-height:1.5em;margin:0 0 1em 0;width:140px;-moz-box-shadow:0 2px 4px #ccc;-webkit-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc}
.galleryThumbnail .thumbnail{background:#fff;float:none;max-height:120px;max-width:120px;margin-left:-1px;padding:10px 10px 3px 10px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.galleryThumbnail .titlePrimary{background:#fefefe;border:0;filter:none;padding-top:0}

.galleryImageDetails{display:block;overflow:hidden}
.galleryTop{float:left;margin:10px 0 5px 18px;width:752px}
.galleryTop .center{text-align:center}
.galleryTop .left{text-align:left}
.galleryTop .right{text-align:right}
.galleryImage a{border-bottom:0}

.home{margin-left:-46px;margin-top:-10px;overflow:visible;position:relative;width:992px}

#marquee{margin-bottom:.8em;overflow:hidden;width:100%}
.sonomaHomeBody .home #marquee {margin-bottom: 0; overflow: visible;}
.sonomaHomeBody .home #marquee #wowslider-container1 {margin-bottom: 25px;}
.home .bxSliderHome{background:#fff;float:left;width:668px}
.sonomaHomeBody .home #marquee .bannerList {margin-bottom: 0; height: 397px; margin-bottom: 25px;}
.bannerList{
    background:#000 url(/images_portal/shell/hashBG.png) repeat;
    float:left;
    overflow:hidden;
    padding:0;
    margin-bottom:1em;
    min-height:395px;
    width:324px}
.bannerList a,.bannerList a:visited,.bannerList a:link{
    background:url("../images_portal/shell/arrow-cta.png") no-repeat scroll 100% center;
    border-bottom:none;
    font-size:.9em !important;
    font-weight:600;
    text-decoration:none;
    color:#e99a3f;
    padding-right:12px}
.bannerList a:focus,.bannerList a:hover,.bannerList a:active{
    background:transparent url("../images_portal/shell/arrow-cta.png") no-repeat scroll 100% center;
    border-bottom:1px dotted #ad6311;
    color:#ad6311}
.bannerList h2,.bannerList h2 a,.bannerList h2 a:visited,.bannerList h2 a:link,.bannerList legend,.bannerList legend a,.bannerList legend a:visited,.bannerList legend a:link{
    background:none;
    color:#D6DEE5;
    font-weight:400;
    line-height:1.3em;
    padding-bottom:.2em;
}
.bannerList h2 a,.bannerList h2 a:visited,.bannerList h2 a:link {padding-bottom:0em;  border-bottom:1px dotted #ad6311;}
.bannerList h2  a{margin-bottom:.2em;}
.bannerList h2 a:focus,.bannerList h2 a:hover,.bannerList h2 a:active,.bannerList legend a:focus,.bannerList legend a:hover,.bannerList legend a:active{
    background:transparent url("../images_portal/shell/arrow-cta.png") no-repeat scroll 100% center;
    color:#ECF4FB}

.bannerList .form fieldset{margin-top:.2em}
.bannerList .form .anchor{background:none;padding-right:0}
.bannerList .form legend,.bannerList .form .singleRow ul{margin-bottom:0;margin-top:0}
.bannerList .form legend{padding-bottom:0}
.bannerList .thumbnailLink,.bannerList .thumbnailLink:visited,.bannerList .thumbnailLink:link{border-bottom:none;padding-right:0}
.bannerList .thumbnail{background:none;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.bannerList h2,.bannerList legend{font-size:1.2em !important}
.bannerList h2 a,.bannerList h2 a:visited,.bannerList h2 a:link,.bannerList legend a,.bannerList legend a:visited,.bannerList legend a:link{font-size:1em !important}
.bannerList p,.bannerList div{color:#c8d4de;line-height:1.3em}
.home .howDoIContainer{background:#2B3036 url("../images_portal/shell/hdi_bg.png") repeat-x top;border:none;padding-top:0}
.bannerList li{border-bottom:1px solid #2D3740;border-top:1px solid #5A646D;margin:0;padding:.4em .8em 0em .8em}
.bannerList li.first{border-top:none}
.bannerList li.last{border-bottom:none}
.bannerList li li{border:none;padding:0 0 .2em 0}
.bannerList li li .thumbnail{max-height:75px;max-width:75px}

.home h1,.home .contentBlock,#newsEvents{margin:0 auto .65em auto;vertical-align:top;width:950px}
.centerContent .home .contentBlock {box-sizing: border-box;}
.home .contentBlock .howDoIContainer legend{color:#666;font-size:1.45em;font-weight:600}

#newsEvents .latestNews{display:inline-block;width:463px}
#newsEvents .upcomingEvents{display:inline-block;width:462px}
#newsEvents .spacer{display:inline-block;width:16px}
#newsEvents .latestNews,#newsEvents .upcomingEvents,#newsEvents .spacer{*float:left}

.colMainFull .columns2 .columnLeft,.colMainLeftAndCenter .columns2 .columnLeft,.colMainCenterAndRight .columns2 .columnLeft,.colMainCenter .columns2 .columnLeft,.colMainFull .columns2 .columnRight,.colMainLeftAndCenter .columns2 .columnRight,.colMainCenterAndRight .columns2 .columnRight,.colMainCenter .columns2 .columnRight {width:50%}
section .colMainCenterAndRight.centerContent.colMainWideBanner .contentBlock.columnLeft, section .colMainCenterAndRight.centerContent.colMainWideBanner .contentBlock.columnRight {width: 50%; margin-left: 0; margin-right: 0;}
.colMainFull .columns3 .columnLeft,.colMainLeftAndCenter .columns3 .columnLeft,.colMainCenterAndRight .columns3 .columnLeft,.colMainCenter .columns3 .columnLeft,
.colMainFull .columns3 .columnCenter,.colMainLeftAndCenter .columns3 .columnCenter,.colMainCenterAndRight .columns3 .columnCenter,.colMainCenter .columns3 .columnCenter,
.colMainFull .columns3 .columnRight,.colMainLeftAndCenter .columns3 .columnRight,.colMainCenterAndRight .columns3 .columnRight,.colMainCenter .columns3 .columnRight{width:33%}

.SpanishLanguage,.EnglishLanguage{display:inline-block;min-height:22px;padding-left:22px}
.SpanishLanguage,.SpanishLanguage:link,.SpanishLanguage:visited,.columnTitle .SpanishLanguage,.columnTitle .SpanishLanguage:visited,.columnTitle .SpanishLanguage:link,.EnglishLanguage,.EnglishLanguage:link,.EnglishLanguage:visited,.columnTitle .EnglishLanguage,.columnTitle .EnglishLanguage:visited,.columnTitle .EnglishLanguage:link{border-bottom:1px solid transparent}
.SpanishLanguage:hover,.SpanishLanguage:focus,.columnTitle .SpanishLanguage:hover,.columnTitle .SpanishLanguage:focus,.EnglishLanguage:hover,.EnglishLanguage:focus,.columnTitle .EnglishLanguage:hover,.columnTitle .EnglishLanguage:focus{border-bottom:1px solid #666}
.SpanishLanguage{background:url(/images_portal/shell/sprites_bg.gif) no-repeat -4400px center}
.SpanishLanguage:hover,.enLanguage:focus,.enLanguage:active{background:url(/images_portal/shell/sprites_bg.gif) no-repeat -4600px center}
.EnglishLanguage{background:url(/images_portal/shell/sprites_bg.gif) no-repeat -4800px center}
.EnglishLanguage:hover,.enLanguage:focus,.enLanguage:active{background:url(/images_portal/shell/sprites_bg.gif) no-repeat -5000px center}

a.signUpForENews,a.facebook,a.twitter,a.googlePlus,a.youtube,a.pinterest,a.instagram,a.linkedIn,a.tumblr, a.flickr{border-bottom:0;display:inline-block;padding-left:25px;min-height:22px}

a.printPage,a.printFriendly{background:url(/images/shell/sprites_bg.gif) no-repeat 0 center}
a.printPage:hover,a.printPage:focus,a.printPage:active,a.printFriendly:hover,a.printFriendly:focus,a.printFriendly:active{background:url(/images/shell/sprites_bg.gif) no-repeat -200px center}
a.comment{background:url(/images/shell/sprites_bg.gif) no-repeat -400px center}
a.comment:hover,a.comment:focus,a.comment:active{background:url(/images/shell/sprites_bg.gif) no-repeat -600px center}
a.sendEmail{background:url(/images/shell/sprites_bg.gif) no-repeat -800px center}
a.sendEmail:hover,a.sendEmail:focus,a.sendEmail:active{background:url(/images/shell/sprites_bg.gif) no-repeat -1000px center}
a.signUpForENews{background:url(/images/shell/sign_up_for_email_darker.png) no-repeat left center}
a.signUpForENews:hover,a.signUpForENews:focus,a.signUpForENews:active{background:url(/images/shell/sign_up_for_email_lighter.png) no-repeat left center}
a.facebook{background:url(/images/shell/facebook_darker.png) no-repeat left center}
a.facebook:hover,a.facebook:focus,a.facebook:active{background:url(/images/shell/facebook_lighter.png) no-repeat left center}
a.twitter{background:url(/images/shell/twitter_darker.png) no-repeat left center}
a.twitter:hover,a.twitter:focus,a.twitter:active{background:url(/images/shell/twitter_lighter.png) no-repeat left center}
a.googlePlus{background:url(/images/shell/googleplus_darker.png) no-repeat left center}
a.googlePlus:hover,a.googlePlus:focus,a.googlePlus:active{background:url(/images/shell/googleplus_lighter.png) no-repeat left center}
a.youtube{background:url(/images/shell/youtube_darker.png) no-repeat left center}
a.youtube:hover,a.youtube:focus,a.youtube:active{background:url(/images/shell/youtube_lighter.png) no-repeat left center}
a.flickr{background:url(/images/shell/flickr_darker.png) no-repeat left center}
a.flickr:hover,a.flickr:focus,a.flickr:active{background:url(/images/shell/flickr_lighter.png) no-repeat left center}
a.pinterest{background:url(/images/shell/pinterest_darker.png) no-repeat left center}
a.pinterest:hover,a.pinterest:focus,a.pinterest:active{background:url(/images/shell/pinterest_lighter.png) no-repeat left center}
a.instagram{background:url(/images/shell/instagram_darker.png) no-repeat left center}
a.instagram:hover,a.instagram:focus,a.instagram:active{background:url(/images/shell/instagram_lighter.png) no-repeat left center}
a.linkedIn{background:url(/images/shell/linkedin_darker.png) no-repeat left center}
a.linkedIn:hover,a.linkedIn:focus,a.linkedIn:active{background:url(/images/shell/linkedin_lighter.png) no-repeat left center}
a.tumblr{background:url(/images/shell/tumblr_darker.png) no-repeat left center}
a.tumblr:hover,a.tumblr:focus,a.tumblr:active{background:url(/images/shell/tumblr_lighter.png) no-repeat left center}

a.textSizeDecrease {background:url(/images/shell/sprites_bg.gif) no-repeat -5200px center}
a.textSizeDecrease:hover,a.textSizeDecrease:focus,a.textSizeDecrease:active{background:url(/images/shell/sprites_bg.gif) no-repeat -5400px center}
a.textSizeReset {background:url(/images/shell/sprites_bg.gif) no-repeat -5600px center}
a.textSizeReset:hover,a.textSizeReset:focus,a.textSizeReset:active{background:url(/images/shell/sprites_bg.gif) no-repeat -5800px center}
a.textSizeIncrease {background:url(/images/shell/sprites_bg.gif) no-repeat -6000px center}
a.textSizeIncrease:hover,a.textSizeIncrease:focus,a.textSizeIncrease:active{background:url(/images/shell/sprites_bg.gif) no-repeat -6200px center}

.articleList .thumbnail{float:right;margin-top:.3em}
.articleList li{background:url(/images/shell/separator.gif) no-repeat top left;clear:both;padding-bottom:.5em}
.articleList li.first{background:none}
.articleList h3{padding-bottom:.3em;padding-top:.5em}
.articleList h3 a{border-bottom:0;clear:both}

ul.sequence{text-align:center}
.sequence li{display:inline-block;*float:left}
.sequence a,.sequence .current{font-weight:bold;padding:.2em .2em;margin-left:.4em;margin-right:.4em;border-bottom:0}
.sequence a.previous:before{content:"\00AB\0020";color:#333}
.sequence a.next,.sequence .current{margin-left:.8em}
.sequence a.next:after{content:"\0020\00BB";color:#333}
.sequence a:hover.previous:before,.sequence a:focus.previous:before,.sequence a:hover.next:after,.sequence a:focus.next:after{color:#888}

dl.sequence dt{margin-bottom:0;margin-top:0}
dl.sequence dd{margin-bottom:.6em;margin-top:0;padding-top:0}
dl.sequence a.previous{margin-left:0}
dl.sequence a.next,dl.sequence .current{margin-left:.9em}
dl.sequence dd{margin-left:1.3em}

.featuredList{margin:1em 20px 0.5em 20px;padding:.5em 0 1em 0;overflow:hidden;width:950px;}
.featuredList li.featured{display: inline-block; width: 215px;margin:.5em 15px; padding: 0 10px 10px 10px; box-sizing: border-box;}
.featuredList li.first{margin-left:0}
.featuredList li.last{margin-right:0}
.featuredList .featured{background:#fff url("../images_portal/shell/featBlueBottomBoxBG.png") repeat-x;border:1px solid #C4D4D9;margin-bottom:0;margin-right:0;min-height:250px;padding:0 0 10px 0;text-align:center;width:230px}
.featuredList .titles{border:none;margin:0;padding:1em 0 0 0}
.featuredList .titles h2 a,.featuredList .titles h3 a{border-bottom:none}
.featuredList .titles h2{font-size:.9em}
.featuredList .titles h3{font-size:.95em !important}
.featuredList a,.featuredList a:visited,.featuredList a:link{background:url("../images_portal/shell/arrow-cta2.png") no-repeat scroll 100% center;font-size:.9em;text-decoration:none;color:#537D88;padding-right:10px}
.featuredList a:hover,.featuredList a:focus,.featuredList a:active{background:url("../images_portal/shell/arrow-cta.png") no-repeat scroll 100% center;border-bottom:1px dotted #e99a3f;color:#ee7000}
.featuredList a.thumbnailLink{background-image:none;border-bottom:none;padding:0}
.featuredList .thumbnail{float:none}

.eventDetails .adrLocationName{font-weight:600}
.eventDetails ul{margin-top:.5em}

.featDirSection .featDirTile{margin-left:6px;margin-right:6px;padding-left:5px;padding-right:5px;vertical-align:top}
div.featImg140 ul{display:table;padding:0;margin:0 0 1em 0;}  /*featImg140 created for 3 imgs across within the center column*/
.featImg75  .featDirTile{width:80px}
.featImg75 .thumbnail{max-height:75px;max-width:75px}
.featImg120 .featDirTile{width:125px}
.featImg120 .thumbnail{max-height:120px;max-width:120px}
.featImg140 .featDirTile{width:140px}  
.featImg140 .thumbnail{max-height:135px;max-width:135px}
.featImg195 .featDirTile{width:200px}
.featImg195 .thumbnail{max-height:195px;max-width:195px}
.featImg300 .featDirTile{width:305px}
.featImg300 .thumbnail{max-height:300px;max-width:300px}
.featDirSection .titles a{border-bottom:0}
.featDirSection .content .thumbnail{display:block;float:none;margin:0 auto 6px auto;padding:1px;text-align:center}
.featDirSection .content .thumbnail.noBorderFeatImage {background: none; border: none; box-shadow: none;}
.featDirSection h3 {font-size:1.35em!important; color:#333; padding-top:.25em!important; padding-bottom:.25em!important} 
.featDirSection h4 {font-size:1em!important; color:#444; padding-top:.75em!important; padding-bottom:.25em!important}

.featDirDeluxe div.columnTitle + div.content h3{font-size:1.35em!important}
.featDir.featDirDeluxe .featDirSection .featDirTile {display: flex; flex-direction: column; margin-left: 5px; margin-right: 5px;}
.featDir.featDirDeluxe .featDirTile img {align-self: flex-start;}
.featDir.featDirDeluxe .featDirTile.titleFirst {justify-content: flex-end;}
.featDir.featDirDeluxe .featDirTile .titles br {display: none;}
.featDir.featDirDeluxe .contentBlock.featDirSection .noBullet.horizontal:after,
.featDir.featDirDeluxe .contentBlock.featDirSection .noBullet.horizontal .featDirTile:after {display: none!important;}
.featDir.featDirDeluxe .featImg75 .featDirTile {width: 95px;}

.ci2147490190 .logoContainer{background-color:#f9f8f4;border:1px solid #dadad9}

.vacant{background:#f9f9f9;color:#000}
.vacant .name,.vacant .appointment{font-style:italic}

.anchorTag{visibility:hidden}

.form{overflow:hidden}
.form legend{margin:.1em .8em 0 .8em}
.form label{display:block}
.form .checkbox{display:inline}
.form .requirements{display:inline-block;font-size:.8em;line-height:1.2em}
.form legend .instructions{display:inline-block;font-size:.88em;font-weight:normal;line-height:1.4em;padding-top:.4em}
.form fieldset{background:#f9f9f9;border:solid .1em #999;border-top:none;clear:both;float:left;margin:1em 0 0 0;overflow:hidden;width:99%}
.form fieldset .controlContainer{float:right;margin-right:.2em;margin-top:-1.2em}
.form fieldset.action,.form .action fieldset{background:none;border:none;margin-left:1.05em;padding-bottom:1em}
.form fieldset ul{display:block}
.form .tableWrapper{background:none;border:none;margin-left:0;padding-bottom:.5em}
.form .tableWrapper caption{margin-top:.6em}
.form .tableWrapper .scrollable{margin-left:.7em}
.form .seriesControl{border:none;margin-left:0;text-align:center}
.form .buttonPrevious,.form .buttonNext{width:8em}
.form .buttonPrevious{margin-right:.2em;text-align:left}
.form .buttonCenter{padding-left:1em;padding-right:1em;text-align:center}
.form .buttonNext{margin-left:.2em;text-align:right}
.form p{margin:.5em 1em 0em 1em;padding-bottom:.2em}
.form ol,.form ul{list-style:none;list-style-image:none;list-style-type:none;margin:.8em 1em .5em 1em;padding:0}
.form li{clear:both;list-style:none;list-style-type:none;padding:.5em 0;margin:0}
.form li ol,.form li ul{margin-left:0;margin-right:0}
.form li input,.form li select{vertical-align:middle}
.form .intro ul,.form .outro ul,.form .intro ol,.form .outro ol{padding-left:.5em;margin:.5em .5em 1em 2em}
.form .intro ul li,.form .outro ul li,.form .intro ol li,.form .outro ol li{padding:0}
.form .intro ul,.form .outro ul,.form .intro ul li,.form .outro ul li{list-style:disc;}
.form .intro ol,.form .outro ol,.form .intro ol li,.form .outro ol li{list-style:decimal}
.form input[type=number],.form .number{width:8em}
.form input[type=number].yearsWhole{width:3em}
.form input[type=number].yearsDecimal{width:4.5em}
.form input[type=number].currency{width:6em}
.form .width100pct {margin-left:0;margin-right:0}
.form .itemGroup{border:none 0 transparent;margin:0;padding:0 0 .5em 0}
.form .itemGroup legend{font-size:1em;font-weight:bold;margin:0}
.form .itemGroup ul,.form .itemGroup ol{list-style:none;list-style-image:none;margin:0 1em .4em 1em!important;padding:0 .8em 0 .8em}
.form .itemGroup li{list-style:none;list-style-image:none;margin:.4em 0;padding:.05em 0}
.form .itemGroup .options{padding:0 .5em 0 .2em}
.form .itemGroup .options li{margin:0;padding-top:.4em}
.form .itemGroup .options .radioLabelSubMenu{display:inline-block;vertical-align:top}
.form .itemGroup .options .radioLabelSubMenu div{clear:both;display:block;float:none;line-height:1.3em}
.form .itemGroup .options .radioLabelSubMenu input{clear:both;float:none;display:block}
.form .itemGroup .options .radioLabelSubMenu label{clear:both;float:none;display:inline-block}
.form .options input,.form .checkbox input{cursor:pointer;display:inline-block;float:none;vertical-align:middle}
.form .options label,.form .checkbox label{cursor:pointer;display:inline-block;float:none;padding-left:.28em;vertical-align:middle}
.form .itemGroup .horizontal{margin-bottom:0}
.contentBlock .content .itemGroup ul:after{font-size:0;line-height:0}
.form .itemGroup .options.horizontal li{padding-right:1em}
.form textarea{height:6em;width:99%}

.form .searchResultsMenu{border-style:none;display:block;margin-bottom:.8em;overflow:hidden;width:100%}
.form .searchResultsMenu,.form .searchResultsMenu fieldset{background:none}
.form .searchResultsMenu label{margin-right:.3em}
.form .searchResultsMenu input{margin-right:.3em}
.form .searchResultsMenu li,.form .searchResultsMenu legend,.form .searchResultsMenu label,.form .searchResultsMenu fieldset,.form .searchResultsMenu .itemGroup,.form .searchResultsMenu .options{clear:none;float:left;vertical-align:middle}
.form .searchResultsMenu ol,.form .searchResultsMenu ul,.form .searchResultsMenu .itemGroup,.form .searchResultsMenu legend,.form .searchResultsMenu .options,divSectionContent .form .searchResultsMenu .options li{margin:0;padding:0}
.form .searchResultsMenu li{padding:.2em .3em .2em 0;vertical-align:middle}
.form .searchResultsMenu .options li{padding:.05em 0}
.form .searchResultsMenu .options label{margin-right:.5em}
.form .searchResultsMenu .options input{margin-right:0}

.inputErrorSummary{clear:both;margin-bottom:.5em;margin-top:1.5em;padding-bottom:.8em}
.inputErrorSummary h2.results{background:url(/images/shell/attention_icon.gif) no-repeat 0 0;min-height:26px;padding-left:28px}
.inputErrorSummary ul{margin-left:45px}
.inputError{font-weight:bold;font-style:italic}
.valueTextBold dd .inputError{font-weight:normal;font-style:italic}
.buttonSubmit{border:solid .1em;cursor:pointer;font-weight:bold;vertical-align:middle}
.buttonSubmitDisabled{border:solid .1em;font-weight:bold;vertical-align:middle}
.inputNoBorder{border:none;padding-top:0}

.form .singleRow li,.form .singleRow label,.form .singleRow div,.form .singleRow select,.srchMenu .singleRow li,.srchMenu .singleRow label,.srchMenu .singleRow div,.srchMenu .singleRow select{display:inline}
.form .singleRow label,.srchMenu .singleRow label{padding-right:.3em}

.form fieldset.noborder{background:none;border:none;margin-left:0;margin-right:0}
.form fieldset.noborder legend,.form fieldset.noborder ul{margin-left:0;margin-right:0}

.form #txtaMessage { height: 300px; }

.dateRange{margin-bottom:1em}
.dateRange ul{clear:both;list-style:none;list-style-image:none;list-style-type:none;margin:0;padding:0}
.dateRange li{display:inline-block; padding-right:.3em}

td.noResults{padding:1.5em 0;text-align:center;vertical-align:middle}
.calendar table{border:.01em solid #000}
.calendar thead{border-bottom:.01em solid #000}
.calendar th,.calendar td{border:0}
.calendar td .date{font-weight:normal}
.calendar td .time{font-style:normal}
.calendar tbody tr:nth-child(even){background-color:#f3f3f3}

.calList .noResults{margin:1em;text-align:center}
.calList h2{ font-size: 1.05em !important;display:flex;}
.calList h2.srchResultsTitle { font-size: 1.36em !important; }
.calList .h-event{border-bottom:1px solid #ccc;padding-bottom:.5em;padding-top:.5em}
.calList .h-event:last-child{border-bottom:0}
.calList .thumbnailLink,.calList .thumbnail{float:right}
.eventDetails .columnTitle h2:first-of-type{font-size:1em!important}
.h-event .dateTime{display:inline-block}
.h-event .date,.h-event .time{font-size:1.35em;padding-right:.2em}
.h-event .time{padding-left:.2em}
.eventDetails h3{padding-bottom:0}
.h-event .cancelled{color:#000;font-size:1.12em;font-style:italic;white-space:nowrap;line-height:1.5em}
.h-event a,.h-event a:link,.h-event a:focus,.h-event a:hover{border-bottom:0}
.h-event a .p-name,.h-event a:visited .p-name {border-bottom:1px dotted #7A2500}
.h-event a:hover .p-name,.h-event a:focus .p-name{border-bottom:1px solid #999}
a.destICal{display:block;min-height:25px;border-bottom:0}

.h-event .p-name{display:inline-block;font-size:.95em;overflow-wrap:normal;padding-bottom:.1em;padding-top:.5em;-ms-word-break:normal;word-break:normal}
.content .h-event .source{padding-bottom:0!important}

.upcomingEvent .upcomingEvents .columnTitle h2{color:#607415 !important}

.showHideHelp, .showMore, .showHideAnswer {
    border: solid .01em #ddd;
    background: #f5f5f5;
    padding: 0.5em 1em;
    margin-top: .5em;
    margin-bottom: 1em;
}

.showHideQuestion {
	font-size: 1.1em !important;
	font-weight: 600 !important;
	display: block;
	margin: 1em 0 .25em 0;
	}
.showHideQuestion:first-child {margin: .25em 0 .25em 0;}

.showHideNoBox {
}
.showHideAnswerButton {
    background-repeat: no-repeat;
    white-space: nowrap;
    color: #17687c;
    text-decoration: underline;
    font-size:1em;
    cursor: pointer;
}

.showHideHelpButton {
    background-image: url(../images/shell/show_hide_help_icon.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    white-space: nowrap;
    padding-left: 20px;
    color: #17687c;
    text-decoration: underline;
    font-size:1em;
    cursor: pointer;
}

.showMoreButton, .showHideNoBox {
    white-space: nowrap;
    color: #17687c;
    text-decoration: underline;
    font-size:1em;
    cursor: pointer;
}
.showHideHelpButton:hover, .showHideHelpButton:focus, .showHideAnswerButton.hover, .showHideAnswerButton:focus, .showMoreButton.hover, .showMoreButton:focus {cursor:pointer;}

dl hr {
    margin-bottom: 5px;
}

.parcelReportForm div {
    width: 50%;
    float: left;
}

dd a {
    text-decoration: underline!important;
}

/* IE Hacks */
ol.decimalLong{*margin-left:.8em}
.form{*overflow-x:auto;*overflow-y:hidden;*padding-bottom:1em}
.form fieldset{*margin:1em 0 0 0}
.form fieldset .controlContainer{*margin-top:0}
.form .action{*margin-left:.48em}
.form .tableWrapper legend{*margin-left:-.3em}
.form .tableWrapper .scrollable{*padding-left:.8em}
.form fieldset ol{*margin:.8em 1.3em .5em 1.3em}
#divSectionContent .form fieldset li ol,#divSectionContent .form fieldset li ul{*display:inline-block}
.form .itemGroup{*padding:0}
.form .itemGroup legend{*margin-left:-.3em}
.form .itemGroup ul{*border-top-width:.15em}
#divSectionContent .form .itemGroup .options .radioLabelSubMenu{*display:inline}
.form .searchResultsMenu,.form .scrollable{*overflow:visible;*width:100%}
legend .inputError{*display:inline}



@media all and (min-width:791px) and (max-width:1510px)
{
    #translationLinks{margin-bottom:10px;margin-right:10px;margin-top:10px}
}

@media all and (min-width:791px) and (max-width:1006px)
{
    .sonomaHomeBody{width:100%}
    .fullContainer,.container,.container section,.container section .centerContent{overflow:hidden;width:100%}
    .centerContent .home #newsEvents {width: 98%;}
    ul.dropdown li a em{font-size:.73em}
    .container section{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
    .sonomaHomeBody .container section .centerContent{margin-left:0;margin-right:0}
    .container section .centerContent{width:502px}
    .container section .colMainLeftAndCenter.colMainWideBanner.centerContent,.container section .colMainCenterAndRight.colMainWideBanner.centerContent,.container section .colMainCenter.colMainWideBanner.centerContent{width:75%}
    .colMainWideBanner.centerContent img{max-width:100%}
    .sonomaHomeBody .container section .centerContent{width:100%}
    .home{margin-left:0;overflow:hidden;position:relative;width:100%}
    #wowslider-container1{width:100%}
	.colMainWideBanner #wowslider-container1{max-width:900px;width:100%}
	.sonomaHomeBody #wowslider-container1{width:75%}
	.bannerList{padding-top:10px;width:25%}
    .sonomaHomeBody .home #marquee {flex-direction: column;}
    .sonomaHomeBody .home #marquee #wowslider-container1 {width: 100%; margin-bottom: 0;}
    .sonomaHomeBody .home #marquee .bannerList {padding: 5px 0; display: flex; min-height: 0; height: 100%; width: 100%;}
    .sonomaHomeBody .home #marquee .bannerList > li {border-top: none; border-bottom: none; border-left: 1px solid #5A646D; border-right: 1px solid #2D3740; box-sizing: border-box; width: 25%;}
    .sonomaHomeBody .home #marquee .bannerList > li:first-child {border-left: none;}
    .sonomaHomeBody .home #marquee .bannerList > li:last-child {border-right: none;}
    .bannerList .thumbnailLink{display:none}
	.home h1{margin-left:5px;margin-right:5px;width:98%}
    .home .announce{width:auto; margin-left: 1%; margin-right: 1%;}
    .container section .colMainCenterAndRight.centerContent .announce {margin-left: 0; margin-right: 0; width: auto;}
	.home #newsEvents .latestNews,#newsEvents .upcomingEvents{width:48%}
    .home #newsEvents .latestNews {margin-right: 1.5%;}
    .home #newsEvents .upcomingEvents {margin-left: 1.5%;}
    .home #newsEvents .spacer {display: none;}
    .contentBlock.whatsHappening {width: 495px;}
    .whatsHappening  .teaserContainer .noBullet{width:100%}
    .container section .colMainCenter.centerContent.colMainWideBanner .colWideBannerCenter {padding-right: 0; width: 100%;}
    .container section .colMainCenter.centerContent.colMainWideBanner .colWideBannerCenter .whatsHappening li.featured,
    .colMainCenter .whatsHappening li.featured {width: 489px;}
    .centerContent .home .contentBlock {width: 98%;}
    .featuredList {width: 100%; margin: 0;}
    .featuredList ul.noBullet li.featured:nth-child(2n+1) {margin: 1em 6% 2em 18%; width: 26%;}
    .featuredList ul.noBullet li.featured:nth-child(2n) {margin: 1em 18% 2em 6%; width: 26%;}
    .footerHolder {background: none;} /* width: 100%; */
    .footerHolder #innerFooter {width: 100%; height: auto; background-image: linear-gradient(#566C79, #3d5361); padding: 0;}
    .footerHolder #innerFooter > nav {padding: 0; display: flex; border-top: 1px solid #7b8f98; border-bottom: 1px solid #4c5d65;}
    .footerHolder #innerFooter > nav > .fifths {flex: 1; margin: 0; padding: 25px 10px 10px 15px; display: inline-block; border-right: 1px solid #2e3f47; border-left: 1px solid #566C79;}
    .footerHolder #innerFooter > nav .footerDark {display: flex; flex: 2.4; flex-wrap: wrap; border-left: 1px solid #566C79;}
    .footerHolder #innerFooter > nav .footerDark h2.socialHeader {top: 0; width: 100%; padding: 15px 10px 10px 13px; background: #384E5C;}
    .footerHolder #innerFooter > nav .footerDark .fifths.fifty {display: inline-block; flex: 1; margin: 0; padding: 25px 10px 10px 15px; background: #384E5C;}
    .footerHolder #innerFooter > nav .footerDark .fifths.fifty:first-child {border-right: 1px solid #273840;}
    .footerHolder #innerFooter > nav .footerDark .fifths.fifty:last-child {border-left: 1px solid #566C79;}
    .footerHolder #innerFooter > nav .footerDark .fifths.fifty h3 {padding: 0 0 0.5em 0;}
    .footerHolder #innerFooter .gutter {margin: 0; padding: 0; border-top: 1px solid #2e3f47;}
    .footerHolder #innerFooter .gutter .copyright {display: block; width: auto; margin-top: 0px; padding: 10px 10px 5px 10px; background: #273840;}
    .footerHolder #innerFooter .gutter > nav {background: #273840; padding: 5px 10px;}
    .centerContent .home .contentBlock.homeFeatDir {width: 98%!important; margin-left: 1%!important; margin-right: 1%!important;}
    .centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet li,
    .centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet li {flex: 1 0 25%;}
    .centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet li {flex: 1 0 50%;}
    .centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet {display: block;}
    .centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet li {width: 300px; margin-left: auto; margin-right: auto; display: block;}
    .fullContainer.breadcrumbSocial #shareLowerNav {padding: 0 4px 0 0;}
    .container section .colMainCenterAndRight.centerContent {width: 75%; margin-right: 0;}
    .container section .colMainCenterAndRight.centerContent .contentBlock,
    .container section .colMainCenterAndRight.centerContent .srchMenuTop.categorySelection {width: 100%;}
    .container section .colMainCenterAndRight.centerContent .whatsHappening li {margin: 0; background-image: none;}
    .container section .colMainCenterAndRight.centerContent .whatsHappening li.featured,
    .container section .colMainCenterAndRight.centerContent .whatsHappening li {width: 100%; margin-left: 0; box-sizing: border-box;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchDates li:first-child {margin: 0 15px 0 0;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchDates li:last-child {margin: 0 0 0 15px;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li:first-child  {margin: 0 5px 0 0;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li:last-child  {margin: 0 0 0 5px;}
    .container section .colMainCenter.centerContent .announce {width: 100%; box-sizing: border-box;}
    .container section .centerContent.colMainFull.searchContainer,
    .container section .centerContent.colMainLeftAndCenter.searchContainer {width: 96%; margin-left: 2%; margin-right: 2%;}
    .colMainCenterAndRight.searchContainer .srchResults .teaserContainer,
    .colMainFull.searchContainer .srchResults .teaserContainer,
    .colMainLeftAndCenter.searchContainer .srchResults .teaserContainer {width: 100%; box-sizing: border-box;}       
    .centerContent .home .featDirSection.featImg195 .teaserContainer ul.noBullet li.featDirTile {margin: 0;}
    .container section .colMainWideBanner .rightContent {margin-left: 0;}
    .container section .colTouts.rightContent {float: left; margin-left: 190px;}
    .container section .colMainCenter.centerContent.colMainWideBanner .colTouts.rightContent {margin-left: 0;}
    .colMainCenterAndRight h1, .colMainCenterAndRight .contentBlock, .colMainCenterAndRight .srchNowShowing, .colMainCenterAndRight .noResults, .colMainCenterAndRight .srchResults .teaserContainer, .colMainCenterAndRight .srchMenuTop, .colMainCenterAndRight .srchMenuBottom {width: 100%; box-sizing: border-box;}
}

@media all and (min-width:0px) and (max-width:790px)
{
    .colMainFull h1,.colMainFull .contentBlock,.colMainFull .srchNowShowing,.colMainFull .noResults,.colMainFull .srchResults .teaserContainer,.colMainFull .srchMenuTop,.colMainFull .srchMenuBottom,
    .colMainLeftAndCenter h1,.colMainLeftAndCenter .contentBlock,.colMainLeftAndCenter .srchNowShowing,.colMainLeftAndCenter .noResults,.colMainLeftAndCenter .srchResults .teaserContainer,.colMainLeftAndCenter .srchMenuTop,.colMainLeftAndCenter .srchMenuBottom,
    .colMainCenterAndRight h1,.colMainCenterAndRight .contentBlock,.colMainCenterAndRight .srchNowShowing,.colMainCenterAndRight .noResults,.colMainCenterAndRight .srchResults .teaserContainer,.colMainCenterAndRight .srchMenuTop,.colMainCenterAndRight .srchMenuBottom,
    .colMainCenter h1,.colMainCenter .contentBlock,.colMainCenter .srchNowShowing,.colMainCenter .noResults,.colMainCenter .srchResults .teaserContainer,.colMainCenter .srchMenuTop,.colMainCenter .srchMenuBottom, .announce,.home .announce, .colMainCenterAndRight .announce, .colTouts,.container section .rightContent,
    .home,.gallery,.colMainCenter .whatsHappening li,.colMainCenterAndRight .whatsHappening li,.colWideBannerCenter,
	.colMainCenterAndRight.colMainWideBanner h1,.colMainCenterAndRight.colMainWideBanner .contentBlock,.colMainCenterAndRight.colMainWideBanner .srchNowShowing,.colMainCenterAndRight.colMainWideBanner .noResults,.colMainCenterAndRight.colMainWideBanner .srchResults .teaserContainer,
    .colMainCenterAndRight.colMainWideBanner .srchMenuTop,.colMainCenterAndRight.colMainWideBanner .srchMenuBottom,.colMainCenterAndRight.colMainWideBanner .scrollable,.container section .colMainCenterAndRight.centerContent,.container section .colMainFull.centerContent,.colMainCenterAndRight .contentBlock.pressRelease{margin-left:1%;margin-right:1%;width:98%}
	.colMainCenter .pageBanner{float:none}
    .contentBlock.whatsHappening {
        width: 97.5%;
    }
    .whatsHappening  .teaserContainer .noBullet{width:100%}
    .container section .colMainCenter.centerContent.colMainWideBanner .colWideBannerCenter {padding-right: 0;}
    .container section .colMainCenter.centerContent.colMainWideBanner .colWideBannerCenter .whatsHappening li.featured,
    .colMainCenter .whatsHappening li.featured {width: 100%; margin-left: 14px;}
    .contentBlock .columnContainer .columns2 .columnLeft,
    .contentBlock .columnContainer .columns2 .columnRight {margin-left: 0; margin-right: 0;}

    .home .announce {width: 100%;}

    .colMainFull .columns2 .columnLeft,.colMainLeftAndCenter .columns2 .columnLeft,.colMainCenterAndRight .columns2 .columnLeft,.colMainCenter .columns2 .columnLeft,.colMainFull .columns2 .columnRight,.colMainLeftAndCenter .columns2 .columnRight,.colMainCenterAndRight .columns2 .columnRight,.colMainCenter .columns2 .columnRight,
    .colMainFull .columns3 .columnLeft,.colMainLeftAndCenter .columns3 .columnLeft,.colMainCenterAndRight .columns3 .columnLeft,.colMainCenter .columns3 .columnLeft,
    .colMainFull .columns3 .columnCenter,.colMainLeftAndCenter .columns3 .columnCenter,.colMainCenterAndRight .columns3 .columnCenter,.colMainCenter .columns3 .columnCenter,
    .colMainFull .columns3 .columnRight,.colMainLeftAndCenter .columns3 .columnRight,.colMainCenterAndRight .columns3 .columnRight,.colMainCenter .columns3 .columnRight,
    .home .bxSliderHome,.bannerList,.home h1,.home .contentBlock,#newsEvents,#newsEvents .latestNews,#newsEvents .upcomingEvents,
    .colMainFull .scrollable,.colMainLeftAndCenter .scrollable,.colMainCenterAndRight .scrollable,.container .scrollable{width:100%}
    section .colMainCenterAndRight.centerContent.colMainWideBanner .contentBlock.columnLeft, section .colMainCenterAndRight.centerContent.colMainWideBanner .contentBlock.columnRight {width: 100%;}
    
    img,table{overflow:auto !important}
    .whatsHappening .teaserContainer .noBullet{width:100%}
    .whatsHappening .featured .thumbnail {box-sizing: content-box;}
    .container section .colMainCenterAndRight.centerContent .whatsHappening li.featured {width: 100%; margin-left: 15px;}
    .container section .colMainCenterAndRight.centerContent.colMainWideBanner .whatsHappening li.featured {width: 100%; margin-left: 15px; background: url("../images_portal/shell/featBoxBottomRightCornerOverlap.png") no-repeat scroll right bottom;}
    .triggerTop{height:auto !important;}
    #sonomaCountyBranding{padding-bottom:0;text-align:left}
    .portal #sonomaCountyBranding{padding-bottom:.6em;padding-top:.3em}
    #sonomaCountySeal{vertical-align:top}
    #sonomaCountySeal img{max-height:35px}
    #sonomaCountyLogo{margin-top:5px}
    #sonomaCountyParentNav,#accessibilityLinks{display:block;position:absolute !important;top:-1000em !important}
    .siteLogo{margin-left:10px}
    #bannerTop .logo{height:55px!important;top:15px}
    .show_hide{border-bottom:0!important}
    .tagline{display:none}

    .colMainCenterAndRight .pageBanner img, .colMainCenter .pageBanner img {width: 100%; max-width: 100%; max-height: none;}
    .galleryImage img{max-width:500px;width:100%}
    .galleryThumbnail .titlePrimary{margin-left:0;margin-right:0}
    .pressRelease .releasedBy{float:none}
    .colTouts vcard,.container section .rightContent .contentBox{background:#fefefe;padding-top:1em;width:100%}

    #footerIdentity .logoText{padding-left:10px;padding-right:10px}
    #innerFooter li{display:block;margin-top:10px}
    #innerFooter .followUs li{display:inline-block;margin-top:0}

    #translationLinks{margin-top:0;margin-left:10px;margin-right:10px}
    a.tranlsationDisclaimer{float:none}
    nav.sub > ul > li > a {
        background: transparent;
    }

    nav.sub > ul > li > a:hover, nav.sub > ul > li > a:focus {
        background: rgba(53, 68, 76, 0.2);
        color: #1F4651;
    }

}

@media screen and (min-width:791px) and (max-width:1000px)
{
	.colMainCenterAndRight.colMainWideBanner h1,.colMainCenterAndRight.colMainWideBanner .contentBlock,.colMainCenterAndRight.colMainWideBanner .srchNowShowing,.colMainCenterAndRight.colMainWideBanner .noResults,.colMainCenterAndRight.colMainWideBanner .srchResults .teaserContainer,.colMainCenterAndRight.colMainWideBanner .srchMenuTop,.colMainCenterAndRight.colMainWideBanner .srchMenuBottom,.colMainCenterAndRight.colMainWideBanner .scrollable { width:99%}
}

@media all and (max-width: 600px) {
    .form.parcelReportForm {flex-direction: column; text-align: center;}
    .form.parcelReportForm > div {width: 100%; margin: 5px 0;}
    .form.parcelReportForm .orSeparator {margin: 0;}
    .form.parcelReportForm ul li > div {width: 100%;}
}

@media all and (max-width: 400px)
{
	.countySite{display:none}
	#wowslider-container1 .ws-title div{border-left:0!important}
	#wowslider-container1 .ws-title span p{display:none}
    .widthThirds {    
	    width:100%;
        min-width:250px!important;
        padding-bottom:1em;
	    margin-top:1em;
	    margin-bottom:em;}
    }

}

/* ----------- Tablets ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    body {
        overflow-x: hidden;
    }
}

@media all and (min-width: 0px) and (max-width: 790px) {
    * {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    #sticky-footer-push {
        display: none!important;
    }

    .desktop {
        display: none!important;
    }

    .mobile {
        display: block!important;
        visibility: visible;
    }

    img.oneHundred {
        width: 100%;
        height: auto;
    }

    img.fifty {
        width: 50%;
        height: auto;
    }

    img.thirtyThree {
        width: 33%;
        height: auto;
    }

    img.twentyFive {
        width: 25%;
        height: auto;
    }

    :focus {
        outline: 0;
    }

    a {
        outline: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html {
        min-height: 100%;
        border-bottom: 0!important;
        background: none!important;
    }

    body {
        font-size: 90%!important;
        background: #a9a9a9;
        margin: 0 auto;
        padding: 0;
        min-height: 100%;
        background: none!important;
        overflow-x: hidden;
    }

    h1 {
        font-size: 1.5em;
        font-weight: 600;
    }

    h2 {
        font-size: 1.25em;
        font-weight: 600;
    }

    h2.revBlock {
        font-size: 1.25em;
        color: #fff!important;
        background: #487d8a;
        padding: 10px;
        font-weight: 600!important;
        margin: 0 10px 10px 10px!important;
    }

    h3 {
        font-size: 1.25em;
        font-weight: 600;
    }

    ul.zebra li h3 {
        margin: 3px 0!important;
        padding: 0!important;
        color: #487d8a!important;
        font-weight: 600;
    }

    .mobileModule h3.centerColumn {
        position: relative;
        padding: 3px 10px;
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
        text-shadow: 1px 1px 1px #fff;
        margin: 0;
        color: #497e8b;
    }

    .mobileModule h3.emergencyAnnouncement {
        color: #feffc4!important;
        padding: 3px 10px 3px 45px!important;
        background: url(../images/shell/bg-emergency-announcement.gif) left center no-repeat;
        font-weight: 600;
    }

    .mobileModule h3.emergencyAnnouncement span {
        color: #fff;
        font-weight: 400;
        font-size: 0.875em;
    }

    header .container #bannerTop {
        height: 80px;
        width: 100%!important;
        border: 0!important;
        background: #fff;
        -moz-box-shadow: 0px 3px 4px #333;
        -webkit-box-shadow: 0px 3px 4px #333;
        box-shadow: 0px 3px 4px #333;
    }

    #bannerTop .logo {
        width: auto;
        height: 45px;
    }

    .hdrInfo {
        top: 10px!important;
        right: 40px;
    }

    .noFullSite {
        display: block!important;
    }

    div.hiddenInfo {
        display: none;
        z-index: 10000;
        background: #fff;
        width: 85%;
        height: 250px;
    }

    #bannerTop div.searchHiddenInfo {
        display: none;
        position: relative;
        top: 80px;
        left: 0px;
        z-index: 10000;
        background: #fff;
        width: 100%;
        height: 30px;
        top: -10px;
        padding: 15px 10px;
        -moz-box-shadow: 0px 2px 4px #666;
        -webkit-box-shadow: 0px 3px 4px #666;
        box-shadow: 0px 3px 4px #666;
    }

    .mobileModule {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        position: relative;
        width: 95%;
        background-color: #ffffff;
        border-bottom: 2px solid #aaa;
        margin: 0 2.5% 10px 2.5%;
        background-image: linear-gradient(#ffffff, #eaf0f2);
    }

    .mobileModule.no {
        background: #fff!important;
    }

    .mobileModule.noMargin {
        margin: 0 2.5%!important;
    }

    .mobileModule.pad {
        padding: 10px;
    }

    .pad10 {
        padding: 10px;
    }

    .sidePad10 {
        padding: 0 10px;
    }

    .mobileModule .hdr2 {
        padding: 5px 10px;
        border-bottom: 3px solid #bfbfbf;
        background-image: linear-gradient(#f1f1f1, #f0f0f0);
    }

    .mobileModule h3 {
        padding: 10px;
    }

    .mobileModule h3.hdr {
        padding: 10px!important;
    }

    .mobileModule.pad h3 {
        padding: 0;
        font-size: 1.125em;
    }

    .mobileModule h3.no {
        padding: 0;
        color: #555;
    }

    .homeUpcomingEvents a.viewMoreEvents {
        font-size: 0.75em;
        text-decoration: none;
        font-weight: 600;
        padding: 3px 0 3px 25px;
        margin: 15px 0 0 10px!important;
        background: url(../images/shell/icon-events-calendar.png) no-repeat 0 0;
    }

    .homeUpcomingEvents a.viewMoreEvents span {
        padding: 0 10px 0 0;
        background: url(../images/shell/arrow-cta.png) no-repeat 100% 5px!important;
    }

    .homeColumn {
        width: auto!important;
        height: auto!important;
        clear: both;
    }

    .bxsliderHolder, .eventHolder {
        margin: 0 -18px;
        border-left: 0!important;
        border-right: 0!important;
        border-bottom: 1px solid #e3e3e3!important;
    }

    .eventModule {
        border-left: 1px solid #e3e3e3!important;
    }

    .homeNewsAnnouncements, .homeUpcomingEvents {
        height: auto!important;
    }

    .homeNewsAnnouncements h2 {
        margin: 0 0 10px 0;
    }

    .homeNewsAnnouncements .bxslider img {
        position: absolute;
        top: 15px;
        left: 20px;
        width: 60px;
        height: auto;
        padding: 3px;
        -moz-box-shadow: 0px 1px 3px #ccc;
        -webkit-box-shadow: 0px 1px 3px #ccc;
        box-shadow: 0px 1px 3px #ccc;
    }

    .homeNewsAnnouncements .bxslider .message h3 a {
        display: block;
        margin: 0 0 0 -10px!important;
        padding: 0!important;
        text-decoration: none;
    }

    .eventHolder h2 {
        margin: 0 0 0 10px;
    }

    .newsStory h3 a {
        margin: 0 0 0 -10px;
        font-size: 1em!important;
    }

    .eventStory h3 a {
        font-size: 1em!important;
    }

    .eventStory p {
        margin: 0 0 10px 10px;
    }

    a.viewMoreEvents {
        padding: 10px 15px 0 10px;
    }

    .homeNewsAnnouncements .bxslider .message {
        margin: 10px 30px 10px 90px;
        font-size: 0.75em;
        line-height: 1.25em;
    }

    #mobMenu {
        display: block;
        top: 30px;
        right: 55px;
        width: 32px;
        height: 32px;
    }

    #mobSearchBtn {
        display: block;
        top: 30px;
        right: 15px;
        width: 32px;
        height: 32px;
    }

    .fullContainer.top {
        float: left;
        width: 100%;
        text-align: center;
        clear: both;
        background: none;
    }

    .fullContainer {
        float: left;
        width: 100%;
        text-align: center;
        clear: both;
    }

    .container {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        clear: both;
        height: auto!important;
        height: auto;
        position: relative;
    }

    .container section {
        width: 100%!important;
        margin: 10px 0!important;
        padding: 0!important;
    }

    .container section .centerContent {
        float: none;
        width: 100%;
        margin: 10px 0!important;
    }

    .container section .fullContentNoNav {
        float: none;
        width: 100%;
        margin: 10px 0!important;
    }

    .calendar .srchMenuTop.categorySelection {margin: 10px 1%; width: 98%;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchDates li:first-child {margin-right: 20px;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchDates li:last-child {margin-left: 20px;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li:first-child {margin-right: 5px;}
    .calendar .srchMenuTop.categorySelection .dateRange ul.searchBtns li:last-child {margin-left: 5px;}
    .colMainCenterAndRight .calendar .srchMenuTop.categorySelection {width: 98%;}
    .colMainCenterAndRight.colMainWideBanner .calendar .srchMenuTop.categorySelection {width: 98%;}
    .container section .colMainCenter.centerContent.colMainWideBanner .colWideBannerCenter .announce {width: 98%; margin-left: 1%; margin-right: 1%;}

    #bannerTop .logo {
        left: 10px;
        top: 15px;
    }

    .container section {
        display: block;
        position: relative;
        border: 0!important;
        width: 94%;
        margin: 0 3%;
        min-height: 100px;
        height: auto!important;
        height: 100px;
        clear: both;
    }

    .container section .leftContent {
        float: none;
        display: block;
        width: 100%;
    }

    .container section .centerContent {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }

    .container section .centerContent.colMainCenterAndRight.searchContainer,
    .container section .centerContent.colMainFull.searchContainer,
    .container section .centerContent.colMainLeftAndCenter.searchContainer {width: 96%!important; margin-left: 2%!important; margin-right: 2%!important;}
    .colMainFull.searchContainer .srchResults .teaserContainer,
    .colMainCenterAndRight.searchContainer .srchResults .teaserContainer,
    .colMainLeftAndCenter.searchContainer .srchResults .teaserContainer {width: 100%!important; box-sizing: border-box; margin-left: 0!important; margin-right: 0!important;}
    .centerContent.searchContainer .resultTypeSelect {width: 100%}

    .container section .fullContent {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }

    .container section .rightContent {
        float: none;
        display: block;
        width: 98%;
    }

    .container section .colMainWideBanner .rightContent {margin: 10px 1%; width: 98%;}
    .container section .colMainCenterAndRight.centerContent,
    section .colMainCenterAndRight.centerContent.colMainWideBanner .contentBlock {
        width: 100%; 
        margin-left: 0; 
        margin-right: 0;
    }
    section .colMainCenterAndRight.centerContent.colMainWideBanner .colWideBannerCenter {margin-left: 0; margin-right: 0;}
    section .colMainCenterAndRight.centerContent.colMainWideBanner .contentBlock {width: 98%; margin-left: 1%; margin-right: 1%;}

    .fullContainer.breadcrumbSocial {
        height: 30px;
    }

    .fullContainer.breadcrumbSocial .socialSub {
        position: absolute;
        padding: 8px 5px 0 0;
        right: 0;
        top: -10px;
        width: auto;
        height: 25px;
        background: none;
    }

    #shareLowerContainer {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 15px;
    }

    .fullContainer.breadcrumbSocial #shareLowerNav {
        padding: 0 5px 0 0;
    }

    .container section.mobileAlt {
        width: 100%!important;
        margin: 0!important;
    }

    .footerHolder {
        float: left;
        width: 100%;
        height: auto!important;
        margin: 0 auto;
        background: #3d5663!important;
        clear: both;
        border: 0;
        -moz-box-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        border: 0!important;
    }

    #innerFooter {
        float: left;
        width: 100%;
        height: auto!important;
        padding: 15px 0;
        background: none!important;
        color: #fff;
        font-size: 0.875em;
    }

    #innerFooter .fifths {
        float: left;
        width: 100%;
        padding: 0 10px;
        line-height: 1.5em;
        min-height: 50px!important;
    }

    #innerFooter .fifths.fifty {
        float: left;
        width: 48%;
        padding: 0 10px;
    }

    #innerFooter .fifths a {
        color: #ccc;
        text-decoration: none;
    }

    #innerFooter .fifths.linkFloat {
        padding: 10px;
    }

    #innerFooter .fifths.linkFloat p {
        float: left;
        width: 49%;
        padding: 0 1% 0 0;
    }

    #innerFooter img.footerRule {
        display: block;
        width: 90%;
        height: 2px;
        margin: 10px 5%;
    }

    #innerFooter h3 {
        margin: 0 0 15px 0;
        font-size: 1em;
        text-transform: uppercase;
        text-shadow: none!important;
        font-weight: 700;
    }

    #innerFooter h3.last {
        margin: 0 0 15px 0!important;
    }

    #innerFooter .footerDark {
        float: left;
        width: 100%;
        background: #35474f!important;
        padding: 10px;
    }

    #innerFooter .fifths a:hover {
        color: #fff;
        text-decoration: none;
    }

    #innerFooter a.btn {
        float: right;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        font-size: 1em;
        background: #92aa38;
        border-top: 1px solid #afc16d;
        border-left: 1px solid #82992f;
        border-right: 1px solid #82992f;
        border-bottom: 1px solid #61781d;
        padding: 5px 10px;
        margin: 0 0 10px 0;
    }

    #innerFooter h2 {
        margin: 0 0 25px 0;
    }

    #innerFooter h3 {
        margin: 0 0 15px 0;
        text-transform: uppercase;
        font-weight: 600;
    }

    #innerFooter h3.last {
        margin: 43px 0 15px 0;
        text-transform: uppercase;
    }

    #innerFooter .copyright {
        color: #cbd1d5;
        clear: both;
        padding: 15px 20px;
    }

    .footerBottomMenu a:first-of-type{margin-left:15px}

    .returnToTop1 {
        float: left;
        display: block;
        text-align: center;
        width: 100%;
        height: 53px;
        background: #ccc url(../images/shell/bg-rtt1.gif) repeat-x;
        clear: both;
    }

    .returnToTop2 {
        float: left;
        text-align: center;
        width: 100%;
        height: 53px;
        background: #333 url(../images/shell/bg-rtt1.gif) repeat-x;
        clear: both;
    }

    .returnToTop1 a.btn, .returnToTop2 a.btn {
        position: relative;
        clear: both;
        color: #fff;
        font-weight: 600;
        font-size: 1em;
        background: #c6c6c6;
        border-top: 1px solid #ccc;
        padding: 5px 10px;
        margin: 0 auto;
        top: 17px;
        text-decoration: none;
        -moz-box-shadow: 0px 1px 4px #333;
        -webkit-box-shadow: 0px 1px 4px #333;
        box-shadow: 0px 1px 4px #666;
        text-shadow: 1px 1px 1px #666;
    }

    .fifth {
        width: 20%;
        height: auto;
    }

    .quarter {
        width: 25%;
        height: auto;
    }

    .third {
        width: 33%;
        height: auto;
    }

    .half {
        width: 50%;
        height: auto;
    }

    .twoThirds {
        width: 66%;
        height: auto;
    }

    .threeQuarters {
        width: 75%;
        height: auto;
    }

    .full {
        width: 100%;
        height: auto;
    }
    .showHideSearchBtn {
        background: url(../images/shell/bg-search.png) no-repeat center center, linear-gradient(#6284a0, #485d6f);
        position: absolute;
        -moz-box-shadow: inset 0px 1px 0px 0px #fff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
        box-shadow: inset 0px 1px 0px 0px #fff;
        background-color: #6284a0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #909090;
        cursor: pointer;
        display: block;
        top: 30px;
        right: 15px;
        width: 32px;
        height: 32px;
    }
    
    button.showHideSearchBtn:active {
        background: url(../images/shell/bg-search.png) no-repeat center center, linear-gradient(#485d6f, #6284a0);
    }

    button.showHideSearchBtn:hover, button.showHideSearchBtn:focus {
        border: 2px solid #163642;
    }

    #mobSearchBtn span {
        background: url(../images/shell/bg-search.png) no-repeat center center;
    }

    #mobSearchBtn {
        position: absolute;
        display: block;
        -moz-box-shadow: inset 0px 1px 0px 0px #fff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
        box-shadow: inset 0px 1px 0px 0px #fff;
        background-color: #6284a0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #909090;
        cursor: pointer;
        background-image: linear-gradient(#6284a0, #485d6f);
    }

    #mobSearchBtn.selected, #mobSearchBtn.active {
        background-color: #485d6f;
        background-image: linear-gradient(#485d6f, #6284a0);
    }

    #mobSearchBtn span {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #mobSearchBtn.selected span {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #bannerTop .siteSearch {
        position: absolute;
        top: 5px;
        width: 90%;
        height: 23px;
        text-align: center;
    }

    .searchTextLabel {
        position: absolute;
        top: 0;
    }

    /*  |||||||||||||||||||||||| SITE NAVIGATION |||||||||||||||||||||||| */
    #mobMenu span {
        background: url(../images/shell/bg-trigger-nav.png) no-repeat center center;
    }

    .accordion {
        padding: 0!important;
        position: relative;
        width: 100%;
        margin: 0 auto;
        background: none;
        border: none;
    }

    .showHideNavBtn {
        background: url(../images/shell/bg-trigger-nav.png) no-repeat center center, linear-gradient(#6284a0, #485d6f);
        position: absolute;
        display: block;
        -moz-box-shadow: inset 0px 1px 0px 0px #fff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
        box-shadow: inset 0px 1px 0px 0px #fff;
        background-color: #6284a0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #909090;
        cursor: pointer;
        top: 30px;
        right: 55px;
        width: 32px;
        height: 32px;
    }

    button.showHideNavBtn:active {
        background: url(../images/shell/bg-trigger-nav.png) no-repeat center center, linear-gradient(#485d6f, #6284a0);
    }

    button.showHideNavBtn:hover, button.showHideNavBtn:focus {
        border: 2px solid #163642;
    }

    #mobMenu {
        position: absolute;
        display: block;
        -moz-box-shadow: inset 0px 1px 0px 0px #fff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
        box-shadow: inset 0px 1px 0px 0px #fff;
        background-color: #6284a0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #909090;
        cursor: pointer;
        background-image: linear-gradient(#6284a0, #485d6f);
    }

    #mobMenu.selected, #mobMenu.active {
        background-color: #485d6f;
        background-image: linear-gradient(#485d6f, #6284a0);
    }

    #mobMenu span {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #mobMenu.selected span {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    nav.main {
        position: relative;
        height: 0!important;
        width: 100%!important;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .mc {
        float: left;
        width: 90%;
        background: #fff;
        margin: 0 5%;
        -moz-box-shadow: 0px 1px 2px #666;
        -webkit-box-shadow: 0px 1px 2px #666;
        box-shadow: 0px 1px 2px #666;
    }

    .mc.ten {
        margin-bottom: 10px;
    }

    /*  SLIDER / RIGHT SIDE / HOME PAGE  */

    .fullContainer.emergencies {
        height: 100px;
        background: none!important;
        -moz-box-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

    .emergenyHolder {
        width: 100%;
        padding: 0;
        height: 100px!important;
        background: #c00 url(../images/shell/bg-alert.png) no-repeat 10px 15px!important;
        display: block;
        background-image: none!important;
        margin: 0 auto!important;
        clear: both;
        position: relative;
    }

    .emergenyHolder .bx-wrapper .bx-pager {
        bottom: -10px!important;
    }

    .emergency {
        width: 100%;
        height: auto;
        text-align: left;
        margin: 0 auto;
        background-size: 30px 30px;
        clear: both;
    }

    .emergency .arrow {
        display: none!important;
    }

    .emergency h3 {
        text-transform: uppercase;
        color: #feffc4;
        font-weight: 600;
        font-size: 1em;
        margin: 10px 10px 0 10px;
        padding: 0 0 0 50px;
        background: url(../images/shell/bg-alert.png) no-repeat 0 0!important;
        background-size: 30px 30px;
    }

    .emergency h3 span {
        text-transform: none!important;
        color: #fff;
        font-weight: 400;
    }

    .emergency h3 a {
        display: block;
        color: #feffc4;
        text-decoration: none;
    }

    .emergency h3 a span {
        color: #fff;
    }

    .emergency a.cta {
        color: #feffa5;
        font-weight: 600;
        text-decoration: none;
        background: url(../images/shell/arrow-cta-emergency.png) no-repeat 100% 6px;
        padding: 0 15px 0 0;
        margin: 0 0 0 60px;
    }

    .emergency p {
        color: #4a0000;
        font-size: 0.875em;
        margin: 0 0 0 60px;
        font-weight: 600;
    }

    .alertHolder {
        width: 100%;
        height: auto;
        display: block;
    }

    .alertHolder h2 {
        position: absolute;
        font-size: 1.25em;
        font-weight: 400;
        top: 3px;
        left: 10px;
    }

    .alertHolder span {
        font-size: 0.875em;
    }

    .alertMe {
        position: relative;
        margin: 5px 0 0 0;
        width: 100%;
        height: auto;
        float: left;
        text-align: left;
        font-size: 0.875em;
        padding: 0;
        line-height: 1.2em;
        clear: both;
        list-style-type: none;
    }

    .alertMe div {
        margin: 5px 0 0 20%;
        width: 80%;
        height: auto;
    }

    .alertHolder .bx-wrapper .bx-pager {
        bottom: -25px;
    }

    .fullContainer .socialPlacement {
        width: 100%;
        text-align: right;
        float: right;
        padding: 10px 15px 5px 0;
        background: #efecdc;
    }

    .bxSliderHome {
        float: left;
        width: 100%;
        height: auto;
        clear: both;
    }

    .bxSliderCenter {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
    }

    .secondarySlider .bxSliderSecondary li .message h3 {
        padding: 0!important;
    }

    .homeScrollerMate {
        clear: both;
        float: none;
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        background: none;
        color: #fff;
        padding: 0;
        margin: 10px 0;
    }

    .homeScrollerMate .popularWrap, .homeScrollerMate .findYourWayWrap {
        clear: both;
        width: 95%;
        padding: 0 2.5%;
        min-height: 100px;
        background: #474f5c;
        margin: 7px auto 7px auto;
    }

    .homeScrollerMate h2 {
        padding: 10px 0;
    }

    h2.findYourWay {
        margin: 10px 0 0 0;
    }

    .findYourWayWrap .mapImg {
        text-align: center;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 10px auto;
    }

    p.findYourWayextraPad {
        display: block;
    }

    .homeScrollerMate .dropDownQuestions {
        top: 45px!important;
        left: 20px;
    }

    .mobileModule .dropDownQuestions {
        position: absolute;
        width: 92.5%;
        height: 31px;
        top: 45px;
        left: 10px;
        z-index: 2000;
    }

    .mobileModule .dropDownQuestions h4 {
        width: 100%;
        background: url(../images/shell/bg-home-dropdown.png) no-repeat 100% 0;
    }

    .mobileModule ul.question {
        width: 100%!important;
    }

    .mobileModule .question li {
        left: 0;
        list-style: none;
        margin: 0!important;
        padding: 0!important;
        clear: both;
        position: relative;
        z-index: 1100;
        width: 100%!important;
        height: 35px;
    }

    .mobileModule .question li a {
        width: 100%!important;
    }

    .question li a {
        position: relative;
        text-decoration: none;
        float: left;
        line-height: 35px;
        padding: 0 10px;
        width: 279px;
    }

    .question li.closeQuestion a {
        float: right;
        display: block;
    }

    .homeScrollerMate .social {
        position: absolute;
        width: 225px;
        height: 16px;
        top: 8px;
        right: 20px;
        text-align: right;
    }

    .homeScrollerMate .social a {
        margin: 0 0 0 3px;
    }

    .homeScrollerMate .social a:hover {
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .homeScrollerMate p {
        font-size: 0.8125em;
        color: #c8d4de;
        line-height: 1.3em;
    }

    .homeScrollerMate .mapImg {
        -moz-box-shadow: 0px 3px 4px #333;
        -webkit-box-shadow: 0px 3px 4px #333;
        box-shadow: 0px 3px 4px #333;
        display: block;
        text-align: center;
    }

    .homeScrollerMate a.ctaMap {
        color: #e99a3f;
        font-weight: 700;
        background: url(../images/shell/arrow-cta-map.gif) no-repeat 100% 6px;
        padding: 0 10px 0 0;
        margin: 5px 0;
        text-decoration: none;
        text-shadow: 1px 1px 1px #333;
    }

    .homeNewsAnnouncements, .homeUpcomingEvents {
        float: none;
        display: block;
        width: 100%;
        margin: 0!important;
        background: none!important;
        border: none!important;
        -moz-box-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

    .homeUpcomingEvents .eventModule {
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto;
    }

    .homeUpcomingEvents .eventModule img.event {
        width: 60px!important;
        height: auto!important;
    }

    .homeUpcomingEvents .eventModule .message {
        margin: 10px 30px 10px 90px;
        font-size: 0.75em;
        line-height: 1.25em;
    }

    .homeUpcomingEvents .eventModule h3 {
        padding: 0!important;
        font-size: 1em;
    }

    .contentBox.meetingNow {
        background: #f7fbdf;
        border: 1px solid #c7d986;
    }

    .contentBox.meetingNow h3 {
        color: #fff;
        margin: 0;
        text-shadow: 1px 1px 1px #707300;
        background: #89af00;
        padding: 7px 10px;
    }

    .announcement {
        width: 95%;
        border: 1px solid #89af00;
        border-bottom: 2px solid #89af00;
        background: #faffe2;
        padding: 5px 10px;
        font-size: 0.75em;
        line-height: 1.50em;
        margin: 0 2.5% 15px 2.5%;
    }

    .keywordSearch {
        border-left: 1px solid #89af00;
        border-right: 1px solid #89af00;
        border-top: 1px solid #89af00;
        width: 95%;
        color: #fff;
        border-bottom: 1px solid #c7bfb0;
        background-color: #406f7a;
        padding: 10px;
        font-size: 0.75em;
        line-height: 1.50em;
        margin: 0 2.5% 15px 2.5%;
        background-image: linear-gradient(#406f7a, #497c89);
    }

    .keywordSearch input {
        padding: 3px;
        font-size: 1em;
        color: #666;
        width: 200px;
        border: 1px solid #ccc;
    }

    .keywordSearch input.btn {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        background-color: #ffffff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d9d9d9));
        background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9);
        background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9);
        background-image: -ms-linear-gradient(top, #ffffff, #d9d9d9);
        background-image: -o-linear-gradient(top, #ffffff, #d9d9d9);
        background-image: linear-gradient(#ffffff, #d9d9d9);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d9d9d9');
        color: #497e8b;
        font-weight: 700;
        font-size: 1.1em;
        width: auto !important;
        padding: 2px 5px 3px 5px;
        cursor: pointer;
        background-image: linear-gradient(#ffffff, #d9d9d9);
    }

    .sortAndShow {
        padding: 3px;
        font-size: 1em;
        color: #666;
        width: 70%;
        border: 1px solid #ccc;
        margin: 0 0 15px 0;
    }

    label.sortLabel, label.showLabel {
        float: left;
        display: inline-block;
        width: 28%;
        text-align: right;
        margin: 3px 2% 0 0;
    }

    .whatsHappeningHolder {
        position: relative;
        width: 100%;
        float: none;
        clear: both;
        margin: 0 0 15px 0!important;
        border: 0;
        border-bottom: 0;
        background: #fdfdfc!important;
    }

    .centerContentHolder {
        position: relative;
        width: 100%;
        float: none;
        clear: both;
        margin: 0!important;
        border: 0;
        border-bottom: 0;
        background: #fdfdfc;
    }

    .fullContentHolder {
        position: relative;
        width: 95%!important;
        padding: 10px;
        float: none;
        clear: both;
        margin: 0 2.5% 15px 2.5%!important;
        border: 1px solid #e3e2de;
        border-bottom: 1px solid #b7b7b3;
        background: #f2f0e6;
    }

    .fullContentHolder.white {
        position: relative;
        width: 100%!important;
        padding: 10px;
        float: none;
        clear: both;
        margin: 0!important;
        border: none;
        border-bottom: none;
        background: #fff!important;
    }

    .fullContentHolder .leftSide {
        float: none;
        width: 100%;
        padding: 10px 0px!important;
    }

    .fullContentHolder .rightSide {
        float: none;
        width: 100%;
        padding: 10px 0px!important;
    }

    .splitContentHolder .leftSide {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .splitContentHolder .rightSide {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .centerContentHolder .leftSide, .centerContentHolder .leftSideSplit {
        float: none;
        width: 95%;
        padding: 0 2.5%;
        margin: 0;
        border: 0;
    }

    .centerContentHolder .rightSide, .centerContentHolder .rightSideSplit {
        float: none;
        width: 95%;
        padding: 0 2.5%;
        margin: 0;
        border: 0;
    }

    .leftSideSplit h2.centerColumn {
        border-top: 1px solid #ccc;
        border-left: 0;
        margin: -10px 0 0 0;
    }

    .rightSideSplit h2.centerColumn {
        border-top: 1px solid #ccc;
        border-right: 0;
        margin: 0;
    }

    .whatsHappeningHolder .leftSide {
        float: none;
        width: 100%;
        padding: 0;
        border-bottom: 2px solid #b7b7b3;
    }

    .whatsHappeningHolder .leftSide h2 {
        font-size: 1.25em;
        padding: 10px 10px 0 10px;
        color: #5c8994;
        background: -webkit-linear-gradient(#809fab, #487d8a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 400;
        line-height: 1.25em;
    }

    .homeUpcomingEvents.sub {
        position: relative;
        width: 100.5%;
        height: auto;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .homeUpcomingEvents.sub .eventModule {
        position: relative;
        z-index: 1;
        width: 101%;
        height: auto;
        border: 0;
        margin: 0 0 0 -1%;
        height: auto;
    }

    .rightContent .eventModule {
        position: relative;
        z-index: 1;
        width: 95%;
        height: auto;
        border: 0;
        margin: 0 2.5% 0 2.5%;
        left: 0;
        height: auto;
    }

    .rightContent .eventModule h3 {
        margin: 0 0 0 -10px;
        font-size: 1.75em!important;
    }

    .homeUpcomingEvents.sub .eventModule p {
        margin: 0 0 0 95px;
    }

    .homeUpcomingEvents.sub .eventModule img.event {
        position: relative;
        float: left;
        top: 0px;
        left: 0px;
        width: 75px;
        height: 75px;
        padding: 3px;
        margin: 0 10px 10px 0;
        background: #fff;
        border: 1px solid #efefef;
        -moz-box-shadow: 0px 1px 4px #ccc;
        -webkit-box-shadow: 0px 1px 4px #ccc;
        box-shadow: 0px 1px 4px #ccc;
    }

    .homeUpcomingEvents.sub .eventModule p {
        margin: 0 0 15px 30%;
    }

    .homeUpcomingEvents.sub img.event {
        width: 25%;
        height: auto;
    }

    .moduleOffsiteLink {
        padding: 10px 25px 5px 0;
        border-top: 1px dotted #ccc;
        margin: 0 10px;
    }

    .moduleOffsiteLink p {
        margin: 0;
    }

    .togglePanel .hiddenInfo {
        float: left;
        display: block;
        width: 100%;
        clear: both;
        height: auto;
        margin-bottom: -1px;
    }

    .togglePanel .hiddenInfo.divide {
        float: none;
        background: none!important;
        padding: 15px 0!important;
        display: block!important;
        clear: both;
    }

    .halvesHolder {
        padding: 15px 0;
    }

    .halvesHolder:first-child {
        padding: 0 0 15px 0;
    }

    .halvesHolder.stripe {
        background: #f7f6f0;
    }

    .togglePanel .hiddenInfo.divide .halves {
        float: none;
        display: block;
        width: 100%;
        padding: 0 15px;
        font-size: 1.125em;
    }

    .togglePanel .hiddenInfo.divide .halves:first-child {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #e2dfd0;
    }

    .altColorsSplit {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        margin: 0;
        padding: 15px 0;
        border-bottom: 1px solid #ccc;
    }

    .altColorsSplit:first-child {
        padding-top: 0!important;
    }

    .stripe {
        background: #f7f6f0;
    }

    .stripeLine {
        background: #f7f6f0;
    }

    /*  MAIN NAVIGATION WITH JQUERY SCRIPT  */
    ul.dropdown {
        position: relative;
        clear: both;
        display: inline;
        z-index: 10000;
        height: auto;
        list-style-type: none;
        margin: 0 auto;
        width: 100%!important;
    }

    ul.dropdown li {
        float: left;
        width: 100%; /*  MAKES SECTION SLIDE DOWN  */
        display: block;
        text-align: left;
        margin: 0!important;
        padding: 0!important;
        border-bottom: 1px solid #163642;
    }

    ul.dropdown .homeClose button.closeMenu, li.closeNav {
        background: #487D89!important;
        color: #FFF!important;
        font-weight: 700!important; 
    }

    ul.dropdown li:first-child {
        border-top: 2px solid #163642;
    }

    ul.dropdown li:last-child {
        border-bottom: 2px solid #163642;        
    }

    ul.dropdown li a {
        display: flex!important;
        align-items: center;
        background: #487D89!important;
        border-left: 2px solid #163642;
        border-right: 2px solid #163642;
        font-size: 1em;
        line-height: 30px;
        color: #FFF!important;
        text-align: justify;
        padding: 0;
        height: auto;
    }

    ul.dropdown li > a {
        padding: 10px;
    }

    ul.dropdown > li.hover > a:hover,
    ul.dropdown > li.hover > a:focus,
    ul.dropdown > li.hover > a:hover span,
    ul.dropdown > li.hover > a:focus span,
    ul.dropdown > li.hover > a:hover span em,
    ul.dropdown > li.hover > a:focus span em {
        background: #163642!important;
    }

    ul.dropdown li a span {
        display: block;
        font-size: 1em;
        color: #FFF!important;
    }

    ul.dropdown li.section a span {
        font-weight: 700;
    }

    ul.dropdown li a em {
        display: inline;
        width: 100%;
        margin: 0!important;
        font-style: normal;
        font-size: 1em;
        color: #FFF!important;
        font-style: italic;
    }
    ul.dropdown li a em {
        color: #4e5145;
        font-weight: 400;
        margin: 0 0 5px 0;
    }

    ul.dropdown li a em:before {
        content: " - ";
        font-weight: 400;
    }
    ul.dropdown li a span {
        max-height: none;
        padding: 0!important;
        line-height: 30px;
        top: 0;
    }

    ul.dropdown li.mobileBreadcrumb {
        background: #DFDFDF;
        color: #163642;
        border-left: 2px solid #163642;
        border-right: 2px solid #163642;
    }

    ul.dropdown li.mobileBreadcrumb p {
        margin: 0;
        padding: 10px;
        line-height: 20px;
        font-size: 0.9em;
    }

    ul.dropdown li.mobileBreadcrumb p a {
        display: inline!important;
        color: #163642!important;
        background: none!important;
        font-weight: 600;
        border: none;
        border-bottom: 1px dotted #163642;
        line-height: 1.85em;
    }

    ul.dropdown li.mobileBreadcrumb p a:hover,
    ul.dropdown li.mobileBreadcrumb p a:focus {
        border-bottom: 1px solid #163642;
    }

    ul.dropdown ul {
        display: none!important;
    }

    li .homeClose {
        position: relative;
        width: 100%;
    }
    
    li .homeClose button.closeMenu, li.closeNav a {
        width: 100%;
        display: flex!important;
        align-items: center;
        text-align: justify;
        font-family: 'Open Sans', sans-serif;
        border-left: 2px solid #163642;
        border-right: 2px solid #163642;
        border-top: 2px solid #163642;
        border-bottom: none;
        background: #487D89!important;
        color: #FFF!important;
        text-decoration: none;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 2000;
        font-size: 1em;
        font-weight: 600;
        line-height: 24px;
    }

    li div.homeClose button.closeMenu:hover,
    li div.homeClose button.closeMenu:focus,
    li div.homeClose button.closeMenu:hover span,
    li div.homeClose button.closeMenu:focus span {
        background-color: #163642!important;
    }

li .homeClose button.closeMenu span, li.closeNav a span {
        margin: 0;
        display: flex;
        width: auto;
        line-height: 30px;
        max-height: none;
        padding: 10px;
    }

    li .homeClose button.closeMenu span.closeIcon, li.closeNav button span.closeIcon {
        background-image: url(../images_portal/shell/portal-sub-nav-close.png)!important;
        background-position: center!important;
        background-size: 175%!important;
        padding: 10px;
        margin-left: auto;
        margin-right: 13px;
        height: 30px;
        width: 30px;
    }

    a.backHome {
        position: absolute;
        top: 0;
        left: 10px;
        background: url(../images/shell/bg-home.png) no-repeat center center;
        display: block;
        width: 30px;
        height: 30px;
        text-decoration: none;
    }

    ul.dropdown .homeClose .searchHiddenInfo {
        display: block;
    }
    /*  /END MAIN NAVIGATION WITH NEW JQUERY SCRIPT  */

    /*  TriggerTop NAVIGATION MOBILE CHANGES  */
    .triggerTop {
        float: left;
        width: 100%;
        position: relative;
        top: -1px;
        clear: both;
    }

    /*  SUBPAGE MOBILE STAND ALONE STYLES  */

    .badgeHolder {
        background-color: #f9f8f4;
        border-left: 1px solid #dadad9;
        border-right: 1px solid #dadad9;
        border-bottom: 1px solid #c7c6c4;
        text-align: center;
        padding: 5px 0;
        background-image: linear-gradient(#f9f8f4, #e3e3e0);
    }

    .container section .rightContent .contentBox {
        position: relative;
        width: 95%;
        padding: 0px 2.5%;
        background: none;
        border: 0;
        font-size: 0.75em;
        margin: 0;
    }

    /*  VERTICAL SUBNAV FOR MOBILE  */

    li.clicker a span 
	{
        color: #43747f!important;
        display: inline-block;
    }

    nav.sub div.subNavButton span.closeIcon,
    nav.sub ul li span.subMenuExpand,
    nav.sub ul li span.subMenuCollapse {
        width: 30px;
        margin-left: auto;
        height: 30px;
        background-size: 175%;
        background-position: center;
    }

    nav.sub div.subNavButton span.closeIcon {
        margin-right: 13px;
        background-image: url(../images_portal/shell/portal-sub-nav-close.png);
        background-size: 175%!important;
        min-width: 30px;
    }
    nav.sub ul li span.subMenuExpand {
        margin-right: 5px;
        background-image: url(../images_portal/shell/portal-sub-menu-expand.png);
        background-size: 175%!important;
        min-width: 30px;
    }
    nav.sub ul li span.subMenuCollapse {
        margin-right: 5px;
        background-image: url(../images_portal/shell/portal-sub-menu-collapse.png);
        background-size: 175%!important;
        min-width: 30px;
    }
    
   nav.sub {
        background: #487D89;
        border: 2px solid #163642!important;
        width: 85%;
        position: absolute;
        top: -53px;
        z-index: 10000;
        color: #FFF;
    }

    nav.sub ul ul li.active > a {
        background: #366877!important;
    }

    nav.sub .hideOnDesktop {
        display: block;
    }

    nav.sub li.subNavBorder, 
    nav.sub a.subNavBorder, 
    nav.sub span.subNavBorder,
    nav.sub button.subNavBorder {
        border-bottom: 1px solid #163642!important;
    }

    nav.sub li.noSubNavBorder {
        border: none!important;
    }

	nav.sub .subNavButton button {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #163642!important;
    	background: #487D89;
    	border: none;
    	color: inherit;
    	outline: none;
        width: 100%;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 14.4px;
	}
    
    nav.sub .subNavButton button span {
        display: flex;
        align-items: center;
        padding: 10px;
        line-height: 30px;
    }

    nav.sub .subNavButton button img {
		height: 45px;
		width: 55px;
        display: inline;
        margin-left: auto;
    }

    nav.sub .subNavButton .subNavClose {
		float: right;
	}
    
    nav.sub .subNavButton button:hover, 
    nav.sub .subNavButton button:focus {
        background: #163642!important;
	}

    nav.sub a, 
    nav.sub ul li a, 
    nav.sub ul ul li a, 
    nav.sub ul ul li ul li a {
        padding: 10px;
    }

    nav.sub li {
        width: 100%!important;
        background: #487D89!important;
    }

    nav.sub li.rule {
        display: none!important;
    }

    nav.sub ul.mobileSubNav {
        text-align: left;
    }

    nav.sub ul {
        float: none;
        position: relative;
        width: 100%;
    }

    nav.sub li.mobileNavBreadcrumb {
        font-size: 0.9em!important;
    }

    nav.sub li.mobileNavBreadcrumb p {
        padding: 10px;
        background: #DFDFDF!important;
        color: #163642;
        margin: 0;
    }

    nav.sub li.mobileNavBreadcrumb p a {
        display: inline;
        color: #163642;
        font-weight: 600;
        border-bottom: 1px dotted #163642!important;
        padding: 0;
        background: transparent!important;
        line-height: 1.8em;
    }

    nav.sub li.mobileNavBreadcrumb a:hover,
    nav.sub li.mobileNavBreadcrumb a:focus {
        border-bottom: 1px solid #163642!important;
        color: #163642!important;
        background: none!important;
    }

    nav.sub ul li a {
        line-height: 30px;
        border: none!important;
    }

    nav.sub > ul > li, 
    nav.sub > ul > ul > li {
        border-bottom: 1px solid #163642;
    }

    nav.sub .activeSubMenu {
        border-bottom: none;
    }

    nav.sub .activeSubMenu a img,
    nav.sub .activeSubMenu span img {
        visibility: hidden;
    }

    nav.sub ul ul li a {
        line-height: 30px;
        display: flex;
        align-items: center;
        font-size: 1em!important;
        color: #FFF;
        width: 100%;
        background: #487D89!important;
    }

    nav.sub li.mobileNavMainLinks > button {
        display: flex;
        align-items: center;
        width: 100%;
        background: #487D89;
        border: none;
        padding: 10px;
        font-family: 'Open Sans', sans-serif!important;
        font-size: 1em;
        font-weight: 600;
        color: #FFF;
        outline: none;
    }

    nav.sub ul ul li a img, 
    nav.sub li.mobileNavMainLinks span img {
        
        display: inline;
        margin-left: auto;
        overflow: visible!important;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none; 
    }

    nav.sub ul ul li.activeSubMenu span:hover, 
    nav.sub ul ul li.activeSubMenu span:focus {
        background: none!important;
    }

    nav.sub ul li a:hover, 
    nav.sub ul li a:focus, 
    nav.sub ul ul li a:hover, 
    nav.sub ul ul li a:focus,
    nav.sub ul ul li ul li a:hover, 
    nav.sub ul ul li ul li a:focus {
        background: #163642!important;    
        color: #FFF!important;
    }

    nav.sub ul ul li ul li a {
        font-size: 1em!important;
    }

    nav.sub li.mobileNavMainLinks li,
    nav.sub ul ul ul li {
        border-bottom: 1px solid #163642;
    }

    nav.sub ul ul li a span em {
        font-weight: 400!important;
    }

    nav.sub ul ul li ul, nav.sub li.mobileNavMainLinks > ul {
        border-left: 10px solid #163642!important;
    }

    nav.sub ul ul li ul li a,
    nav.sub li.mobileNavMainLinks a {
        color: #FFF;
        width: 100%;
        font-weight: 600!important;
        font-family: 'Open Sans', sans-serif!important;
        padding-left: 20px;
        line-height: 25px;
        background: #487D89!important;
    }
    
    nav.sub li.mobileNavMainLinks > button:hover, 
    nav.sub li.mobileNavMainLinks > button:focus {
        background: #163642!important;    
        color: #FFF!important;
    }

    ul.mobileSubNav ul > li > ul {
        margin-bottom: 0px!important;
    }

    .rfprfq {
        background: #fff;
        margin: 10px 2%;
        padding: 10px;
        width: 97%;
        border: 1px solid #f0f0f0;
        -moz-box-shadow: 0px 4px 4px #ccc;
        -webkit-box-shadow: 0px 4px 4px #ccc;
        box-shadow: 0px 4px 4px #ccc;
    }

    .rfprfq label {
        float: right;
        display: inline-block;
        width: 90%;
        text-align: left;
        clear: both;
    }

    .rfprfq p {
        width: 100%;
        clear: both;
    }

    span.sort {
        float: none!important;
        clear: both;
        margin: 10px;
        width: 100%;
        text-align: center;
    }

    span.sort .barPad {
        margin: 0 15px;
        color: #ccc!important;
    }

    h3.showSort, h3.showSort2 {
        cursor: pointer;
        font-size: 1.125em;
        color: #a86600!important;
        background: url(../images/shell/toggleArrowRight.png) right center no-repeat;
        padding-right: 20px!important;
    }

    h3.arrowDown {
        cursor: pointer;
        font-size: 1.125em;
        color: #e99a3f!important;
        background: url(../images/shell/toggleArrowDown.png) right center no-repeat!important;
    }

    .hiddenSort {
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
        border-top: 1px solid #ccc;
    }

    .hiddenSort label {
        float: right;
        display: block;
        width: 88%;
        text-align: left;
        clear: both;
        margin-bottom: 10px;
    }
    /*  GALLERY  */

    .gallery.full {
        margin: 0;
    }

    .gallery .module, .gallery.full .module {
        float: left;
        width: 94%;
        margin: 0 3% 20px 3%;
        height: auto!important;
        overflow: visible!important;
        font-size: 1em;
        text-align: center;
    }

    .gallery .module img {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        text-align: center;
        height: auto;
        background: #fff;
        padding: 8px;
        border: 1px solid #d3d3d3;
        -moz-box-shadow: 0px 3px 3px #ccc;
        -webkit-box-shadow: 0px 3px 3px #ccc;
        box-shadow: 0px 3px 3px #ccc;
    }

    .gallery .module p {
        text-align: left;
        margin: 10px 0;
    }

    .fullSizeView img {
        position: relative;
        z-index: 1;
        margin-top: -34px;
    }

    .fullSizeView h1 {
        position: relative;
        height: 34px;
        line-height: 1.25;
    }


    #google_translate_element {
        padding-left: 10px;
    }

    .notranslate {} /*class for editors to use on headings, paragraphs and spans as desired to prevent Google from translating the content*/


    .mobileScreenReaderOnly {
        display: block;
        position: absolute !important;
        top: -1000em !important;
    }

    .content img.noBorderRight
    {
        max-width: 390px;
    }
    #wowslider-container1 .ws-title span {
        line-height: 1.5em;
    }
    #wowslider-container1 .ws-title div {
        margin-top: 0!important;
    }

    a.cta.hideOnDesktop {
        display: inline;
    }

    li.clicker {
        display: list-item;
        background: url(../images/shell/bg-home-dropdown.png) 100% 0 no-repeat;
    }

    .mapPreview img {
        width: 100%;
    }
    .mapEmbedInteractive object {
        width: 103%;
    }
    .colMainCenter .contentBlock .content img {
        max-width: 100%!important;
    }

    .hideOnDesktop {
        display: block;
    }

    .gradient1 a {
        border-bottom: none;
    }

    .gradient1 .gradImage {
        width: 115px;
    }

    .gradient1 div {
        display: inline-block;
        height: 90px;
        margin-left: 10px;
    }

    .gradImage{display:none}

    .centerContent .home .contentBlock.homeFeatDir .content {padding: 0;}
    .centerContent .home .contentBlock.homeFeatDir .columnContainer .columnLeft,
    .centerContent .home .contentBlock.homeFeatDir .columnContainer .columnRight {
        margin: 0 0 0.65em 0;
        width: 100%;
    }
    .centerContent .home .contentBlock.homeFeatDir .columnContainer .columnLeft a.imgLink img,
    .centerContent .home .contentBlock.homeFeatDir .columnContainer .columnRight a.imgLink img {
        margin: 0;
        width: 100%;
    }
    .centerContent .home .contentBlock.homeFeatDir .columnContainer .columnLeft .content,
    .centerContent .home .contentBlock.homeFeatDir .columnContainer .columnRight .content {
        padding: 0;
    }
    .featuredList {width: 100%; margin: 1em 1% 0 1%;}
    .featuredList ul.noBullet li {display: block; width: 230px; margin: 1.5em auto;}
    .featuredList ul.noBullet li:first-child {margin-top: 0.5em;}
    .featuredList ul.noBullet li:last-child {margin-bottom: 0.5em;}
    .centerContent .home .contentBlock.homeFeatDir.featImg75 ul.noBullet li,
    .centerContent .home .contentBlock.homeFeatDir.featImg120 ul.noBullet li {
        flex: 1 0 50%;
    }
    .centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet,
    .centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet {
        display: block;
    }
    .centerContent .home .contentBlock.homeFeatDir.featImg195 ul.noBullet li {width: 195px; margin-left: auto; margin-right: auto; display: block;}
    .centerContent .home .contentBlock.homeFeatDir.featImg300 ul.noBullet li {width: 300px; margin-left: auto; margin-right: auto; display: block;}


    .countdownClock {
        justify-content: space-around;
    }
    .announce {
        overflow: hidden;
        word-break: break-word;
    }
    .sonomaHomeBody .home #marquee {display: block; overflow:hidden; width: 102%;}
    .sonomaHomeBody .home #marquee #wowslider-container1 {width: 100%; margin-bottom: 0;}
    .sonomaHomeBody .home #marquee .bannerList {min-height: auto; height: auto;}

    .timelineContainer {padding: 15px 0;}
    .timelineContainer .outerSeparator {width: 40px;}
    .timelineContainer .outerSeparator div:first-child {height: 20px;}
    .timelineContainer .outerSeparator div:last-child {height: 20px;}
    .timelineContainer .stepContainer .stepDotContainer .stepDot {min-height: 40px; min-width: 40px; border-radius: 20px;}
    .timelineContainer .stepContainer .stepDotContainer .stepDot .stepNum {font-size: 20px;}
}

/* |||||||||||||||||||||||||||||||||||||||| Portrait |||||||||||||||||||||||||||||||||||||||| */
@media screen and (orientation:portrait ) and (min-width: 0px) and (max-width: 790px) {
    body {
        font-size: 90%!important;
    }

    #bannerTop {
        height: 80px!important;
    }

    #bannerTop .logo {
        width: auto;
        top: 20px;
        height: 45px!important;
    }

    .headerText1 {
        margin: 0 0 0 0px;
        font-size: 0.6em !important;
        padding-left: 70px;
    }

    .headerText2 {
        margin-left: 70px;
        font-size: 1.0em !important;
    }

    .gradient1 div {
        margin-left: 10px;
        background: url("/images_portal/shell/sonoma_county_logo_65.png") no-repeat 0 8px;
    }

    #mobMenu, .showHideNavBtn {
        display: block;
        top: 30px;
        right: 55px;
        width: 32px;
        height: 32px;
    }

    #mobSearchBtn, .showHideSearchBtn {
        display: block;
        top: 30px;
        right: 15px;
        width: 32px;
        height: 32px;
    }

    #mobMenu span {
        background: url(../images/shell/bg-trigger-nav.png) no-repeat center center!important;
    }

    .emergenyHolder .bx-wrapper .bx-pager {
        bottom: -30px!important;
    }

    .form #txtaMessage { height: 150px; }
}
/*  end portrait  */

/* |||||||||||||||||||||||||||||||||||||||| Landscape |||||||||||||||||||||||||||||||||||||||| */
@media screen and (orientation:landscape) and (min-width: 0px) and (max-width: 790px) {
    body {
        font-size: 110%!important;
        -webkit-text-size-adjust: 95%!important;
    }

    #bannerTop {
        height: 90px!important;
    }

    #bannerTop .logo {
        width: auto!important;
        height: 60px!important;
    }

    #mobMenu, .showHideNavBtn {
        top: 30px;
        right: 75px;
        width: 50px;
        height: 40px;
    }

    #mobSearchBtn, .showHideSearchBtn {
        top: 30px;
        right: 15px;
        width: 50px;
        height: 40px;
    }

    #bannerTop h1 {
        line-height: 1.1em!important;
        top: 10px!important;
        left: 90px!important;
        text-align: left!important;
    }

    #bannerTop h1 span {
        display: block;
    }

    #mobMenu span {
        background: url(../images/shell/bg-trigger-nav.png) no-repeat center center!important;
    }

    .emergenyHolder .bx-wrapper .bx-pager {
        bottom: -30px!important;
    }
}
/*  end landscape  */

@media only screen and (min-device-width : 320px) and (max-device-width : 340px) and (min-width: 0px) and (max-width: 790px) {
    .emergenyHolder .bx-wrapper .bx-pager {
        bottom: -10px;
    }
}

@media only screen and (max-device-width: 340px) and (min-width: 0px) and (max-width: 790px) {
    .scrollable table.tableBorder.acctngTable th[scope="col"], .scrollable table.tableBorder td {
        font-size: 0.9em;
        padding: 0.4em 0.2em;
    }
}

@media print {
    * {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }
    body {
        background: none;
    }
    a img
    {
        -webkit-transition:none;
        -moz-transition:none;
        -ms-transition:none;
        -o-transition:none;
        transition:none;
        -webkit-filter:initial;
        -moz-filter:initial;
        -o-filter:initial;
        filter:initial;
    }
    
    div.triggerTop, nav.sub ul li a, .fullContainer.breadcrumbSocial, div.returnToTop1.mobile, div.returnToTop2.mobile, div.fifths, div.socialPlacement, div.pageBannerScroller, .srchMenu
    .showHideSearchBtn, .showHideNavBtn, #wowslider-container1, #translationLinks, .mobileModule, .hdrAlone.darkorange, .contentBox.sidePad10,
    .announcement.extensionHolder,#searchSlidingContent,.showHideSearchBtn,#bannerTop .siteSearch,.fullContainer.mobile,nav.main,.container section .leftContent, .pageBanner, .ytvideo, .rctCustomTitle, .rctCustomContainer, #selSortByBottom, label[for=selSortByBottom],
    label[for=selResultsPerPageBottom], #selResultsPerPageBottom, .srchPaging, .stayConnected, .footerHolder, .readMore, nav.sub,
    .heroCaption h1, #stripes, .btnSbmt, .ctaButton,.ektron-ux,.ektron-ux-UITheme {
        display: none!important;
    }
    
    body,.container{width:100%}
    .container section,.container section .centerContent{float:none;margin-left:0;margin-right:0;overflow:hidden;width:100%}
    .fullContainer.top,.container section.fullContent{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
    header .container #bannerTop{border-bottom:none!important;box-shadow:none!important}
    .gradient1,.cta,.columnTitle h2,.columnTitle h3{-webkit-print-color-adjust:exact !important;color-adjust:exact !important}
    .whatsHappening li:not(.last){border-bottom:0!important}
	
	.container section .rightContent{float:none}
	.container section .rightContent .contentBox{margin-bottom:30px;padding-bottom:10px;width:219px}
    @-moz-document url-prefix()
    {
        .contentBlock .content{padding-left:0;padding-right:0}
    }
    .contentBlock ul,.contentBlock ol{display:block}
    .vcard{border:1px solid #ccc!important;display:block}
	.vcard .logoContainer{margin-left:-18px;width:218px}
	.vcard div{border-top:0!important}
    .vcard .getDirections{display:none}
  
    .fullContainer.content {
        background: #ffffff!important;
    }
    .colMainCenter .whatsHappening li,.colMainCenter .whatsHappening li.featured{width:100%}
    .whatsHappening .featured{border:0!important;margin:0!important}
    .whatsHappening .featured .titles,.whatsHappening .featured .content{border:0!important}
    .whatsHappening .featured .thumbnail {
        margin-left: 0!important;
    }

    .permitHistoryLookup.desktop {
        display: block!important;
        visibility: visible!important;
    }
    .permitHistoryLookup.mobile {
        display: none!important;
    }
    .parcelReportSearchContainer {
        display: none;
    }
}