@import url(/util/css/fonts.css?v=2018010901);

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #e7ebea;
    background-image: url(../../images/mainBkgrd.png);
    font-family: Arial, 'Lucida Sans Unicode', 'Trebuchet MS', Arial;
    font-size: 12px;
    color: #444;
    /*line-height: 16px;*/
}

a {
    color: #002856;
    font-weight: 600;
    text-decoration:underline;
}

    a:hover {
        color: #555;
    }

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

h4, h5, h6 {
    font-size: 14px;
}

hr {
    border: none;
    height: 1px;
    background-color: #e7ebea;
}

p {
    margin: 0 0 1em;
}

td, th {
    padding: 5px;
}

a.skipnav {
    background: transparent;
    left: 0;
    position: absolute;
    top: -4rem;
}

/* 2020 style includes */
.grid {
    
}
.child {
    flex: 300px;
}

.responsive-image img {
    max-width: 100%;
    height: auto!important;
    margin: 0.5em auto;
    display: block;
}

.float-left img {
    float: left;
    margin-right: 20px;
}

.boarddocs-quick-start img {
    max-width: 100%;
    margin: 1em auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--- COVID-19 Page ---*/

.covid-wrap h1,
.covid-wrap h2,
.covid-wrap h3,
.covid-wrap h4{
    color: #cc0000;
    font-weight: bold;
}

.activities-wrap h1,
.activities-wrap h2,
.activities-wrap h3,
.activities-wrap h4 {
    color: #3fd2c7;
    font-weight: bold;
}

.navy-button {
    background-color: #cc0000;
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0.8em;
}

.navy-button:hover,
.navy-button:active,
.navy-button:focus {
    background-color: #002856;
    color: #fff;
}

.green-button {
    background-color: #0b9444;
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0.8em;
}

    .green-button:hover,
    .green-button:active,
    .green-button:focus {
        background-color: #fcc527;
        color: #0b9444;
    }

.blue-button {
    background-color: #002856;
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0.8em;
}

    .blue-button:hover,
    .blue-button:active,
    .blue-button:focus {
        background-color: #65b2e8;
        color: #002856;
    }


.red-button {
   border: 2px solid #cc0000;
   color: #cc0000;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin-bottom: 0.8em;
}

.red-button:hover,
.red-button:active,
.red-button:focus {
    background-color: #cc0000;
    color: #fff;
}

.baby-button {
    background-color: #65b2e8;
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0.8em;
}

    .baby-button:hover,
    .baby-button:active,
    .baby-button:focus {
        background-color: #002856;
        color: #fff;
    }

.content-update-status {
    font-size: 10px;
}

.content-col-wrapper {
    width: 100%;
}

.content-col img {
    max-width: 100%;
    height: auto!important;
    margin: 0 auto;
}

.activities-wrap .content-col img,
.activities-wrap img {
    max-width: 50%;
    height: auto!important;
    margin: 0 auto;
}

.captionText a {
    color: #fff!important;
}

.captionText a:hover,
.captionText a:active,
.captionText a:focus {
    color: #ebebeb!important;
    text-decoration: underline!important;
}

.content-col-left {
    width: 100%;
    padding: .5em;
}

.content-col-right {
    width: 100%;
    background: #f1f1f1;
    padding: .5em;
}

@media (min-width: 650px) {
    .content-col-wrapper {
        display: grid;
        grid-template-columns: 7fr 5fr;
    }

    .content-col-left {
        margin-right: .5em;
    }

    .content-col-right {
        margin-left: .5em;
    }
}

@media (min-width: 768px) {
    .content-col-wrapper {
        display: block;
        width: 100%;
    }

    .content-col-left {
        margin-right: 0;
    }

    .content-col-right {
        margin-left: 0;
    }
}

@media (min-width: 950px) {
    .content-col-wrapper {
        display: grid;
        grid-template-columns: 7fr 5fr;
    }

    .content-col-left {
        margin-right: .5em;
    }

    .content-col-right {
        margin-left: .5em;
    }
}
/* --- cloud page styling ---*/

.cloud-header {
    width: 100%;
    margin: 0 auto;
}

.cloud-wide {
    width: 100%;
    margin: 0 auto;
    padding: 1em;
}

.cloud-narrow {
    width: 80%;
    margin: 0 auto;
    padding: 1em;
}

.cloud-wide h1,
.covid-wrap h1,
.activities-wrap h1 {
    font-size: 3.5em;
    font-weight: bold;
}

.cloud-wide-border {
    outline: 1px solid #999;
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}

.cloud-wide-border h2 {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

.cloud-two-col,
.cloud-three-col,
.cloud-four-col,
.cloud-five-col {
    width: 100%;
    margin: 1em auto;
}

.cloud-col-one,
.cloud-col-two,
.cloud-col-three,
.cloud-col-four,
.cloud-col-five {
    width: 94%;
    margin: 0 auto 1em;
    padding: 1em;
}

.cloud-col-one h2,
.cloud-col-two h2,
.cloud-col-three h2,
.cloud-col-four h2,
.cloud-col-five h2,
.covid-wrap h2,
.activities-wrap h2 {
    font-weight: bold;
    font-size: 28px;
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

.cloud-col-one a img,
.cloud-col-two a img,
.cloud-col-three a img,
.cloud-col-four a img,
.cloud-col-five a img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.cloud-col-one a img:hover,
.cloud-col-two a img:hover,
.cloud-col-three a img:hover,
.cloud-col-four a img:hover,
.cloud-col-five a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.no-pad {
    padding: 0 !important;
}

/*----------------------PURE CSS ACCORDION ------------------------*/
/* [THE ENTIRE TAB] */
.tab {
    position: relative;
    margin: 2px;
    max-width: 100%;
}

    /* [THE LABEL] */
    .tab input {
        display: none;
    }

    .tab label {
        display: block;
        background: #002856;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        cursor: pointer;
        font-size: 1.5em;
    }

        .tab label::after {
            content: "+";
            position: absolute;
            right: 0.25em;
            top: 0.05em;
            display: block;
            transition: all 0.4s;
            font-size: 1.5em;
        }

    .tab input[type=checkbox]:checked + label::after,
    .tab input[type=radio]:checked + label::after {
        content: "-";
    }

/* [THE CONTENTS] */
.tab-content {
    overflow: hidden;
    /* CSS animation will not work with auto height */
    /* This is why we use max-height */
    transition: max-height 0.4s;
    max-height: 0;
}

    .tab-content p {
        margin: 20px;
    }

.tab input:checked ~ .tab-content {
    /* Set the max-height to a large number */
    /* Or 100% viewport height */
    max-height: 300vh;
}
/*----------------END CSS ACCORDION -----------------------------*/

.our-schools-list ul {
    list-style: none;
    margin: 0 0 20px 0 !important; 
    padding: 0;
}

.our-schools-list li {
    float: left;
    margin: 0.5em;
}

.our-schools-list li a {
    display: block;
    color: #555;
    outline: 3px solid #555;
    text-align: center;
    padding: 0.5em 0.7em;
    text-decoration: none;
}

.our-schools-list li a:hover,
.our-schools-list li a:focus,
.our-schools-list li a:active {
    color: #fff;
    background: #002856;
    outline: none;
}

.cloud-col-clear-wrap {
    clear: both;
    width: 100%;
}

@media (min-width: 769px) {
    
    .cloud-two-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .cloud-three-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .cloud-four-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .cloud-five-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1400px) {
    
    .cloud-four-col {
        grid-template-columns: repeat(4, 1fr);
    }
    .cloud-five-col {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* -- start of 2 col guidance page --*/
.guide, .ar {
    font-size: 14px;
}

.guide-wrapper, .ar {
    display: grid;
    grid-template-columns: 1fr;

}

.ar h1 {
    font-size: 3em;
    font-weight: bold;
    color: #002856;
}

.guide h2, .ar h2 {
    font-size: 2.5em;
    font-weight: bold;
}

.guide h3 {
    font-size: 2em;
    font-weight: bold;
}

.ar h3,
.covid-wrap h3,
.activities-wrap h3 {
    font-size: 1.5em;
    font-weight: bold;
}

.red {
    color: #cc0000;
}

.grey-bkgd {
    background: #f1f1f1;
}

@media (min-width: 769px) {

    .guide-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.guide-col-one,
.guide-col-two {
    margin: 0 1em 1em;
    padding: 1em;
}

.guide-col-one {
    outline: 2px solid #009900;
}

.guide-col-one h2 {
    font-size: 3.5em;
    color: #009900;
    font-weight: bold;
    margin-top: 0;
}

.guide-col-two {
    outline: 2px solid #cc0000;
}

.guide-col-two h2 {
    font-size: 3.5em;
    color: #cc0000;
    font-weight: bold;
    margin-top: 0;
}

.cloud-wide h1, .cloud-wide h2, .cloud-wide h3,
.cloud-wide-border h1, .cloud-wide-border h2, .cloud-wide-border h3,
.cloud-two-col h1, .cloud-two-col h2, .cloud-two-col h3,
.cloud-three-col h1, .cloud-three-col h2, .cloud-three-col h3,
.cloud-four-col h1, .cloud-four-col h2, .cloud-four-col h3,
.guide h1, .guide h2, .guide h3,
.ar h1, .ar h2, .ar h3,
.covid-wrap h1, .covid-wrap h2, .covid-wrap h3,
.activities-wrap h1, .activities-wrap h2, .activities-wrap h3 {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.green-color {
    color: #0b9444!important;
}

.red-color {
    color: #bf1e2e!important;
}

.yellow-color {
    color: #fcc527!important;
}

.navy-color {
    color: #002856!important;
}

.teal-color {
    color: #3fd2c7!important;
}

.yellow {
    background-color: #fcc527;
    padding: 5px 10px;
    color: #000;
}

.orange {
    background-color: #ff6633;
    padding: 5px 10px;
    color: #000;
}

.red {
    background-color: #bf1e2e;
    padding: 5px 10px;
    color: #000;
}

.gray {
    background-color: #888888;
    padding: 5px 10px;
    color: #000;
}

.orange_header {
    color: #fff;
    font-weight: bold;
    background: #ff6633;
}

.teal_header {
    color: #000;
    font-weight: bold;
    background: #3fd2c7;
}

.table-width {
    width: 110px;
}

.smaller-header {
    font-size: 16px!important;
}

.borders-red {
    border-right: 1px solid #bf1e2e;
    border-top: 1px solid #bf1e2e;
}

    .borders-red td, .borders-red th {
        border-bottom: 1px solid #bf1e2e;
        border-left: 1px solid #bf1e2e;
    }

/* ------ end of 2020 new styles ------*/
#sub table {
    border-collapse: collapse;
}

    #sub table td {
    }

        #sub table td p {
        }

        #sub table td ul {
            margin-top: 0px;
            margin-bottom: 0px;
        }

table blockquote {
    margin-top: 0;
    margin-bottom: 0;
}

.module {
    margin: 0 0 10px 0;
    border-radius: 10px;
    overflow: hidden;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

#topModuleLeftAccordion .kpAccordion {
    font-family: Arial, 'Lucida Sans Unicode', 'Trebuchet MS', Arial;
    font-size: 13px;
}

    #topModuleLeftAccordion .kpAccordion a {
        padding: 0px;
    }

#topModuleLeftAccordion .ui-widget-content a {
    color: #27519C;
}

#topModuleLeftAccordion .ui-icon {
    display: none;
}

