.content .inside a:hover,
.content .inside a:focus {
    color: #193966;
}

#wrapper footer {
    position: absolute;
    bottom: 0;
}

#wrapper footer h3 {
    background: transparent;
}

#wrapper .school {
    position: absolute;
    bottom: 151px;
}


.inside {
    width: 100%;
    margin: 0 auto;
}

#wrapper .content {
    position: relative;
    margin: 0 auto;
    background: #fff url("/pics/inner_t.png") no-repeat center top;
    padding-bottom: 433px;
}

#wrapper .content .inside {
    width: 100%;
    max-width: 1080px;
    padding: 37px 0px 40px 0px;
    line-height: 20px;
    background: none;
}

#wrapper .content .inside,
#wrapper .neutral,
#wrapper table {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4em;
    color: #000000;
}

.content {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 0px 0;
}

.content .inside {
    position: relative;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

.pageTitle {
    width: auto;
    display: block;
    min-height: 32px;
    padding: 0 35px 10px 0;
    margin-bottom: 35px;
    font-family: 'Zilla Slab', serif;
    font-weight: 500;
    font-size: 40px;
    color: #000;
    position: relative;
    background: url("/pics/page_title.png") no-repeat center bottom;
    line-height: 1em;
}

.top_title {
    line-height: 1em;
}

/* Side Image */
#wrapper img.sub {
    border: none;
    width: 310px;
}

.light a img.sub {
    width: auto !important;
}


#staff.staffR1.staff-v2 .staff-categoryStaffMember dl dt {
    line-height: 2em !important;
}


/* Page navigation */
#pageNav {
    border: 0;
    font-size: 14px;
    position: relative;
    background: #037c0b;
    margin-left: 20px;
    border: none !important;
}

#pageNav ul,
#pageNav ul li {
    list-style: none;
    line-height: 16px;
}

#pageNav ul {
    padding: 10px 0 !important;
    margin: 0 auto !important;
    width: 310px;
    height: auto !important;
}

#pageNav ul li {
    padding: 0 0 0px !important;
    margin: 0 0 5px !important;
    position: relative;
}

#pageNav td img {
    display: none;
}

#pageNav ul li a,
#pageNav ul li strong {
    min-height: 20px;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
    margin: 0;
    display: block;
    font-family: 'Zilla Slab', serif;
    font-weight: 600;
    font-size: 21px;
    text-align: left;
    position: relative;
    z-index: 0;
    line-height: 1em;
}

#pageNav ul li strong,
#pageNav ul li a:hover,
#pageNav ul li a:focus {
    width: 263px;
    background: #000;
    color: #ffcc00;
    padding-left: 27px;
    padding-right: 20px;
}

#pageNav ul li strong:after,
#pageNav ul li a:hover:after,
#pageNav ul li a:focus:after {
    content: "";
    width: 310px;
    height: 100%;
    background:
        url("/pics/nav_bord.png") no-repeat left top,
        url("/pics/nav_bord.png") no-repeat left bottom;
    position: absolute;
    left: 0px;
    top: 0px;
}

#pageNav ul li strong:before,
#pageNav ul li a:hover:before,
#pageNav ul li a:focus:before {
    content: "";
    width: 317px;
    height: 90%;
    background: url("/pics/nav_hv.png") no-repeat center right;
    position: absolute;
    right: -7px;
    bottom: 0px;
    z-index: -1;
}

#pageNav ul li a {
    text-decoration: none;
    color: #fff;
    background: none;
    padding-right: 10px;
    padding-left: 27px;
}

#wrapper .content {
    padding-left: 0;
    padding-right: 0;
}

/* Create Account */
#wrapper .en_profile_community_div {
    box-sizing: border-box;
}


#pageContentWrapper h1,
#pageContentWrapper h2,
#pageContentWrapper h3,
#pageContentWrapper h4,
#pageContentWrapper h5,
#pageContentWrapper h6 {
    font-family: 'Zilla Slab', serif;
    color: #000;
    margin: 0 0 10px 0;
}


#wrapper #pageContentWrapper .contactStaffMember #contactStaff .emailForm_submit button[type="submit"] {
    background-color: #037c0b;
    color: #fff;
    border: 1px solid #037c0b;
    box-shadow: 0px 0px 0.2px #037c0b;

    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

