/*@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;700&family=Fira+Sans+Extra+Condensed:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,700&display=swap);
@import url(https://use.fontawesome.com/releases/v5.15.3/css/all.css);

*/

.tbold a, .tbold a:link, .tbold a:visited, .text2 a, .text2 a:link, .text2 a:visited {
    color: inherit
}

.tbold, .text2, body {
    font-size: 16px
}

.mainFont, body {
    font-family: "Open Sans",Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif
}

#sideBar #sideAccessibility, #sideBar #sideSearch {
    margin-bottom: 10px;
    display: block !important
}

#headerIconTab, #headerIcons, #sideBar, #sideBarTab, #skipToContent, header {
    position: absolute
}

#header, #headerLogo, #rotator, #topBar {
    position: relative
}

#bottomNav a, .mainButtons, .menu_toggle a, .secondaryHover, .underlineHover {
    text-decoration: none
}

#animal_control_div a, #headerSearch, #missing_div a, #missing_persons_div a, #mobile-menu, #mobile-sticky-top, #public_health_div a, #searchForm, #special_alerts_div a, #topAccessibility, .rotator_controls .mobilePhone, .rotator_controls .searchTrigger {
    display: none
}

#bodyContainer, #footerTop, .text2 {
    line-height: 1.5
}

#sideBar, .alerts, .alerts_title, .rotator_controls, .search-button {
    text-align: center
}

#modal, body {
    background-color: #fff
}

:root {
    --primary: #0F4775;
    --secondary: #0074C7;
    --accent: #B3D3EC;
    --accent2: #15B3DB;
    --text: #000000;
    --primaryOpaque: rgba(15, 71, 117, .9);
    --secondaryOpaque: rgba(100, 16, 49,0.9);
    --accentOpaque: rgba(193, 220, 244, .9);
    --mainFont: "Open Sans",Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --headingFont: "Crimson Text",Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;
    --condensedFont: "Fira Sans Extra Condensed",Impact,"Franklin Gothic Bold",sans-serif
}

.primaryText {
    color: #0f4775;
    color: var(--primary)
}

.poll_view_btn:focus, .poll_view_btn:hover, .poll_vote_btn:focus, .poll_vote_btn:hover, .primaryBack {
    background: #0f4775;
    background: var(--primary)
}

.primaryFill {
    fill: #0F4775;
    fill: var(--primary)
}

.primaryStroke {
    stroke: #0F4775;
    stroke: var(--primary)
}

.secondaryHover:focus, .secondaryHover:hover, .secondaryText {
    color: #0074c7;
    color: var(--secondary)
}

.secondaryBack {
    background: #0074c7;
    background: var(--secondary)
}

.secondaryFill {
    fill: #0074C7;
    fill: var(--secondary)
}

.secondaryStroke {
    stroke: #0074C7;
    stroke: var(--secondary)
}

#headerIcons i:focus + span, #headerIcons i:hover + span, #headerIcons img:focus + span, #headerIcons img:hover + span, .boldNavItems i:focus + span, .boldNavItems i:hover + span, .eventContainer:focus .eventText, .eventContainer:hover .eventText, .menu_toggle a:hover, .tbold a, .text2 a {
    text-decoration: underline
}

.accentText {
    color: #b3d3ec;
    color: var(--accent)
}

.accentBack {
    background: #b3d3ec;
    background: var(--accent)
}

.accentFill {
    fill: #B3D3EC;
    fill: var(--accent)
}

.accent2Text {
    color: #15b3db;
    color: var(--accent2)
}

.accent2Back {
    background: #15b3db;
    background: var(--accent2)
}

.mainText {
    color: #0f4775;
    color: var(--text)
}

.primaryOpaque {
    background: rgba(15,71,117,.9);
    background: var(--primaryOpaque)
}

.secondaryOpaque {
    background: rgba(100,16,49,.9);
    background: var(--secondaryOpaque)
}

.accentOpaque {
    background: rgba(193,220,244,.9);
    background: var(--accentOpaque)
}

.blue1 {
    background: #00205b
}

.blue2 {
    background: #093677
}

.blue3 {
    background: #0c3f83
}

.blue4 {
    background: #124d94
}

.blue5 {
    background: #1d67b6
}

.blue6 {
    background: #2478cc
}

.mainGradient {
    background: #b3d3ec;
    background: -moz-linear-gradient(top,#b3d3ec 0,#fff 100%);
    background: -webkit-linear-gradient(top,#b3d3ec 0,#fff 100%);
    background: linear-gradient(to bottom,#b3d3ec 0,#fff 100%)
}

.mainFont {
    font-family: var(--mainFont)
}

.headingFont {
    font-family: "Crimson Text",Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;
    font-family: var(--headingFont);
    font-weight: 400
}

.condensedFont {
    font-family: "Fira Sans Extra Condensed",Impact,"Franklin Gothic Bold",sans-serif;
    font-family: var(--condensedFont)
}

.tbold {
    font-weight: 700 !important
}

.alerts_title > a, .galleryListItems a, a.alerts_div {
    text-decoration: none !important
}

.ptitles, .ptitles2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    color: #0f4775;
    color: var(--primary)
}

.subheadings, .subtitles, body {
    font-weight: 400
}

#sideBar > div, .banner-text {
    margin-bottom: 5px
}

.search_titles, .size20 {
    font-size: 20px !important
}

.subtitles {
    font-size: 24px;
    line-height: 1
}

.subheadings {
    font-size: 30px;
    text-transform: none
}

#bottomNav, #bottomNav > ul > li > ul > li > a:focus, #bottomNav > ul > li > ul > li > a:hover, #headerIcons, #homeMap h3, .banner-title, .boldNavItems, .dateBox, .poll_question {
    font-weight: 700
}