#topModuleLeftAccordion .ui-state-active a {
    color: #555;
    font-weight: bold;
}

#topModuleLeftAccordion .ui-state-active {
    background-image: url(/images/headerGradient.gif);
    border: 1px solid #DDD;
}

#topModuleLeftAccordion .ui-state-default {
    background-image: url(/images/headerGradient.gif);
    border: 1px solid #DDD;
}

    #topModuleLeftAccordion .ui-state-default a {
        color: #555;
    }

#topModuleLeftAccordion .ui-accordion-content {
    padding: 0;
    height: 265px;
}

/* Utility */

.va-m {
    vertical-align: middle;
}

/* Calendar */

#sub .rsContent {
}

.RadScheduler .rsAptContent {
    line-height: 19px;
}

#sub .rsContent table td {
    padding: 0;
}

#sub td.rsTodayCell {
    background-color: #fdf6f3;
    background-image: none;
}

#sub #calendar table td {
    padding: 0;
}

#sub #calendar span#wcDistrictCal div.rsHeader {
    border: 0px;
}

#sub #calendar span#wcDistrictCal div.rsContent.rsMonthView {
    border: 1px solid #eee;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

#sub #calendar tr.rsRow.rsLastRow td:first-child {
    border-bottom-left-radius: 14px;
}

#sub #calendar tr.rsRow.rsLastRow td:last-child {
    border-bottom-right-radius: 14px;
}

#sub #calendar .RadScheduler .rsSpacerCell,
#sub #calendar .RadScheduler .rsVerticalHeaderTable th,
#sub #calendar .RadScheduler .rsHorizontalHeaderTable th {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #e8eaec;
    border-right: 1px solid #e8eaec;
    border-style: solid;
    background-color: Transparent;
    background-image: url(/images/headerGradient.gif);
    background-repeat: repeat-x;
    background-position: center;
}

    #sub #calendar .RadScheduler .rsHorizontalHeaderTable th:last-child {
        border-right: none;
    }

#sub #calendar .RadScheduler td.rsHorizontalHeaderWrapper {
    background-color: Transparent;
    background-image: url(/images/headerGradient.gif);
    background-repeat: repeat-x;
    background-position: center;
}

#sub #calendar div.rsHeader {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.table_header {
    color: #fff;
    font-weight: bold;
    background: #002856;
}

    .table_header a {
        color: #002856;
        text-decoration: underline;
    }

        .table_header a:hover {
            color: #555;
        }

div.borders,
li.borders,
a.borders {
    border-right: 1px solid #c7c7c7;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #ebebeb;
}

span.borders {
    display: inline-block;
    border-right: 1px solid #c7c7c7;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #ebebeb;
}

div.borders table,
div.borders table td,
div.borders table th {
    border: 0;
}

.borders {
    border-right: 1px solid #e7ebea;
    border-top: 1px solid #e7ebea;
}

    .borders td, .borders th {
        border-bottom: 1px solid #e7ebea;
        border-left: 1px solid #e7ebea;
    }

#logo {
    position: absolute;
    top: 05px;
    left: 15px;
}

.kpnav-brand img {
    width: 120px;
    height: 120px;
    min-width: 120px!important;
}

    #logo a {
        display: block;
        width: 90px;
        height: 90px;
    }

.kpbsd_policy_greyed_out td,
.kpbsd_policy_greyed_out {
    color: #ccc;
}

.kpbsd_policy_body p {
    text-align: justify;
    line-height: 1.42857143 !important;
}

.kpbsd_policy_body blockquote {
    font-size: 12px;
}