#wrapper #pageContentWrapper .contactStaffMember #contactStaff .emailForm_submit button[type="submit"]:hover,
#wrapper #pageContentWrapper .contactStaffMember #contactStaff .emailForm_submit button[type="submit"]:focus {
    background-color: #ffcc00;
    color: #fff;
    border: 1px solid #ffcc00;
    box-shadow: 0px 0px 0.2px #ffcc00;
}

/* Video Gallery */
#video-list-container .controls input[type="submit"] {
    padding: 0em .8em !important;
}

#video-list-container .button3demboss.search {
    width: fit-content;
    display: inline-block;
    padding: 0em .8em;
    line-height: 22px;
    border: 1px solid #aeafb3;
    box-shadow: 0px 1px 2px rgba(255, 255, 255, .75);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #333 !important;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
    background: #e2e2e2 -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: #e2e2e2 -moz-linear-gradient(center bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .8) 100%);
    font-weight: bold;
    font-family: arial, sans-serif;
    font-size: 9pt;
    font-style: normal;
}

/* For cut off text in some pages. Ex - Local School Council and Health Information */
#pageContentWrapper .en-editable-block-wrapper p[dir="ltr"][style*="margin-right: -39.75pt"],
#pageContentWrapper .en-editable-block-wrapper p[dir="ltr"][style*="margin-right: -40pt"] {
    margin-right: 0 !important;
}

/* Child Parent Center - Staff */
#staff.staffR1.staff-v-1 td {
    box-sizing: border-box;
}

/* To prevent anchor tag non-spaced text to overflow in Chrome*/
div.newsItem p.link {
    overflow-wrap: anywhere;
}


@media screen and (max-width: 1160px) {
    #wrapper .content .inside {
        padding: 40px 10px;
        box-sizing: border-box;
    }

    .pageTitle {
        font-size: clamp(24px, 4vw, 40px);
        background-position-x: right;
        line-height: 1em;
        padding: 0 35px .35em 0;
    }

    #pageNav ul li a,
    #pageNav ul li strong {
        font-size: clamp(16px, 4vw, 21px);
    }

    #wrapper .school {
        bottom: 160px;
    }

    #albumsWrapper {
        width: 100% !important;
    }

}

@media (max-width: 1000px) {
    #video-list-container .controls input[type="submit"] {
        width: auto !important;
    }

    #video-list-container #searchbox2.has-btn {
        width: auto !important;
    }
}

@media screen and (max-width: 768px) {
    #wrapper header.enh1>div.en-mobile-header {
        border-bottom: 1px solid #cccccc;
    }

    #wrapper .content {
        padding-bottom: 600px;
    }

    #wrapper .school {
        bottom: 300px;
    }

}

@media (max-width: 700px) {
    #wrapper .content .inside {
        padding: 10px;
    }

    #wrapper .blur-filter {
        position: static !important;
    }

    #wrapper #pageInnerText {
        background-color: transparent;
    }

    #wrapper .en-modal-header-title {
        font-size: clamp(17px, 3vw, 21px);
        margin: auto 0 auto;
    }

    #wrapper #pageNav ul li a,
    #wrapper #pageNav ul li strong,
    #wrapper #pageNav ul li strong span {
        font-size: clamp(14px, 2vw, 16px);
    }
}

@media screen and (max-width: 576px) {
    #wrapper .school {
        bottom: 370px;
    }
}

@media screen and (max-width: 500px) {
    #wrapper #staff.staffR1.staff-v-1 caption div h1 {
        padding: 0 4px;
        font-size: 15px;
    }


    /* Login Issue Page */
    #wrapper .en-public-login-table tbody tr td:nth-child(2) {
        box-sizing: border-box;
    }

    #wrapper .en-login-page-create-acct {
        box-sizing: border-box;

    }

    #pageNav ul {
        width: 100%;
    }

    #pageNav ul li a,
    #pageNav ul li strong {
        box-sizing: border-box;
    }

    #pageNav ul li strong,
    #pageNav ul li a:hover,
    #pageNav ul li a:focus {
        width: 100%;
    }

    #pageNav ul li strong::before,
    #pageNav ul li a:hover::before,
    #pageNav ul li a:focus::before {
        width: 100%;
        right: 0;
    }

    #pageNav ul li strong::after,
    #pageNav ul li a:hover::after,
    #pageNav ul li a:focus::after {
        width: 100%;
    }

}

@media screen and (max-width: 400px) {
    #wrapper .school {
        bottom: 435px;
    }
}