#respectLine1, #respectLine2, .alerts {
    text-transform: uppercase
}

img.cboxElement {
    margin: 10px 0 2px
}

body {
    min-width: 320px;
    /*color: #0f4775;
    color: var(--text);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word*/
}

#skipToContent {
    left: -1000px
}

header {
    width: 100%
}

#topBar {
    color: #fff;
    z-index: 3;
    padding: 8px 55px 8px 20px
}

#headerIcons {
    left: -20px;
    top: -8px;
    padding: 2px 5px;
    background: #0074c7;
    background: var(--secondary);
    height: 53px;
    width: 470px
}

#headerIconTab {
    border-bottom: 53px solid transparent;
    border-left: 53px solid #0074c7;
    border-left: 53px solid var(--secondary);
    width: 53px;
    right: -53px;
    top: 0
}

#sideBarTab, .rotator_controls_tab {
    border-bottom: 45px solid transparent;
    border-right: 45px solid #0074c7
}

#headerLogo {
    z-index: 3;
    float: left;
    background: rgba(255,255,255,.5);
    border-radius: 50px;
    box-shadow: 0 0 30px 0 #fff;
    padding: 20px 10px 0;
    margin-left: 70px
}

#banner-link, #rotator_desc, .banner-text, .banner-title {
    background: #fff
}

#header {
    z-index: 2
}

.boldNavItems {
    border-left: 2px solid #15b3db;
    border-left: 2px solid var(--accent2)
}

#bottomNav {
    font-size: 20px;
    padding-right: 50px
}

    #bottomNav > ul > li > a {
        padding: 30px 10px;
        display: block;
        font-weight: 800;
        letter-spacing: -1px
    }

        #bottomNav > ul > li > a:focus, #bottomNav > ul > li > a:hover {
            background: #0074c7;
            background: var(--secondary);
            color: #fff !important;
            text-decoration: underline !important
        }

    #bottomNav > ul > li > ul {
        background: #0f4775;
        background: var(--primary);
        font-size: 16px;
        font-weight: 400;
        border-top: 6px solid #0074c7;
        border-top: 6px solid var(--secondary);
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 10px;
        min-width: 330px
    }

        #bottomNav > ul > li > ul > li {
            border-left: 1px solid #0074c7;
            border-left: 1px solid var(--secondary);
            color: #fff;
            margin-left: 30px;
            text-transform: none
        }

.mainMenu > li:focus-within, .mainMenu > li:focus > a, .mainMenu > li:hover > a {
    background: #0074c7;
    background: var(--secondary);
    color: #fff !important;
    text-decoration: underline !important
}

.dropPosition, .dropPosition2, .dropPosition3, .dropPosition4, .dropPosition5 {
    top: 100%
}

#bottomNav .dropPosition {
    left: -87px
}

#bottomNav .dropPosition2 {
    left: -105px
}

#bottomNav .dropPosition3 {
    left: -92px
}

#bottomNav .dropPosition4 {
    left: -99px
}

#bottomNav .dropPosition5 {
    left: -73px
}

#sideBar {
    top: 0;
    right: 0;
    color: #fff;
    z-index: 3;
    width: 45px
}

    #sideBar i {
        font-size: 22px
    }

    #sideBar #sideAccessibility {
        padding-bottom: 10px;
        border-bottom: 2px solid #15b3db;
        border-bottom: 2px solid var(--accent2)
    }

#sideBarTab {
    z-index: 1;
    height: 95px;
    width: 45px;
    border-right: 45px solid var(--secondary);
    bottom: -91px;
    right: 0
}

#rotator {
    z-index: 0;
    padding-top: 39px
}

#rotator_desc {
    max-width: 680px;
    padding: 10px 20px;
    overflow-y: auto;
    position: absolute;
    bottom: 45px;
    right: 20%
}

.rotator_controls {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 235px;
    color: #fff;
    padding: 0 12px 10px 11px;
    font-size: 22px;
    width: 45px
}

    .rotator_controls span {
        display: block;
        cursor: pointer;
        margin: 5px 0
    }

.rotator_controls_tab {
    z-index: 1;
    height: 65px;
    width: 45px;
    border-right: 45px solid var(--secondary);
    position: absolute;
    bottom: -51px;
    right: 0
}

#banner-link:focus, #banner-link:hover, #mainBody .mainButtons:focus, #mainBody .mainButtons:hover, .galleria-theme-classic .galleria-counter {
    color: #fff
}

.mainButtons {
    padding: 20px 0;
    position: relative
}

    .mainButtons:focus, .mainButtons:hover {
        padding: 20px;
        background: #0074c7 !important;
        background: var(--secondary) !important;
        color: #fff
    }

#banner-sub-text:after {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    margin-left: 10px
}

.bannerLine {
    height: 2px;
    width: 70%
}

#homeMap:before, .blueSwoosh, .valuesSwoosh {
    width: 100%;
    position: absolute
}

.banner-title {
    font-size: 27px;
    margin: 10px 0
}

.blueSwoosh {
    bottom: 0
}

#coreValues {
    color: #fff;
    position: relative;
    padding-bottom: 65px;
    z-index: 1
}

.valuesSwoosh {
    bottom: 0;
    z-index: 0;
    left: 0
}