.kpmast {
    background-color: #0b2862;
    background-image: url(/images/mastheadBkgrd.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding: 5px 0 5px 0;
}

.kpmast-wide {
    padding: 0;
}

.kpnav-brand > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.kpnav-brand-right {
    padding: 0;
}

.kpnav-brand-header {
    padding-left: 10px;
    font-size: 1.2em;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0;
}

.kpnav-icons,
.kpnav-icons2 {
    text-align: center;
    padding-top: 5px;
}
.kpnav-icons a,
.kpnav-icons2 a {
    opacity: .7;
    filter: alpha(opacity=70);
}
.kpnav-icons a:hover,
.kpnav-icons2 a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

@media (min-width: 350px) {
    .kpnav-brand-header {
        font-size: 1.3em;
    }
}

@media (min-width: 576px) {
    .kpnav-brand-header {
        font-size: 1.75em;
    }
}

@media (min-width: 768px) {
    .kpnav-icons,
    .kpnav-icons2 {
        padding-top: 40px;
    }
}

@media (min-width: 992px) {
    .kpnav-brand-header {
        font-size: 1.9em;
    }
}

.navbar-toggle {
    margin: 4px;
    padding: 4px;
}

.kpmenu .navbar-default .navbar-toggle .icon-bar {
    background-color: #eee;
}

.kpmenu .navbar-default .navbar-toggle:focus,
.kpmenu .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.kpmenu .navbar {
    min-height: 33px;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.kpmenu,
.kpmenu .navbar-default {
    background-color: #fcc527;
}

    .kpmenu .navbar-default .navbar-nav > li {
        height: 33px;
        background-image: url(../../images/menuDivider2.jpg);
        background-repeat: repeat-x;
        background-color: #fcc527;
    }

        .kpmenu .navbar-default .navbar-nav > li > a {
            color: #002856;
            font-weight: 600;
            font-size: 13px;
            background-color: #fcc527;
            margin: 0 1px 0 0;
            text-decoration: none;
        }

            .kpmenu .navbar-default .navbar-nav > li > a:focus,
            .kpmenu .navbar-default .navbar-nav > li > a:hover {
                color: #fcc527;
                background-color: #002856;
                background-image: none;
                text-decoration: underline;
            }

    .kpmenu .navbar-default .navbar-nav > .open > a,
    .kpmenu .navbar-default .navbar-nav > .open > a:hover,
    .kpmenu .navbar-default .navbar-nav > .open > a:focus {
        color: #fcc527;
        background-color: #002856;
        background-image: none;
    }

.kpsubnav > div {
    padding: 0;
}

.kpsubnav .navbar {
    min-height: 25px;
    margin-bottom: 0;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top;
    display: flex;
    justify-content: center;
}


.kpsubnav .nav > li > a {
    padding: 2px 8px;
    color: #27519c;
    border: 1px solid #eef;
}

.kpsubnav .navbar-nav {
    margin: 0 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .kpsubnav .navbar-nav > li {
        display: inline-block;
    }

.faded-focus {
    opacity: 0.2;
}

@media(min-width: 768px) {
    .kpmenu .navbar-default {
        padding: 0;
        display: flex;
        justify-content: center;
    }
}

@media(max-width: 767px) {
    .kpmenu .navbar-collapse {
        border: none;
    }

    .kpmenu .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
        border-left: 2px solid #444;
        border-right: 2px solid #444;
        border-bottom: 2px solid #444;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .kpmenu .collapsing .navbar-nav > li > a,
    .kpmenu .in .navbar-nav > li > a {
        border-top: 0px solid #ddd;
    }

    .kpmenu .navbar-collapse.collapsing,
    .kpmenu .navbar-collapse.in {
        background-color: #fff;
        margin-left: -15px;
        margin-right: -15px;
    }

    .kpmenu .navbar-default .collapsing .navbar-nav > li,
    .kpmenu .navbar-default .in .navbar-nav > li {
        height: inherit;
    }

    .faded-focus {
        opacity: inherit;
    }
}

.kpmenu .navbar-nav > li > .dropdown-menu {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
}

.mega-dropdown {
    position: static !important;
}

li.mega-dropdown > a, li.mega-dropdown > a > span {
    padding: 0 8px 0 8px;
    line-height: 33px;
    font-weight: 400;
}

    li.mega-dropdown > a:hover {
        background-image: url(../../images/menuSprite.jpg);
        background-repeat: repeat-x;
        background-position: 0 -33px;
    }

li.open > a:hover {
    background-image: none;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
}

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-dropdown-menu > li > ul > li,
        .mega-dropdown-menu > li > ul > li > ul > li {
            list-style: none;
        }

            .mega-dropdown-menu > li > ul > li a {
                display: block;
                padding: 3px 20px;
                clear: both;
                font-weight: normal;
                line-height: 1.428571429;
                color: #555;
                white-space: normal;
            }

    .mega-dropdown-menu > li ul > li > a:hover,
    .mega-dropdown-menu > li ul > li > a:focus {
        text-decoration: underline;
        color: #444;
        background-color: #f5f5f5;
    }

    .mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header a {
        color: #002856;
        font-size: 18px;
        font-weight: bold;
        padding: 0;
    }

    .mega-dropdown-menu form {
        margin: 3px 20px;
    }

    .mega-dropdown-menu .form-group {
        margin-bottom: 3px;
    }

/* qicons are used in sliders */
.qicon {
    overflow: hidden;
}

    .qicon li {
        float: left;
        height: 35px;
        min-width: 125px;
        margin: 10px;
        overflow: hidden;
    }

/* Communications slider */
ul.comLinks > li {
    float: left;
}

    ul.comLinks > li:first-child {
        padding: 0 15px 0 0;
    }

ul.contact li {
    float: left;
    padding: 0 10px 0 0;
}

ul.contact img {
    border: 0;
}

#masthead {
    height: 100px;
    border-bottom: 1px solid #ccc;
    background-color: #132e64;
    background-image: url(../../images/mastheadBkgrd.jpg);
    background-position: bottom center;
    background-repeat: repeat-x;
}

#mastheadInner {
    width: 985px;
    margin: auto;
}

#mastheadLeft {
    float: left;
    width: 649px;
}

#title {
    height: 82px;
    margin-top: 15px;
    overflow: hidden;
}

#mastheadRight {
    width: 336px;
    float: right;
}

#loading {
    position: absolute;
    margin-left: -200px;
    width: 200px;
    height: 20px;
    line-height: 18px;
    background-image: url(../../images/loading.gif);
    background-repeat: repeat-x;
    color: #e7ebea;
    font-family: 'Lucida Sans Unicode', Arial;
    font-size: 9px;
    text-align: center;
}

.modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    background-color: #fff;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.load {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/load.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 21000;
}

#loginWrapper {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    height: 20px;
    z-index: 100;
}

span#loginStatus {
    position: absolute;
    top: 0;
    right: 20px;
    background-image: url(/images/loadBar.gif);
}

div.loginStatus {
    height: 20px;
    width: 100px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-family: Verdana;
}

#loginButtons {
    text-align: right;
}

.loginStatusButtons img {
    opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
}

    .loginStatusButtons img:hover {
        opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
    }

div.userInfo {
    float: right;
    background-color: #2653b2;
    display: block;
    vertical-align: top;
    height: 20px;
    font-family: Verdana;
    font-size: 10px;
    color: #ddd;
    padding: 0 8px 0 8px;
    opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
}

.loginStatusButtons {
    float: right;
}

#login {
    height: 20px;
    width: 20px;
    overflow: hidden;
    float: right;
}

#loginIcon {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: #fff;
    float: right;
    background-color: #2653b2;
    background-image: url(../../images/loginBtnAnim.gif);
    background-repeat: repeat-x;
    background-position: center;
    cursor: pointer;
}