.respectIcon {
    position: relative;
    z-index: 1
}

.valueLine {
    height: 2px;
    width: 60%
}

#valuesText {
    max-width: 560px;
    margin: 10% auto 0;
    position: relative;
    z-index: 10
}

#mainBody {
    padding: 25px 10px
}

    #mainBody h2 {
        width: 90%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #15b4db;
        border-bottom: 2px solid var(--accent2)
    }

    #mainBody p, .cardText {
        line-height: 1.6
    }

.homeBorder {
    border-right: 2px solid #15b4db;
    border-right: 2px solid var(--accent2)
}

#homeMap {
    margin: 30px 0 75px;
    padding: 32px 20px 32px 0;
    width: 60%;
    height: 120px
}

    #homeMap img {
        position: absolute;
        right: -150px;
        top: -25px
    }

    #homeMap:before {
        content: "";
        height: 120px;
        left: -100%;
        top: 0;
        background: #0f4775;
        background: var(--primary)
    }

    #homeMap h3 {
        font-size: 24px;
        color: #fff;
        line-height: 1.2;
        margin: 0
    }

#mainBody .mainButtons {
    font-size: 20px;
    font-weight: 600
}

#searchForm {
    position: absolute;
    width: 275px;
    left: -275px;
    font-size: 16px;
    top: 39px;
    padding: 10px 0 10px 10px;
    background: #0074c7;
    background: var(--secondary)
}

.margin0, .search-form, .search-input {
    margin: 0 !important
}

#pollBox, .search-form {
    position: relative
}

.search-button {
    position: absolute;
    right: 3px;
    top: 4px;
    width: 40px;
    background: 0 0;
    color: #0f4775;
    border: none;
    font-size: 20px;
    border-left: 1px solid #0074c7
}

#buttonRow {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    position: relative
}

    #buttonRow a {
        padding: 35px 0
    }

    #buttonRow strong {
        display: block;
        font-weight: 700
    }

#feedContainer {
    background: #f7f8f9;
    padding: 50px 0;
    overflow: hidden
}

#newsSwoosh {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0
}

.cardBox {
    box-shadow: 0 0 10px 0 #ddd;
    max-width: 350px;
    min-height: 320px;
    margin: 10px auto;
    position: relative;
    z-index: 1;
    background: #fff
}

.cardImage {
    width: 100%;
    max-width: 301px;
    height: 207px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto
}

.cardTitle {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.2
}

.cardDate {
    position: absolute;
    bottom: 20px
}

.moreButton {
    position: absolute;
    bottom: -20px;
    right: -20px;
    color: #fff;
    transform: skew(25deg,0deg);
    padding: 10px 20px
}

#pollHeading img, .alerts, .latestNewsBox, .newsLinkBox {
    position: relative
}

.moreButton span, .poll_view_btn span, .poll_vote_btn span {
    transform: skew(-25deg,0deg);
    display: block
}

.newsLinkBox {
    color: #fff;
    top: 200px;
    z-index: 2
}

.latestNewsBox {
    top: -20px;
    left: 40px;
    display: inline
}

#calendarLink, #calendarTab, #modal, .latestNewsTab {
    position: absolute
}

#animal_control_div a.first, #footerMiddle strong, #missing_div a.first, #missing_persons_div a.first, #public_health_div a.first, #respectLine1, #respectLine2, #respectLine3, #special_alerts_div a.first, .main-button {
    display: block
}

.latestNewsTab {
    border-bottom: 52px solid transparent;
    border-left: 52px solid #0074c7;
    border-left: 52px solid var(--secondary);
    width: 52px;
    left: 240px;
    top: 63px
}

#calendarLink {
    top: -62px;
    left: 0;
    font-size: 30px
}

    #calendarLink:after {
        content: "";
        height: 100%;
        width: 50px;
        background: #0074c7;
        transform: skewX(-20deg)
    }

#calendarTab {
    border-top: 61px solid transparent;
    border-left: 61px solid #0074c7;
    border-left: 61px solid var(--secondary);
    width: 61px;
    right: -61px;
    top: 0
}

#map, #wrapper, .alerts {
    width: 100%
}

.eventContainer {
    line-height: 1;
    padding: 20px 10px 20px 0;
    min-height: 132px
}

.dateBox {
    color: #fff;
    height: 100%;
    min-height: 80px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.blue6 .oneDate {
    padding-top: 22px
}

.oneDate {
    padding-top: 14px;
    padding-bottom: 14px
}

.multipleDates {
    padding-top: 16px;
    padding-bottom: 10px
}

#answersBox, #footerLogo, #footerRight, .eventText {
    padding-top: 20px
}

#pollHeading img {
    top: -7px;
    margin-left: 20px
}

.poll_answer input[type=radio] {
    margin: 0
}

.poll_form {
    padding-top: 10px
}

.poll_question {
    color: #0f4775;
    color: var(--primary);
    font-size: 20px;
    padding: 0 15px;
    margin: 0 !important
}

.poll_answers {
    color: #0f4775;
    color: var(--primary);
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 1
}

#answersBox {
    padding-left: 20px
}

.poll_view_btn, .poll_vote_btn {
    background: #0074c7;
    background: var(--secondary);
    color: #fff;
    font-weight: 700;
    border: none;
    padding: 10px 40px;
    margin-right: 10px;
    transform: skew(25deg,0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.poll_vote_btn {
    margin-right: 40px
}

#respectLine1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 1
}

#respectLine2 {
    font-weight: 700;
    font-size: 77px;
    line-height: 0;
    margin-top: 28px;
    margin-bottom: 14px
}