.actions {
    height: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #949494;
    font-family: 'Lucida Sans Unicode', Arial;
    font-size: 9px;
}

    .actions li {
        margin: 0;
        float: right;
        line-height: 20px;
    }

        .actions li a {
            display: block;
            text-decoration: underline;
            color: #949494;
            background: url(../../images/plus.gif) no-repeat 8% 50%;
            padding: 0 6px 0 12px;
        }

            .actions li a:hover {
                background-color: #2653b2;
                color: #e7ebea;
            }

.start {
    height: 20px;
    padding-right: 4px;
}

#icons {
    float: right;
    margin: 35px 0 0 0;
    padding: 0;
}

.icon {
    width: 46px;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-family: 'Lucida Sans Unicode', Arial;
    font-size: 10px;
    line-height: 10px;
    vertical-align: top;
}

    .icon a {
        color: #fff;
        font-weight: 500;
    }

.kpnav-icons2 {
    width: auto;
    display: block;
    margin: 5px auto;
}

.icon2 {
    width: 46px;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-family: 'Lucida Sans Unicode', Arial;
    font-size: 10px;
    line-height: 10px;
    vertical-align: top;
}

    .icon2 a {
        color: #27519c;
        font-weight: 500;
    }

#menu {
    color: white;
    height: 33px;
    font-size: 13px;
    font-family: 'Lucida Sans Unicode', Arial;
    background-image: url(../../images/menuSprite.jpg);
    background-repeat: repeat-x;
}

#menuInner {
    margin: auto;
    overflow: hidden;
}

#menu ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li {
    margin: 0;
    padding: 0;
    background-image: url(../../images/menuDivider.jpg);
    background-repeat: repeat-x;
    list-style: none;
    float: left;
    height: 33px;
    overflow: hidden;
}

#menu ul li a {
    background-image: url(../../images/menuSprite.jpg);
    background-repeat: repeat-x;
    display: block;
    margin: 0 1px 0 0;
    padding: 8px 11px 9px 11px;
    color: #fff;
    text-decoration: none;
}

    #menu ul li a:hover {
        background-image: url(../../images/menuSprite.jpg);
        background-repeat: repeat-x;
        background-position: 0 -33px;
    }

    #menu ul li a.selected,
    #menu ul li a.selected:hover {
        background-image: none;
        background-color: #fdfdfd;
        background-image: url(../../images/arrow.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        color: #555;
        padding: 7px 9px 8px 9px;
        border: 2px solid #e7ebea;
        border-right: 2px solid #ccc;
        border-bottom: 0px;
    }

.nopadding {
    padding: 0;
}

#mainInner {
    padding: 5px 15px 5px 15px;
    background-color: #fff;
    min-height: 350px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

#sub > #mainInner {
    padding: 5px 0 5px 0;
    display: flex;
}

.subInside {
    padding: 10px 30px 30px 30px;
    flex: 1 1 auto;
}

#leftPanel {
    display: none;
    width: 240px;
    min-width:240px;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #fff;
}

.leftModule {
    padding: 0 0 30px 0;
    margin: 0;
}

#collapse {
    position: relative;
    float: right;
    width: 10px;
    overflow: hidden;
}

    #collapse span {
        width: 10px;
        background-color: #e7ebea;
        color: #544;
        cursor: pointer;
        padding: 4px 0 4px 0;
        float: right;
    }

        #collapse span:hover,
        #collapseSub span:hover {
            background-color: #ccc;
            color: #fff;
        }

/* Secondary Menu */

ul#secondaryMenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#secondaryMenu li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        ul#secondaryMenu li ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            ul#secondaryMenu li ul li {
                list-style: none;
                padding: 0;
                margin: 0;
            }

        ul#secondaryMenu li.egMenuLevel_0.egNonSelected {
            display: none;
        }

        ul#secondaryMenu li.egMenuLevel_0.egSelected {
            visibility: visible;
        }

        ul#secondaryMenu li.egMenuLevel_1.egNonSelected li {
            display: none;
        }

        ul#secondaryMenu li.egMenuLevel_1.egSelected {
            visibility: visible;
        }

    ul#secondaryMenu a {
        display: block;
        padding: 3px 15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        ul#secondaryMenu a.egSelected {
            color: #555;
        }

    ul#secondaryMenu li.egMenuLevel_0 > a {
        display: none;
    }

    ul#secondaryMenu li.egMenuLevel_2.egNonSelected ul,
    ul#secondaryMenu li.egMenuLevel_3.egNonSelected ul,
    ul#secondaryMenu li.egMenuLevel_4.egNonSelected ul {
        display: none;
    }

    ul#secondaryMenu li.egMenuLevel_1 > a,
    ul#secondaryMenu li.egMenuLevel_1 > span {
        display: block;
        padding: 5px 15px 5px 15px;
        font-weight: bold;
        border-top: 1px solid #e4e6e7;
        background-image: url(/images/headerGradient.gif);
        background-repeat: repeat-x;
        background-position: center;
    }

    ul#secondaryMenu li.egMenuLevel_2 > a {
        padding: 3px 15px 3px 35px;
        font-size: 11px;
        font-weight: bold;
    }

    ul#secondaryMenu li.egMenuLevel_3 > a {
        padding: 1px 15px 1px 55px;
        font-size: 10px;
    }

    ul#secondaryMenu li.egMenuLevel_4 > a {
        padding: 0px 15px 0px 75px;
        font-size: 9px;
    }



/* End Secondary Menu */

.staffInfo {
    float: right;
    width: 169px;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    margin: 0 -45px 20px 20px;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    border: 1px solid #e7ebea;
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 16px;
}

    .staffInfo a {
        display: block;
        padding: 0 0 0 8px;
        background: url(../../images/plus.gif) no-repeat 0% 50%;
        text-decoration: underline;
    }


.min {
    height: 10px;
    width: 10px;
    overflow: hidden;
    background-color: #e7ebea;
    color: #888;
    text-align: center;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 9px;
}

    .min:hover {
        background-color: #ccc;
        color: #fff;
    }

.bar {
    background-color: #e7ebea;
    margin: 10px -20px 10px -20px;
    padding: 2px 20px 2px 20px;
    font-weight: bold;
}

.float {
    float: right;
}

#topModule {
}

#topModuleLeft {
    float: left;
    width: 619px;
    margin-right: 15px;
}

#topModuleRight {
    float: left;
    width: 319px;
}

#bottomModule {
}

#bottomModuleLeft {
    float: left;
    width: 619px;
    margin-right: 15px;
}

#bottomModuleRight {
    float: left;
    width: 319px;
}

div.headerBar {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div.headerBar {
    padding: 0 0 0 5px;
}


div.headerBarInner span {
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 13px;
}

.moduleContentInner .header {
    font-size: 15px;
    font-family: 'Lucida Sans Unicode';
}

.moduleContentInner h1 {
    font-size: 15px;
    font-family: 'Lucida Sans Unicode';
    font-weight: 600;
    color: #a14020;
    margin-bottom: 0;
}

    .moduleContentInner h1:first-child,
    .moduleContentInner p + h1,
    .moduleContentInner h1 + p {
        margin-top: 0;
    }

.moduleContentInner a {
    font-weight: 700;
}

ul.transp li {
    color: #555;
    margin: 0 0 0 10px;
}

    ul.transp li.headerLeft,
    ul.transp li.headerRight {
        background-image: none;
    }


.moduleContent {
    background-color: #f8f8f8;
    font-family: Verdana, Arial;
    font-size: 11px;
}

    .moduleContent.event {
        border-radius: 0px;
    }

.moduleContentInner.collapse {
    padding: 0 1px 20px 1px;
}

.footer-row {
    padding: 15px;
    text-align: center;
}

.clear {
    clear: both;
}

.sep {
    display: inline-table;
    height: 27px;
    width: 12px;
    background-image: url(../../images/separator.png);
    background-repeat: no-repeat;
}

/* Upcoming Events */

ul.upcomingEvents {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.upcomingEvents li {
        padding: 3px 10px 3px 20px;
        border-bottom: 1px solid #fff;
    }

        ul.upcomingEvents li.rsCategoryLightBlue {
            background-image: url(/images/rsAppointmentLightBlueBg.png);
            background-position: -368px 0;
        }

        ul.upcomingEvents li.rsCategoryPink {
            background-image: url(/images/rsAppointmentPinkBg.png);
            background-position: -368px 0;
        }

        ul.upcomingEvents li.rsCategoryOrange {
            background-image: url(/images/rsAppointmentOrangeBg.png);
            background-position: -368px 0;
        }

        ul.upcomingEvents li.rsCategoryBlue {
            background-image: url(/images/rsAppointmentYellowBg.png);
            background-position: -368px 0;
        }

        ul.upcomingEvents li.rsCategoryYellow {
            background-image: url(/images/rsAppointmentOrangeBg.png);
            background-position: -368px 0;
        }

        ul.upcomingEvents li.rsCategoryGreen {
            background-image: url(/images/rsAppointmentGreenBg.png);
            background-position: -368px 0;
        }

/* Translation Styles */

#google_translate_element * {
    visibility: hidden;
    margin: 0;
    padding: 0;
}

#google_translate_element select {
    visibility: visible;
}

#google_translate_element option {
    visibility: visible;
}

#google_translate_element {
    height: 22px;
    overflow: hidden;
}

/* Menu Slider */

#sliderWrap {
    display: block;
    margin: auto;
    z-index: 2000;
}

.slider {
    position: absolute;
    overflow: hidden;
    min-width: 985px;
    height: 0px;
    background-image: url(../../images/slider.png);
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 12px;
}

    .slider div.home a {
        display: block;
        padding: 5px 10px 5px 10px;
        margin: 0 25px 0 0;
        font-family: 'Lucida Sans Unicode', Arial;
        font-size: 14px;
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #ebebeb;
        border-radius: 15px;
        background-image: url(/images/headerGradient.gif);
        background-repeat: repeat-x;
        background-position: center;
    }

        .slider div.home a:active {
            border-top: 1px solid #c7c7c7;
            border-right: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            border-left: 1px solid #c7c7c7;
        }

    .slider ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.sliderColumn select {
    padding: 4px;
    font-size: 14px;
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    border-left: 2px solid #c7c7c7;
    color: #777;
}

.sliderColumn {
    width: 30%;
    height: 190px;
    background-image: url(../../images/columnShdw.png);
    background-repeat: repeat-y;
    background-position: top right;
    float: left;
    overflow: auto;
    padding: 0 0 0 20px;
    margin: 20px 0 0 0;
}

    .sliderColumn.start {
        width: 31%;
    }

    .sliderColumn.end {
        width: 31%;
        background-image: none;
    }

    .sliderColumn.extend {
        width: 63%;
        background-image: none;
    }

.closeButton {
    position: absolute;
    bottom: 27px;
    right: 7px;
    cursor: pointer;
}

#slider img {
    border: 0;
}

#preload {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#openCloseIdentifier {
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

/* Slideshow Styles */


#allSlides {
    background-color: #e7ebea;
}

.slideshow .image > img {
    width: 100%;
}

.shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url(/images/shadow.png);
    background-repeat: repeat-x;
    background-position: top;
    height: 15px;
}

.slideshow {
    overflow: hidden;
    background-image: url(/images/load.gif);
    background-repeat: no-repeat;
    background-position: center;
}

    .slideshow > div {
        position: relative !important;
    }

#buttons {
    position: absolute;
    z-index: 100;
    margin-top: -24px;
    right: 20px;
    float: right;
}

#previous {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    background-image: url(../../images/previous.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

    #previous:active {
        background-image: url(../../images/prevActive.png);
    }

#next {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    background-image: url(../../images/next.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

    #next:active {
        background-image: url(../../images/nextActive.png);
    }

#pause {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../../images/pause.png);
}

#resume {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../../images/resume.png);
}

#isPaused {
    margin-top: -25px;
    display: block;
    width: 66px;
    height: 21px;
    color: white;
    background-image: url(../../images/paused.png);
    background-repeat: no-repeat;
    visibility: hidden;
}

.captionBg {
    position: absolute;
    width: 619px;
    height: 130px;
    background-color: #000;
    bottom: 0px;
    opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
    border-top: 1px solid #ddd;
    border-top-right-radius: 10px;
}

.captionText {
    position: absolute;
    width: 599px;
    font-family: Verdana, Arial;
    font-size: 11px;
    height: 130px;
    bottom: 0px;
    padding: 0 0 0 10px;
    color: #fff;
}

.captionTitle {
    display: block;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 8px 0;
    z-index: 8000;
}

.readMore {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #e7ebea;
    color: #555;
    font-family: Verdana;
    font-size: 11px;
    background-image: url(/images/headerGradient.gif);
    background-position: center;
    background-repeat: repeat-x;
    border-top-left-radius: 10px;
}

    .readMore.borders a {
        display: block;
        padding: 5px 10px 5px 10px;
        margin: 0 70px 0 0;
        vertical-align: middle;
    }

.image {
    position: relative;
}

/* photo of the day */
.potd-content {
    display: flex;
    align-items: center;
    background-color: #132e64;
}

    .potd-content > div {
        padding-left: 0;
        padding-right: 0;
    }

        .potd-content > div > span {
            color: #ffcd00;
            font-size: 2em;
            line-height: 1.0em;
            margin-left: 10px;
            display: block;
        }

        .potd-content > div > img {
            float: right;
            padding: 5px;
            border-radius: 0px;
            margin: 5px;
        }

.potd-tagline > div > img {
    width: 100%;
}

/* school locations module */
.school-locations img {
    width: 100%;
}

/* Highlight Styles */

#highlights {
    height: 270px;
    overflow: auto;
}

.highlight {
    margin-bottom: 1px;
    height: 70px;
    background-color: white;
}

.highlightPhoto {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
}

.highlightTitle {
    height: 70px;
}

    .highlightTitle a:link,
    .highlightTitle a:active,
    .highlightTitle a:visited {
        display: block;
        height: 50px;
        padding: 10px 10px 10px 20px;
        margin-left: 70px;
        background-position: 10px 15px;
    }

    .highlightTitle a:hover {
        display: block;
        height: 50px;
        background-color: #eff3fb;
    }

#button a {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px 6px 3px 6px;
    border-radius: 6px;
    cursor: pointer;
}

/* Staff Finder Page Styles */

table.resulttable {
    width: 100%;
}

    table.resulttable td {
        padding: 5px;
    }

tr.resultitem td {
    background-color: #f8f8f8;
}

.resultitemmailto input {
    background-color: Transparent;
    border: 0px;
    width: 100%;
    margin-right: 20px;
    color: #27519c;
    cursor: pointer;
}

td.resultitemmailto:hover input {
    color: #555;
}

#empDirSearchResults {
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #ebebeb;
}

#empDirSearchResults {
    padding: 10px;
}

    #empDirSearchResults table.resulttable {
        width: 100%;
    }