#respectLine3 {
    font-weight: 700;
    font-size: 39px;
    line-height: 1.4
}

#pollHeading h3 {
    line-height: 1;
    margin: 0
}

footer {
    border-top: 10px solid #0074c7;
    border-top: 10px solid var(--secondary);
    color: #fff
}

#footerTop {
    font-weight: 500
}

#footerInfo {
    padding-top: 18px;
    line-height: 1.8
}

#footerPhone {
    border-right: 2px solid #15b3db;
    border-right: 2px solid var(--accent2)
}

    #footerPhone strong, .size16 {
        font-size: 16px !important
    }

.footerLine {
    height: 2px;
    background: #15b3db;
    background: var(--accent2);
    margin: 15px 0
}

#footerIcons {
    float: left;
    margin: 0 20px;
    height: 150px
}

#footerLogo img {
    padding: 5px;
    vertical-align: top
}

#footerIcons img {
    display: block;
    margin-bottom: 10px
}

#footerBottom {
    padding: 20px 0;
    background: #072e4d;
    margin-top: 15px
}

#bjmLogo {
    text-align: right;
    padding-top: 6px
}

#interior {
    padding: 0 10px 10px;
    min-height: 650px
}

#interiorSwoosh img {
    width: 100%;
    margin-top: -85px
}

#contactRow > div {
    height: 640px
}

.main-button {
    margin-top: 10px
}

.contactInfo {
    padding-top: 8%
}

.page_num {
    background: #0f4775 !important;
    background: var(--primary) !important
}

.alerts {
    margin: 0 auto;
    height: auto;
    min-height: 0;
    background: #a40a23 !important;
    font-weight: 700;
    font-size: 18px;
    border: none;
    z-index: 10
}

.img_div, a.alerts_div {
    overflow: hidden;
    position: relative;
    z-index: 3
}

.special_alert_slide {
    color: #fff !important;
    text-transform: uppercase !important
}

#special_alerts_div, .special_alert_slide {
    width: 100% !important
}

    #special_alerts_div .special_alert_slide:focus, #special_alerts_div .special_alert_slide:hover, #special_alerts_div a.alerts_div:focus, #special_alerts_div a.alerts_div:hover {
        text-decoration: underline !important;
        text-decoration-color: #ffffff !important
    }

.img_div {
    float: left;
    width: 35%;
    height: auto
}

.alerts_info {
    float: left;
    margin-left: 4px;
    width: 60%
}

#special_alerts_div .alerts_info_no_img {
    float: none
}

.alerts_info_no_img {
    margin-left: 4px;
    width: 100%
}

a.alerts_div {
    padding: 4px !important;
    width: 100%;
    color: #fff
}

.alerts_title {
    display: none;
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 13px;
    padding: 2px 0;
    color: #fff !important
}

    .alerts_title > a {
        color: #fff !important
    }

img {
    border: 0
}

#signup-for-alerts-form .bif_toggle, .textLeft {
    text-align: left !important
}

.cal_btn, .sm_link {
    text-align: center
}

.alert-buttons {
    background: #0f4775;
    min-height: 106px !important;
    border: none;
    color: #fff !important
}

    .alert-buttons:focus, .alert-buttons:hover {
        transform: scale(1.03)
    }

.galleria-back-link a, .galleria-image-nav-right {
    color: #fff !important;
    opacity: 1 !important
}

.galleria-current {
    opacity: 1 !important
}

.galleryListItems a {
    display: table;
    width: 100%;
    padding: 1em 0;
    border-bottom: 1px solid #999;
    clear: left
}

.galleryListImage {
    float: left;
    padding-right: .5em
}

.galleryListTitle {
    font-weight: 700;
    color: #2c3e50;
    display: inline-block;
    margin-top: 8px;
    line-height: 1.2
}

.galleryListDescription {
    font-size: 16px;
    font-style: italic;
    line-height: 1.2
}

.galleria-info-description {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.1
}

#modal {
    box-shadow: 10px 10px 5px #888;
    border: 5px solid #000;
    padding: 20px;
    width: 50%;
    margin-top: 15%;
    margin-left: 25%;
    z-index: 15;
    top: 1%;
    left: 5%
}

#mobileMenuUPE, .sm_link {
    border-bottom: 1px solid #0f4775
}

#lm_main_page, .lm_sub_page, .sm_link {
    padding: 10px;
    display: block;
    text-decoration: none
}

#lm_main_page {
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px
}

#mobileMenuUPE {
    padding: 10px 0
}

.lm_sub_page, .sm_link {
    border-radius: 5px
}

    .lm_sub_page:focus, .lm_sub_page:hover, .sm_link:focus, .sm_link:hover {
        text-decoration: underline;
        font-weight: 700
    }

    .lm_sub_page:last-child {
        border: none
    }

#right_nav {
    padding-left: 50px
}

.cal_btn {
    width: 106px;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 10px;
    line-height: 1
}

.cal_text {
    float: left;
    margin-top: 28px
}

.cal_title {
    font-weight: 700;
    font-size: 18px
}

.cal_cat {
    font-style: italic
}

#submit, #submit-button {
    font-size: 16px;
    width: 100%;
    max-width: 303px;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #0f4775;
    border: 1px solid var(--primary);
    border-radius: 3px;
    font-weight: 700;
    color: #fff;
    background: #0074c7;
    background: var(--secondary)
}

    #submit:disabled, #submit:disabled:hover, #submit[disabled], #submit[disabled]:hover {
        opacity: .3 !important;
        cursor: not-allowed !important
    }