#staffSearch > input[type=text],
#searchTools input[type=text] {
    padding: 5px;
    margin: 0 5px 0 0;
    font-size: 14px;
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    border-left: 2px solid #c7c7c7;
    color: #777;
}

#staffSearch > select,
#searchTools select {
    padding: 4px;
    font-size: 14px;
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    border-left: 2px solid #c7c7c7;
    color: #777;
}

#staffSearch > input[type=button],
#searchTools input[type=button],
#searchTools input[type=submit] {
    display: inline;
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
    border-top: 2px solid #ebebeb;
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    border-left: 2px solid #ebebeb;
    background-color: #fff;
    margin: 0;
}

    #searchTools input[type=button]:active,
    #searchTools input[type=submit]:active {
        border-top: 2px solid #c7c7c7;
        border-right: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
        border-left: 2px solid #c7c7c7;
    }

/* Sitemap Styles */

#sitemap ul.ektSitemap {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

    #sitemap ul.ektSitemap li {
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #ebebeb;
    }

        #sitemap ul.ektSitemap li a {
            display: block;
            margin: 0;
            padding: 5px;
            font-weight: bold;
            background-color: #f8f8f8;
            background-image: url(/images/headerGradient.gif);
            background-repeat: repeat-x;
            border: 1px solid #fff;
            border-bottom: 1px solid #eee;
        }

            #sitemap ul.ektSitemap li a:hover {
                border-top: 1px solid #ebebeb;
                border-right: 1px solid #c7c7c7;
                border-bottom: 1px solid #c7c7c7;
                border-left: 1px solid #ebebeb;
            }

            #sitemap ul.ektSitemap li a:active {
                border-top: 1px solid #c7c7c7;
                border-right: 1px solid #ebebeb;
                border-bottom: 1px solid #ebebeb;
                border-left: 1px solid #c7c7c7;
            }

        #sitemap ul.ektSitemap li ul * {
            font-weight: normal;
            background-color: Transparent;
            background-image: none;
            border: none;
        }

#sitemap li ul {
    margin: 0;
    padding: 0;
}

#sitemap ul.ektSitemap li ul li a {
    display: block;
    border: 1px solid #fff;
    border-bottom: 1px solid #f8f8f8;
    margin: 0;
    padding-left: 30px;
}

#sitemap ul.ektSitemap li ul li ul li a {
    padding-left: 70px;
}

#sitemap ul.ektSitemap li ul li ul li ul li a {
    padding-left: 100px;
}

#sitemap ul.ektSitemap li ul li ul li ul li ul li a {
    padding-left: 130px;
}

/* Search Results Styles */

div.searchResults .resultsHeader {
    background-color: #fff;
    background-image: url(/images/headerGradient.gif);
    background-repeat: repeat-x;
    background-position: center;
    border: 1px solid #e7ebea;
    margin: 0 0 10px 0;
    padding: 5px;
}

.ektronSearch div#navbar ul.ektronPaging li {
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #ebebeb;
}


div.searchResults ul.resultsInner {
    list-style: none;
    margin: 0;
    padding: 0;
}

    div.searchResults ul.resultsInner li {
        margin: 0 0 10px 0;
        padding: 10px;
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #ebebeb;
    }

div.searchResults .resultsImageIcon {
    margin: 0;
    padding: 0;
    height: 30px;
    float: left;
    line-height: 25px;
}

div.searchResults .resultsTitle {
    margin: 0;
    padding: 0 0 0 5px;
    height: 30px;
    float: left;
    font-size: 14px;
}

div.searchResults .resultsDateModified {
    font-size: 11px;
    position: relative;
    float: right;
    margin: -10px;
    padding: 1px 5px 1px 5px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #ebebeb;
}

div.searchResults .resultsSuggested {
    background-color: #FFFFD8;
}

div.searchResults .resultsTeaser {
    margin: 0 0 10px 0;
}

div.searchResults .resultsContentInfo {
    font-size: 11px;
    color: #008000;
}

div.error {
    border: 2px dashed #e47d5c;
    font-weight: normal;
    font-size: 14px;
    padding: 10px 10px 10px 30px;
    margin: 0 0 15px 0;
    background-image: url(/images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 8px 13px;
}

.button {
    margin: 4px 4px 0 0;
    float: right;
    font-size: 9px;
}

.headerBar .button a {
    background-color: #fff;
}

.button a {
    display: block;
    padding: 0 5px 0 5px;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #fff;
    border-radius: 5px;
    color: #555;
}

    .button a:hover {
        background-image: url(/images/headerGradient.gif);
        background-repeat: repeat-x;
        background-position: 0 -40px;
        color: #626262;
    }

    .button a:active {
        background-image: url(/images/headerGradient.gif);
        background-repeat: repeat-x;
        background-position: 0 -60px;
        border-top: 1px solid #c7c7c7;
        border-right: 1px solid #f8f8f8;
        border-bottom: 1px solid #f8f8f8;
        border-left: 1px solid #c7c7c7;
    }

.backMobile {
    position: fixed;
    width: 100%;
    text-align: center;
    z-index: 999;
}

    .backMobile a {
        display: block;
        width: 230px;
        margin: auto;
        background-color: #feff7f;
        padding: 10px;
        border: 1px solid #fff;
        font-size: 24px;
        text-align: center;
    }

ul.bidFiles {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.bidFiles li div {
        display: inline-block;
    }

        ul.bidFiles li div.bidPosted {
            float: right;
        }

ul.tabs-nav li {
}

    ul.tabs-nav li.tabs-selected {
        visibility: visible;
    }

#ek_MapLongitude_label,
#ek_MapLatitude_label,
#ek_MapLongitude,
#ek_MapLatitude {
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

div#fragment-4 {
    visibility: visible;
}
/* Forms Page Styles */

.formModules {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #ebebeb;
}

    .formModules li {
        display: block;
        /*height: 15px;*/
        padding: 5px;
        background-color: #fff;
        /*border: 1px solid #fff;*/
        border-bottom: 1px solid #eee;
        overflow: hidden;
        white-space: nowrap;
        background-image: url(/images/checkbox.png);
        background-position: top right;
        background-repeat: no-repeat;
        cursor: pointer;
        color: #27519c;
    }

        .formModules li.selected {
            background-color: #eff3fb;
            border-top: 1px solid #c7c7c7;
            border-right: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            border-left: 1px solid #c7c7c7;
            background-position: bottom right;
        }

        .formModules li:hover {
            border-top: 1px solid #ebebeb;
            border-right: 1px solid #c7c7c7;
            border-bottom: 1px solid #c7c7c7;
            border-left: 1px solid #ebebeb;
            color: #555;
        }

        .formModules li.selected:hover {
            background-color: #eff3fb;
            border-top: 1px solid #c7c7c7;
            border-right: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            border-left: 1px solid #c7c7c7;
            background-position: bottom right;
        }

.contentTeaser {
    position: absolute;
    right: 295px;
    width: 25%;
    display: none;
    color: #555;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
    margin: -28px 0 0 0;
    box-shadow: 0 0 5px #ddd;
}

.contentTeaserHeader {
    padding: 5px;
    border-bottom: 1px solid #c7c7c7;
}

.contentPreview {
    padding: 15px;
    font-size: 11px;
}

.contentTeaser p {
    margin: 0;
    padding: 0;
}

#taxGroup {
    float: right;
}

#taxMid {
    margin: 0 240px 0 240px;
}

#keySearch {
    margin: 0 0 15px 0;
}

    #keySearch input[type=text] {
        padding: 5px;
        width: 230px;
        margin: 0 5px 0 0;
        font-size: 14px;
        border-top: 2px solid #c7c7c7;
        border-right: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
        border-left: 2px solid #c7c7c7;
        color: #999;
    }

    #keySearch select {
        padding: 4px;
        font-size: 14px;
        border-top: 2px solid #c7c7c7;
        border-right: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
        border-left: 2px solid #c7c7c7;
        color: #999;
    }

    #keySearch #btnSubmit,
    #keySearch #btnClear {
        display: inline;
        padding: 5px;
        font-size: 14px;
        font-weight: normal;
        border-top: 2px solid #ebebeb;
        border-right: 2px solid #c7c7c7;
        border-bottom: 2px solid #c7c7c7;
        border-left: 2px solid #ebebeb;
        background-color: #fff;
        margin: 0;
        cursor: pointer;
    }

        #keySearch #btnSubmit:active,
        #keySearch #btnClear:active {
            border-top: 2px solid #c7c7c7;
            border-right: 2px solid #ebebeb;
            border-bottom: 2px solid #ebebeb;
            border-left: 2px solid #c7c7c7;
        }

.filters {
    position: relative;
    float: left;
    width: 220px;
}

#forms .filters div a,
div.keys a {
    display: block;
    float: right;
    height: 16px;
    width: 15px;
    background-image: url(/images/closeButtonAlt.png);
    background-repeat: no-repeat;
}

    #forms .filters div a:active {
        display: block;
        float: right;
        height: 16px;
        width: 15px;
        background-image: url(/images/closeButtonAlt.png);
        background-repeat: no-repeat;
        background-position: 0 -17px;
    }

#results {
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #ebebeb;
}

ul#formResults {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#formResults li.public {
        display: none;
        margin: 0;
        border-bottom: 1px solid #eee;
    }

    ul#formResults li.private {
        display: none;
        margin: 0;
        background-color: #f8f8f8;
        border-bottom: 1px solid #fff;
    }

    ul#formResults li a.public {
        display: block;
        padding: 5px 5px 5px 32px;
        border: 1px solid #fff;
    }

    ul#formResults li span.private {
        display: block;
        padding: 6px 5px 6px 32px;
        cursor: pointer;
    }

    ul#formResults li a:hover {
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #ebebeb;
    }

    ul#formResults li a:active {
        border-top: 1px solid #c7c7c7;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        border-left: 1px solid #c7c7c7;
    }

    .hide,
    ul#formResults li.private.hide,
    ul#formResults li.public.hide,
    .hideFilter {
        position: absolute;
        top: -20000px;
        left: -20000px;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        border-bottom: 0;
        padding: 0;
        margin: 0;
        display: none;
    }

#loadingForms {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: .50;
    z-index: 13000;
}

#spinner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(/images/load.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 14000;
}

/* Ektron Search Styles */

div.ektronSearch {
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 400px;
}

.ektronSearch ul.searchNavigation {
    position: absolute;
    z-index: 199;
    width: 240px;
    height: 24px;
    overflow: hidden;
}

    .ektronSearch ul.searchNavigation li {
        border: 0px;
        display: inline;
        float: left;
    }

        .ektronSearch ul.searchNavigation li a {
            border-top: 1px solid #ebebeb;
            border-right: 1px solid #c7c7c7;
            border-bottom: 1px solid #c7c7c7;
            border-left: 1px solid #ebebeb;
            background-color: #fff;
            top: 0px;
            text-decoration: none;
        }

            .ektronSearch ul.searchNavigation li a.selected {
                background-color: #f8f8f8;
                border-top: 1px solid #c7c7c7;
                border-right: 1px solid #ebebeb;
                border-bottom: 1px solid #ebebeb;
                border-left: 1px solid #c7c7c7;
                top: 0px;
            }

            .ektronSearch ul.searchNavigation li a:hover {
                text-decoration: none;
            }


div.subInside div.ektronSearch div.searchWrapper {
    border: none;
    padding: 0;
    margin: 0;
}

    div.subInside div.ektronSearch div.searchWrapper fieldset.findResults,
    div.subInside div.ektronSearch div.searchWrapper fieldset.searchFilters {
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #ebebeb;
        padding: 15px;
        margin: 0 0 15px 0;
    }

    div.subInside div.ektronSearch div.searchWrapper #basicTerms input[type=text] {
        padding: 5px;
        margin: 0 5px 0 0;
        font-size: 14px;
        border-top: 2px solid #c7c7c7;
        border-right: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
        border-left: 2px solid #c7c7c7;
    }

    div.subInside div.ektronSearch div.searchWrapper #basicTerms select {
        padding: 4px;
        font-size: 14px;
        border-top: 2px solid #c7c7c7;
        border-right: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
        border-left: 2px solid #c7c7c7;
    }

    div.subInside div.ektronSearch div.searchWrapper #basicTerms input[type=button] {
        padding: 5px;
        font-size: 14px;
        font-weight: normal;
        border-top: 2px solid #ebebeb;
        border-right: 2px solid #c7c7c7;
        border-bottom: 2px solid #c7c7c7;
        border-left: 2px solid #ebebeb;
        background-color: #fff;
        margin: 0;
    }

        div.subInside div.ektronSearch div.searchWrapper #basicTerms input[type=button]:active {
            border-top: 2px solid #c7c7c7;
            border-right: 2px solid #ebebeb;
            border-bottom: 2px solid #ebebeb;
            border-left: 2px solid #c7c7c7;
        }

    div.subInside div.ektronSearch div.searchWrapper div#basicTerms {
        position: relative;
        margin: 0 0 0 240px;
    }

    div.subInside div.ektronSearch div.searchWrapper div#advancedTerms {
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #ebebeb;
        padding: 40px 15px 15px 15px;
    }

p#EktronCategorySearchToggle {
    text-align: left;
    position: absolute;
    top: 50px;
    left: 0;
    margin-left: -250px;
}

div.ektronSearch div.searchWrapper fieldset#EktronCategorySearch {
    text-align: left;
    position: absolute;
    top: 80px;
    left: 0;
    width: 230px;
    overflow: hidden;
    background-color: Transparent;
    border: none;
    margin-left: -250px;
    padding: 0;
}

fieldset#EktronCategorySearch legend {
    display: none;
}

div.searchResults {
    margin-left: 240px;
}

div.ektronSearch div.searchWrapper div.searchResultsHeader {
    border: 0;
    padding: 0;
    margin: 0;
}

    div.ektronSearch div.searchWrapper div.searchResultsHeader h3.noResults {
        padding: 5px;
        margin: 0;
        background-color: Transparent;
        background-image: url(/images/headerGradient.gif);
        background-repeat: repeat-x;
        background-position: center;
        border-top: 1px solid #ebebeb;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        border-left: 1px solid #ebebeb;
    }

div.resultHeader {
    background-color: Transparent;
    background-image: url(/images/headerGradient.gif);
    background-repeat: repeat-x;
    background-position: center;
}

/* Board Packet Styles */

.board_packet_title {
    font-family: "Bookman Old Style";
    font-weight: 700;
    font-size: 24px;
}

.sub_title {
    font-family: "Bookman Old Style";
    font-weight: 700;
    font-size: 20px;
}

.board_packet_heading {
    font-family: "Bookman Old Style";
    font-weight: 700;
    font-size: 16px;
}

.worksession,
.worksession a {
    font-family: "Bookman Old Style";
    font-size: 14px;
}

.worksession_small {
    font-family: "Bookman Old Style";
    font-size: 12px;
    text-decoration: underline;
    font-style: italic;
}