#cboxCurrent, #cboxNext, #cboxPrevious, #cboxTitle, .hide {
    display: none !important
}

@media (max-width:1440px) {
    #footerBottom, #footerTop {
        padding-left: 10px;
        padding-right: 10px
    }

    .footerLine {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:1310px) {
    #footerIcons {
        margin-bottom: 50px
    }
}

@media (max-width:90em) {
    #rotator {
        padding-top: 80px
    }

    .leftOnLarge {
        float: left
    }

        .leftOnLarge a {
            padding-right: 10px
        }

    #bottomNav {
        width: 550px;
        position: relative;
        top: -50px
    }

        #bottomNav > ul > li > a {
            padding: 10px
        }

    #header {
        padding-top: 60px;
        background: rgba(255,255,255,.6);
        box-shadow: 0 0 50px 7px #fff
    }

    #headerIcons {
        top: 8px
    }

    #headerIconTab {
        border-bottom: 53px solid transparent;
        border-left: 53px solid #0074c7;
        border-left: 53px solid var(--secondary);
        width: 53px;
        position: absolute;
        right: -53px;
        top: 0
    }

    #rotator_desc {
        position: static;
        margin: 0 auto
    }

    .homeBorder {
        border: none
    }

    .blueSwoosh {
        z-index: 12
    }

    #newsSwoosh {
        top: 75%
    }

    #largeNewsLink, #largeSwoosh {
        display: none
    }

    #pollBox {
        margin: 10px 0 20px
    }
}

@media (max-width:64em) {
    #mobile-sticky-top, .stickyBar {
        font-weight: 700;
        color: #fff;
        position: fixed
    }

    #footerLogo, #mainBody {
        padding: 25px 0
    }

    #bjmLogo, #copycred, #footerIcons, #footerLogo, #header, .condensed {
        text-align: center
    }

    #footerRight, #header {
        padding-top: 0
    }

    #footerBottom span, #footerIcons {
        display: block
    }

    #footerBottom #pipe, #mobile-menu {
        display: none
    }

    #mobile-sticky-top {
        display: none;
        box-shadow: 0 0 10px 0 #000;
        z-index: 15;
        width: 100%;
        left: 0;
        top: 0;
        padding: 10px
    }

        #mobile-sticky-top .nav-toggler {
            position: relative;
            top: 20px
        }

    #header:after, #header:before {
        content: "";
        width: 0;
        height: 0
    }

    #headerLogo {
        padding: 10px;
        margin-left: 0
    }

        #headerLogo img {
            width: 175px
        }

    .tabletPhone {
        border-right: 2px solid #15b3db;
        border-right: 2px solid var(--accent2);
        display: inline-block;
        padding-right: 10px;
        margin-right: 5px
    }

    #rotator {
        padding-top: 40px
    }

    #valuesText {
        max-width: auto
    }

    .rotator_controls {
        top: 140px;
        margin-top: 28px
    }

    #newsSwoosh {
        transform: scale(1.5);
        top: auto;
        bottom: -65px
    }

    #feedContainer {
        padding-bottom: 100px
    }

    .newsLinkBox {
        top: auto;
        bottom: -25px;
        float: right;
        width: 60%
    }

    #homeMap {
        width: 100%;
        padding-left: .9375rem
    }

        #homeMap img {
            right: .9375rem
        }

    #pollBox h2 {
        font-size: 26px;
        letter-spacing: normal
    }

    #answersBox {
        padding-left: 10px
    }

    #bjmLogo img {
        transform: none
    }

    footer {
        padding-bottom: 70px
    }

    .stickyBar {
        width: 100%;
        bottom: 0;
        z-index: 20;
        border-top: 2px solid #0074c7;
        border-top: 2px solid var(--secondary);
        padding: 5px
    }

    #mobile-menu {
        font-weight: 400;
        width: 100% !important
    }

        #mobile-menu .parent, #mobileLinks {
            font-weight: 700
        }

    #mobileLinks {
        color: #fff;
        position: relative;
        top: 120px
    }

    #mobile-menu-body {
        padding-top: 125px;
        color: #fff
    }

    #mobile-menu .fa-angle-right {
        font-size: 30px;
        vertical-align: middle;
        margin-left: 10px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    #mobile-menu strong {
        font-style: normal !important
    }

    #mobile-menu ul {
        list-style: none
    }

    #mobile-menu li {
        border-bottom: 1px solid #15b3db;
        border-bottom: 1px solid var(--accent2);
        position: relative
    }

        #mobile-menu li:focus, #mobile-menu li:hover {
            background: #0074c7 !important;
            background: var(--secondary) !important;
            color: #fff !important
        }

    #mobile-menu-body a, #mobile-menu-body span {
        text-decoration: none;
        display: block;
        padding: 15px 0 15px 20px;
        cursor: pointer
    }

    #mobile-menu .children {
        padding-left: 10px;
        font-weight: 400
    }

    #mobile-menu-body > li:first-child {
        background: #c4def4
    }

    #mobile-menu-body > li:nth-child(2) {
        background: #cee3f6
    }

    #mobile-menu-body > li:nth-child(3) {
        background: #daeaf8
    }

    #mobile-menu-body > li:nth-child(4) {
        background: #e6f0fb
    }

    #mobile-menu-body > li:nth-child(5) {
        background: #f2f8fd
    }

    #mobile-menu-body > li:nth-child(6) {
        background: #fbfdff
    }

    #mobile-menu-body > li:first-child, #mobile-menu-body > li:nth-child(2), #mobile-menu-body > li:nth-child(3), #mobile-menu-body > li:nth-child(4), #mobile-menu-body > li:nth-child(5), #mobile-menu-body > li:nth-child(6) {
        font-weight: 700;
        font-size: 18px;
        border-bottom: 1px solid #0f4775;
        border-bottom: 1px solid var(--primary);
        color: #0f4775;
        color: var(--primary)
    }

    #mobile-menu-body > li:nth-child(7) {
        border-top: 6px solid #0074c7;
        border-top: 6px solid var(--secondary)
    }

    #mobile-menu-body > li:nth-child(10), #mobile-menu-body > li:nth-child(11), #mobile-menu-body > li:nth-child(12), #mobile-menu-body > li:nth-child(7), #mobile-menu-body > li:nth-child(8), #mobile-menu-body > li:nth-child(9) {
        font-size: 18px;
        border-bottom: 1px solid #15b3db;
        border-bottom: 1px solid var(--accent2);
        color: #fff;
        font-weight: 300
    }

    .socialBlock {
        color: #fff;
        padding: 10px 0;
        border-top: 1px solid #15b3db
    }

    .close-menu-box {
        font-size: 30px;
        padding: 10px 15px;
        border-bottom: 6px solid #0074c7;
        border-bottom: 6px solid var(--secondary);
        position: fixed;
        z-index: 2;
        width: 100%
    }

        .close-menu-box img {
            margin-right: 20px
        }

    .close-menu {
        text-decoration: none;
        padding: 12px 0;
        cursor: pointer;
        color: #0f4775;
        color: var(--primary)
    }

        .close-menu a {
            display: inline-block !important;
            padding: 0 5px !important
        }

    .closeButton {
        margin-right: 25px !important
    }

    #footerBottom {
        line-height: 2;
        border-top: none
    }

    #footerIcons {
        margin-bottom: 5px;
        float: none;
        height: auto
    }

    #footerPhoneInnards {
        float: right
    }

    #footerIcons img {
        display: inline-block;
        margin-right: 10px
    }

    #interior {
        padding: 10px;
        min-height: 300px
    }

    #interiorSwoosh img {
        margin-top: -50px
    }

    .contactInfo {
        padding-top: 20px
    }

    #lm_container, #right_nav {
        border: none !important
    }

    #right_nav {
        padding: 0
    }

    #modal {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        top: 5%;
        left: 0;
        transform: translateX(0)
    }
}

@media (max-width:40em) {
    #header, #headerLogo {
        box-shadow: none
    }

    #homeMap img, #searchForm, header {
        position: static
    }

    #footerInfo, #footerPhone, #homeMap, #homeMap img, #pollHeading {
        text-align: center
    }

    #interiorPhone {
        color: #fff;
        padding: 5px 0
    }

    #contactRow > div {
        height: auto;
        margin-bottom: 20px
    }

    #answersBox {
        padding-left: 0
    }

    .poll_vote_btn {
        margin-right: 5px
    }

    .poll_view_btn, .poll_vote_btn {
        padding: 10px 35px
    }

    #calendarLink {
        font-size: 22px;
        top: -51px
    }

    #calendarTab {
        border-top: 50px solid transparent;
        border-left: 50px solid #0074c7;
        border-left: 50px solid var(--secondary);
        width: 50px;
        right: -50px
    }

    #sideBar {
        padding: 0 !important;
        background: 0 0;
        width: 100%
    }

    #headerLogo {
        float: none;
        display: block;
        background: #fff;
        border-radius: 0
    }

    #headerSearch {
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        margin-right: 10px
    }

    #searchForm {
        margin-top: 45px;
        padding: 10px;
        width: 100%
    }

    #rotator {
        padding: 0
    }

    .rotator_controls_tab, .tabletPhone {
        display: none
    }

    #topAccessibility {
        display: inline-block;
        font-size: 22px;
        margin-left: 5px
    }

    #topBar {
        padding: 8px;
        z-index: 10
    }

    .rotator_controls {
        position: static;
        width: 100%;
        font-size: 16px;
        padding: 0 5px
    }

        .rotator_controls span {
            display: inline-block;
            margin: 0
        }

        .rotator_controls .mobilePhone, .rotator_controls .searchTrigger {
            display: inline-block;
            vertical-align: middle
        }

        .rotator_controls .fa-angle-left, .rotator_controls .fa-angle-right, .rotator_controls .fa-pause-circle, .searchIcon {
            font-size: 26px;
            vertical-align: middle
        }

    .searchIcon {
        margin: 0 25px
    }

    .rotator_controls .fa-angle-left, .rotator_controls .fa-angle-right, .rotator_controls .fa-pause-circle {
        margin: 0 8px
    }

    #newsSwoosh {
        transform: scale(2.5)
    }

    .newsLinkBox {
        bottom: -45px;
        width: 90%
    }

    #buttonRow a {
        padding: 15px 0
    }

    #buttonRow strong {
        display: inline
    }

    .secondaryButtons {
        float: none;
        margin: 0 auto 20px;
        top: 0;
        display: block
    }

    #pollContainer {
        padding-top: 25px
    }

    #pollHeading {
        margin-top: 40px
    }

    #pollBox {
        margin-top: 20px
    }

    #pollHeading img {
        display: block;
        width: 160px;
        margin: 0 auto
    }

    #footerMiddle .siteWidth, #pollHeading h3 {
        margin-bottom: 10px
    }

    #pollHeading h3 {
        display: block !important
    }

    #homeMap img {
        display: block;
        right: auto;
        left: auto;
        top: auto;
        margin: 0 auto
    }

    #homeMap {
        height: 185px
    }

    #footerLogo {
        border: none !important
    }

    #footerRight {
        padding-top: 0
    }

    #footerPhone {
        padding: 5px !important;
        border-right: none
    }

    #footerPhoneInnards {
        float: none
    }

    .formWrapper, .formWrapper .column-padding, .formWrapper .container-fluid, .formWrapper fieldset {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: none !important
    }

    .close-menu-box {
        padding: 10px 5px
    }

    #mobile-menu .mainButtons {
        max-width: 150px
    }

    #interior {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width:550px) {
    .cal_text {
        float: none;
        width: 300px
    }
}