.members, .content_agenda, .date_time_address_info {
    font-family: "Bookman Old Style";
    font-size: 12px;
}

/* Schools Page Module */

span.columnTitle {
    font-weight: bold;
    font-size: 9px;
    line-height: 11px;
}

span.webLink {
    width: 60px;
}

td.webLink {
    width: 43px;
    padding: 5px 5px 6px 7px;
}

span.school {
    width: 180px;
}

td.school {
    width: 165px;
    padding: 0 0 0 10px;
}

span.gradesType {
    width: 60px;
}

td.gradesType {
    width: 60px;
    padding: 0 0 0 13px;
}

#schoolResults span.grades, td.grades {
    width: 150px;
    overflow: hidden;
    margin: 4px 20px 0 0;
}

span.phone, td.phone {
    width: 149px;
}

span.columnTitleInfo {
    font-weight: bold;
    font-size: 9px;
    line-height: 11px;
    padding: 0 0 0 7px;
}

#schoolView input[type=text] {
    padding: 5px;
    margin: 0 5px 0 0;
    font-size: 14px;
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    border-left: 2px solid #c7c7c7;
    color: #999;
}

#schoolView select {
    padding: 4px;
    font-size: 14px;
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    border-left: 2px solid #c7c7c7;
    color: #999;
}

#schoolView input[type=submit] {
    display: inline;
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
    border-top: 2px solid #ebebeb;
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    border-left: 2px solid #ebebeb;
    background-color: #fff;
    margin: 0;
}

#schoolView #btnSubmit:active,
#schoolView #btnClear:active {
    border-top: 2px solid #c7c7c7;
    border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    border-left: 2px solid #c7c7c7;
}

#schoolResults div.result {
    border: 1px solid #fff;
    border-bottom: 1px solid #eee;
    padding: 7px 5px 7px 5px;
}

#schoolResults div.resultInner {
    display: inline-block;
}

#schoolResults div.result span {
    display: inline-block;
    vertical-align: top;
}

#schoolDetails .leftColumn {
    width: 220px;
    float: left;
}

#schoolDetails .leftColumnInner {
    margin: 12px 0 0 0;
    background-color: #f8f8f8;
    border-bottom: 1px solid #c7c7c7;
}

#schoolDetails .rightColumn {
    margin: 0 0 0 240px;
}

.summary {
    line-height: 20px;
}

span.id {
    width: 40px;
}

.wrapper {
    padding: 10px;
    background-color: #fff;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #c7c7c7;
    border-bottom: 0px;
    border-left: 1px solid #ebebeb;
}

#schoolDetails div.gradeInfo {
    overflow: hidden;
}

#schoolDetails div.contactInfo {
}

#schoolDetails div.adminInfo {
}

#schoolDetails ul#adminInfo {
    list-style: none;
    margin: 0;
    padding: 0;
}

span.schoolPage {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 8px;
}

span.grade {
    display: inline-block;
    padding: 0;
    width: 16px;
    padding: 1px 1px 1px 0;
    color: White;
    font-size: smaller;
    text-align: center;
    vertical-align: middle;
    margin: 0 1px 1px 0;
}

#schoolDetails span.grade {
    display: inline-block;
    padding: 0;
    width: 16px;
    padding: 5px;
    color: White;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    margin: 0 1px 1px 0;
}

span.grade.gr_PS {
    background-color: #a820e8;
}

span.grade.gr_K {
    background-color: #2054e8;
}

span.grade.gr_01 {
    background-color: #3c6aed;
}

span.grade.gr_02 {
    background-color: #577ef0;
}

span.grade.gr_03 {
    background-color: #6d8ff2;
}

span.grade.gr_04 {
    background-color: #84a0f3;
}

span.grade.gr_05 {
    background-color: #9cb2f5;
}

span.grade.gr_06 {
    background-color: #1dbe38;
}

span.grade.gr_07 {
    background-color: #3ad354;
}

span.grade.gr_08 {
    background-color: #54de6c;
}

span.grade.gr_09 {
    background-color: #e11313;
}

span.grade.gr_10 {
    background-color: #ed5151;
}

span.grade.gr_11 {
    background-color: #f46262;
}

span.grade.gr_12 {
    background-color: #f47d7d;
}

#schoolBusRoutes {
    display: none;
}

/* End Schools Page Module */

#staffFinder {
    min-height: 400px;
}

/* Styles from Main.Master */


.supt-header {
    display: flex;
    align-items: center;
}

    .supt-header > div {
        padding-left: 0;
        padding-right: 0;
    }

    .supt-header ul {
        padding-top: 10px;
        padding-left: 15px;
    }

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

.clearfix {
    display: inline-block;
}


@media (min-width: 768px) {
    #leftPanel {
        display: block;
    }

    #collapseSub {
        visibility: hidden;
        left: 270px;
    }

    .subInside {
        border-left: 1px solid #e7ebea;
    }

    /* Eliminate double gutter issue for front page columns*/
    .row.no-gutters > div[class*="col-"]:first-child {
        padding-left: 15px;
        padding-right: 7px;
    }

    .row.no-gutters > div[class*="col-"]:last-child {
        padding-left: 7px;
        padding-right: 15px;
    }
}


/* JQuery Slideshow used in a number of content blocks */
.mask {
    width: 720px;
    height: 720px;
    overflow: hidden;
}

ul.images {
    position: relative;
    top: 0px;
    left: 0px;
}

    ul.images li {
        position: absolute;
        list-style: none;
        top: 0px;
        margin: 0 auto;
    }

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

    ul.triggers li {
        float: left;
        margin: 0 5px;
        font: bold 12px arial;
        cursor: pointer;
        background: url('/images/Slider-Selector-Icon.png') no-repeat center center;
        color: #000;
        padding: 5px;
        width: 10px;
        height: 10px;
    }

        ul.triggers li.selected {
            background-image: url('/images/Slider-Selector-Icon-Selected.png');
            color: #000;
        }

.control {
    color: #000;
    cursor: pointer;
}

@media print {
    a[href]:after {
        content: none !important;
    }

    body {
        background: none;
        color: #000;
        margin: 0;
        padding: 0;
        height: 100%;
        visibility: visible;
        overflow: visible;
    }

    a {
        color: Blue;
    }

    #topnav,
    #leftPanel,
    #navBar,
    #masthead,
    #subMenu,
    #sliderWrap,
    #footer,
    #logo,
    #collapseSub,
    .policySearch,
    .searchTools,
    #leftOptions,
    .printHide,
    .kpmast, .kpmenu, .kpsubnav, .printHide, .policySearch, .staffInfo, .searchTools, footer {
        display: none !important;
    }

    form,
    #boardContent,
    boardContentInner,
    #maintable,
    #sub,
    #ctl00_phContent_ctl00_content {
        padding: 0;
        margin: 0;
        border: 0;
        overflow: visible;
        visibility: visible;
        height: 100%;
    }

    /* Bootstrap styles default to avoid for tr page-break-inside. We don't want this behavior for board content */
    #boardContent tr {        
        page-break-inside: auto;
    }

    .staffInfo {
    }

    .subInside {
        padding: 0;
        overflow: visible;
        visibility: visible;
        height: 100%;
        margin-left: 0px;
        border: 1px solid #fff;
    }

    #ctl00_phLeftNav_leftPanel_updPnlLeft {
        display: none;
    }
}

/* 20180109 ERS:
    Bootstrap defaults the ms-viewport to device-width, which leads to scrollbars rendered over content.
    Revert this below, making sure the ms-viewport is auto width, causing scrollbars to appear immediately to the right of content.
*/
@-ms-viewport {
    width: auto !important;
}