@media(max-width:410px) {
    .moreButton, .moreButton span {
        transform: none
    }

    .moreButton {
        bottom: 10px;
        right: 10px
    }
}

a:focus {
    outline: #3297FD solid 2px
}

.site-width, .siteWidth {
    width: 100%;
    max-width: 1400px
}

.homeWidth {
    width: 100%;
    max-width: 1100px
}

.menuWidth {
    width: 100%;
    max-width: 1000px !important
}

.row {
    max-width: none
}

.clear {
    clear: both
}

.light {
    font-weight: 300 !important
}

.regular {
    font-weight: 400 !important
}

.semiBold {
    font-weight: 600 !important
}

.bold {
    font-weight: 700 !important
}

.extraBold {
    font-weight: 800 !important
}

.black {
    font-weight: 900 !important
}

.noStyle {
    text-transform: none
}

.italic {
    font-style: italic !important
}

.uppercase {
    text-transform: uppercase !important
}

.underline, .underlineHover:focus, .underlineHover:hover, .underlineHoverAll:focus, .underlineHoverAll:focus span, .underlineHoverAll:hover, .underlineHoverAll:hover span {
    text-decoration: underline !important
}

.noUnderline, .underlineHoverAll {
    text-decoration: none !important
}

.size14 {
    font-size: 14px !important
}

.size17 {
    font-size: 17px !important
}

.size18 {
    font-size: 18px !important
}

.size22 {
    font-size: 22px !important
}

.size24 {
    font-size: 24px !important
}

.size26 {
    font-size: 26px !important
}

.size28 {
    font-size: 28px !important
}

.size30 {
    font-size: 30px !important
}

.size32 {
    font-size: 32px !important
}

.size34 {
    font-size: 34px !important
}

.size36 {
    font-size: 36px !important
}

.size40 {
    font-size: 40px !important
}

.size42 {
    font-size: 42px !important
}

.size48 {
    font-size: 48px !important
}

.textCenter {
    text-align: center !important
}

.textRight {
    text-align: right !important
}

.top {
    vertical-align: top !important
}

.middle {
    vertical-align: middle !important
}

.bottom {
    vertical-align: bottom !important
}

.block {
    display: block !important
}

.inline {
    display: inline !important
}

.inlineBlock {
    display: inline-block !important
}

.floatLeft {
    float: left !important
}

.floatRight {
    float: right !important
}

.floatNone {
    float: none !important
}

.clearLeft {
    clear: left !important
}

.clearRight {
    clear: right !important
}

.clearBoth {
    clear: both !important
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.fixed {
    position: fixed !important
}

.static {
    position: static !important
}

.center {
    margin-left: auto !important;
    margin-right: auto !important
}

.absoluteCenterX {
    left: 50% !important;
    transform: translateX(-50%) !important
}

.absoluteCenterY {
    top: 50% !important;
    transform: translateY(-50%) !important
}

.pointer {
    cursor: pointer !important
}

.grab {
    cursor: grab !important
}

.move {
    cursor: move !important
}

.marginTop0 {
    margin-top: 0 !important
}

.marginBottom0 {
    margin-bottom: 0 !important
}

.marginLeft0 {
    margin-left: 0 !important
}

.marginRight0 {
    margin-right: 0 !important
}

.margin5 {
    margin: 5px !important
}

.marginTop5 {
    margin-top: 5px !important
}

.marginBottom5 {
    margin-bottom: 5px !important
}

.marginLeft5 {
    margin-left: 5px !important
}

.marginRight5 {
    margin-right: 5px !important
}

.margin8 {
    margin: 8px !important
}

.marginTop8 {
    margin-top: 8px !important
}

.marginBottom8 {
    margin-bottom: 8px !important
}

.marginLeft8 {
    margin-left: 8px !important
}

.marginRight8 {
    margin-right: 8px !important
}

.margin10 {
    margin: 10px !important
}

.marginTop10 {
    margin-top: 10px !important
}

.marginBottom10 {
    margin-bottom: 10px !important
}

.marginLeft10 {
    margin-left: 10px !important
}

.marginRight10 {
    margin-right: 10px !important
}

.margin15 {
    margin: 15px !important
}

.marginTop15 {
    margin-top: 15px !important
}

.marginBottom15 {
    margin-bottom: 15px !important
}

.marginLeft15 {
    margin-left: 15px !important
}

.marginRight15 {
    margin-right: 15px !important
}

.margin18 {
    margin: 18px !important
}

.marginTop18 {
    margin-top: 18px !important
}

.marginBottom18 {
    margin-bottom: 18px !important
}

.marginLeft18 {
    margin-left: 18px !important
}

.marginRight18 {
    margin-right: 18px !important
}

.margin20 {
    margin: 20px !important
}

.marginTop20 {
    margin-top: 20px !important
}

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

.marginLeft20 {
    margin-left: 20px !important
}

.marginRight20 {
    margin-right: 20px !important
}

.margin25 {
    margin: 25px !important
}

.marginTop25 {
    margin-top: 25px !important
}

.marginBottom25 {
    margin-bottom: 25px !important
}

.marginLeft25 {
    margin-left: 25px !important
}

.marginRight25 {
    margin-right: 25px !important
}

.margin30 {
    margin: 30px !important
}

.marginTop30 {
    margin-top: 30px !important
}

.marginBottom30 {
    margin-bottom: 30px !important
}

.marginLeft30 {
    margin-left: 30px !important
}

.marginRight30 {
    margin-right: 30px !important
}

.margin40 {
    margin: 40px !important
}

.marginTop40 {
    margin-top: 40px !important
}

.marginBottom40 {
    margin-bottom: 40px !important
}

.marginLeft40 {
    margin-left: 40px !important
}

.marginRight40 {
    margin-right: 40px !important
}

.margin50 {
    margin: 50px !important
}

.marginTop50 {
    margin-top: 50px !important
}

.marginBottom50 {
    margin-bottom: 50px !important
}

.marginLeft50 {
    margin-left: 50px !important
}

.marginRight50 {
    margin-right: 50px !important
}

.pad0 {
    padding: 0 !important
}

.padTop0 {
    padding-top: 0 !important
}

.padBottom0 {
    padding-bottom: 0 !important
}

.padLeft0 {
    padding-left: 0 !important
}

.padRight0 {
    padding-right: 0 !important
}

.pad3 {
    padding: 3px !important
}

.padTop3 {
    padding-top: 3px !important
}

.padBottom3 {
    padding-bottom: 3px !important
}

.padLeft3 {
    padding-left: 3px !important
}

.padRight3 {
    padding-right: 3px !important
}

.pad5 {
    padding: 5px !important
}

.padTop5 {
    padding-top: 5px !important
}

.padBottom5 {
    padding-bottom: 5px !important
}

.padLeft5 {
    padding-left: 5px !important
}

.padRight5 {
    padding-right: 5px !important
}

.pad8 {
    padding: 8px !important
}

.padTop8 {
    padding-top: 8px !important
}

.padBottom8 {
    padding-bottom: 8px !important
}

.padLeft8 {
    padding-left: 8px !important
}

.padRight8 {
    padding-right: 8px !important
}

.pad10 {
    padding: 10px !important
}

.padTop10 {
    padding-top: 10px !important
}

.padBottom10 {
    padding-bottom: 10px !important
}

.padLeft10 {
    padding-left: 10px !important
}

.padRight10 {
    padding-right: 10px !important
}

.pad15 {
    padding: 15px !important
}

.padTop15 {
    padding-top: 15px !important
}

.padBottom15 {
    padding-bottom: 15px !important
}

.padLeft15 {
    padding-left: 15px !important
}

.padRight15 {
    padding-right: 15px !important
}

.pad18 {
    padding: 18px !important
}

.padTop18 {
    padding-top: 18px !important
}

.padBottom18 {
    padding-bottom: 18px !important
}

.padLeft18 {
    padding-left: 18px !important
}

.padRight18 {
    padding-right: 18px !important
}

.pad20 {
    padding: 20px !important
}

.padTop20 {
    padding-top: 20px !important
}

.padBottom20 {
    padding-bottom: 20px !important
}

.padLeft20 {
    padding-left: 20px !important
}

.padRight20 {
    padding-right: 20px !important
}

.pad25 {
    padding: 25px !important
}

.padTop25 {
    padding-top: 25px !important
}

.padBottom25 {
    padding-bottom: 25px !important
}

.padLeft25 {
    padding-left: 25px !important
}

.padRight25 {
    padding-right: 25px !important
}

.pad30 {
    padding: 30px !important
}

.padTop30 {
    padding-top: 30px !important
}

.padBottom30 {
    padding-bottom: 30px !important
}

.padLeft30 {
    padding-left: 30px !important
}

.padRight30 {
    padding-right: 30px !important
}

.pad40 {
    padding: 40px !important
}

.padTop40 {
    padding-top: 40px !important
}

.padBottom40 {
    padding-bottom: 40px !important
}

.padLeft40 {
    padding-left: 40px !important
}

.padRight40 {
    padding-right: 40px !important
}

.inline-list, .inlineList {
    list-style-type: none !important;
    margin: 0;
    padding: 0
}

    .inline-list li, .inlineList li {
        display: inline-block;
        margin: 0;
        padding: 0
    }

.ease, .ease3s {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.zoom:focus, .zoom:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.rise:focus, .rise:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.rise5:focus, .rise5:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

/*@media only screen and (max-width:40em),(max-device-width:48em) {
    table, tbody, td, th, thead, tr {
        width: 100% !important;
        height: auto !important;
        display: block
    }

    table {
        padding-bottom: 1em
    }

    td {
        border: none;
        position: relative;
        padding: 2% 0 2% 1% !important;
        text-align: center !important
    }

        td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap
        }

        td:after {
            content: " ";
            clear: both
        }
}*/

@media print {
    #buttonRow, #children_pages_button, #feedContainer, #lm_container, #quickLinks, #rotator, #topBar, .rotator_controls, .stickyBar, .valuesSwoosh, footer {
        display: none !important
    }
}