@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);

/*
	Halcyonic by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

@media (max-width: 768px) {
    section {
        padding: 25px 0;
    }
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

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

body {
    -webkit-text-size-adjust: none;
}

/* Box Model */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Basic */

body {
    background: #000088;
    color: #474f51;
    font-size: 13.5pt;
    /*font-family: 'Yanone Kaffeesatz';*/
    font-family: 'Helvetica';
    line-height: 1.85em;
    font-weight: 300;
}

input, textarea, select {
    color: #474f51;
    font-size: 13.5pt;
    /*font-family: 'Yanone Kaffeesatz';*/
    font-family: 'Helvetica';
    line-height: 1.85em;
    font-weight: 300;
}

ul, ol, p, dl {
    margin: 0 0 2em 0;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

section > :last-child,
.last-child {
    margin-bottom: 0 !important;
}

/* Multi-use */

.link-list li {
    padding: 0.2em 0 0.2em 0;
}

.link-list li:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
}

.link-list li:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.quote-list li {
    padding: 1em 0 1em 0;
    overflow: hidden;
}

.quote-list li:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
}

.quote-list li:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.quote-list li img {
    float: left;
}

.quote-list li p {
    margin: 0 0 0 90px;
    font-size: 1.2em;
    font-style: italic;
}

.quote-list li span {
    display: block;
    margin-left: 90px;
    font-size: 0.9em;
    font-weight: 400;
}

.check-list li {
    padding: 0.7em 0 0.7em 45px;
    font-size: 1.2em;
}

.check-list li:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
    background-position: 0 0.3em;
}

.check-list li:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.feature-image {
    display: block;
    margin: 0 0 2em 0;
    outline: 0;
}

.feature-image img {
    display: block;
    width: 100%;
}

.bordered-feature-image {
    display: block;
    background: #fff;
    padding: 10px;
    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
    margin: 0 0 1.5em 0;
    outline: 0;
}

.bordered-feature-image img {
    display: block;
    width: 100%;
}

.jumpLinks {
    margin: 25px 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    min-height: 150px;
    flex-wrap: wrap;
}

.btn-wide {
    background-color: #000088;
    color: white !important;
    text-decoration: none;
    padding: 15px 0;
    margin: 15px 0;
    width: 100%;
    transition: all .03s;
    font-size: 20px;
    box-shadow: 2px 2px 6px 1px rgba(128, 128, 128, 0.5);
}

.btn-wide:hover {
    background-color: rgba(0, 0, 136, 0.79);
}

.button-big {
    background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
    background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
    background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
    background-image: linear-gradient(top, #ed391b, #ce1a00);
    display: inline-block;
    background-color: #ed391b;
    color: #fff;
    text-decoration: none;
    font-size: 1.75em;
    font-weight: 300;
    padding: 15px 45px 15px 45px;
    outline: 0;
    border-radius: 10px;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

.button-big:hover {
    background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
    background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
    background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
    background-image: linear-gradient(top, #fd492b, #de2a10);
    background-color: #fd492b;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
}

.button-big:active {
    background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
    background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
    background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
    background-image: linear-gradient(top, #ce1a00, #ed391b);
    background-color: #ce1a00;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Content */

#content .quote-list li {
    border-bottom: solid 1px #e2e6e8;
}

#content .link-list li {
    border-bottom: solid 1px #e2e6e8;
}

#content .check-list li {
    border-bottom: solid 1px #e2e6e8;
}

/* Footer */

#footer .quote-list li {
    border-top: solid 1px #e0e4e6;
    border-bottom: solid 1px #b5bec3;
}

#footer .link-list li {
    border-top: solid 1px #e0e4e6;
    border-bottom: solid 1px #b5bec3;
}

#footer .check-list li {
    border-top: solid 1px #e0e4e6;
    border-bottom: solid 1px #b5bec3;
}

#header {
        min-height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

/* Desktop */

@media screen and (min-width: 1000px) {

    /* Basic */

    body {
        min-width: 1200px;
    }

    section:last-child {
        margin-bottom: 0 !important;
    }

    /* Wrappers */

    #header-wrapper {
        /*background: #3B4346 url("images/bg01.jpg");*/
        background: #000088;
        border-bottom: solid 1px #272d30;
        box-shadow: inset 0px -1px 0px 0px #51575a;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
    }

    .subpage #header-wrapper {
        height: 155px;
    }

    #features-wrapper {
        background: #353D40 url("images/bg02.jpg");
        border-bottom: solid 1px #272e31;
        padding: 45px 0 45px 0;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
    }

    #content-wrapper {
        background: #f7f7f7;
        border-top: solid 1px #fff;
        padding: 45px 0 45px 0;
    }

    #footer-wrapper {
        padding: 45px 0 45px 0;
        /*text-shadow: 1px 1px 1px white;*/
    }

    /* Header */

    #header {
        min-height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #header h1 {
        /*position: absolute;*/
        /*left: 0;*/
        /*bottom: 35px;*/
        font-size: 2.75em;
    }

    @media screen and (min-width: 1600px) {
        #header h1 {

        }
    }

    #header h1 a {
        color: #fff;
        text-decoration: none;
    }

    #header nav {
        position: absolute;
        right: 0;
        bottom: 35px;
        font-weight: 200;
    }

    #header nav a {
        color: #ffffff;
        text-decoration: none;
        font-size: 1.4em;
        margin-left: 30px;
        outline: 0;
    }

    #header nav a:hover {
        color: #a5a5a5;
    }

    /* Banner */

    #banner {
        border-top: solid 1px #222628;
        box-shadow: inset 0px 1px 0px 0px #3e484a;
        padding: 35px 0 35px 0;
        color: #fff;
    }

    #banner .bordered-feature-image {
        margin-bottom: 0;
    }

    #banner p {
        font-size: 2em;
        font-weight: 200;
        line-height: 1.25em;
        padding-right: 1em;
        margin: 0 0 1em 0;
    }

    /* Features */

    #features {
        color: #a0a8ab;
    }

    #features h2 {
        font-size: 1.25em;
        color: #fff;
        margin: 0 0 0.25em 0;
    }

    #features a {
        color: #e0e8eb;
    }

    #features strong {
        color: #fff;
    }

    /* Content */

    #content section {
        background: #fff;
        padding: 40px 15px 45px 15px;
        box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
        margin: 0 0 5% 0;
        min-height: 300px;
    }

    #content h2 {
        font-size: 1.8em;
        color: #373f42;
        margin: 0 0 0.25em 0;
    }

    #content h3 {
        color: black;
        font-size: 1.25em;
    }

    #content a {
        /*color: #ED391B;*/
        color: #000088;
    }

    #content header {
        margin: 0 0 2em 0;
    }

    /* Footer */

    #footer {
        color: #ffffff;
        /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);*/
    }

    #footer h2 {
        font-size: 1.25em;
        color: #ffffff;
        margin: 0 0 1em 0;
        font-weight: bold;
    }

    #footer a {
        color: #ffffff;
        font-weight: bold;
    }

    /* Copyright */

    #copyright {
        /*border-top: solid 1px #b5bec3;*/
        /*box-shadow: inset 0px 1px 0px 0px #e0e4e7;*/
        text-align: center;
        padding: 45px 0 80px 0;
        color: #ffffff;
        /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);*/
    }

    #copyright a {
        color: #8d9ca3;
    }

}

/* Tablet */

/*@media screen and (min-width: 768px) and (max-width: 1200px) {*/

    /*!* Basic *!*/

    /*body {*/
        /*min-width: 1000px;*/
    /*}*/

    /*!*.col-sm-9 {*!*/
        /*!*width: 100%;*!*/
    /*!*}*!*/

    /*!* Multi-use *!*/

    /*.check-list li {*/
        /*font-size: 1em;*/
        /*line-height: 2em;*/
    /*}*/

    /*.quote-list li {*/
        /*padding: 1em 0 1em 0;*/
    /*}*/

    /*.quote-list li img {*/
        /*width: 60px;*/
    /*}*/

    /*.quote-list li p {*/
        /*margin: 0 0 0 80px;*/
        /*font-size: 1em;*/
        /*font-style: italic;*/
        /*line-height: 1.8em;*/
    /*}*/

    /*.quote-list li span {*/
        /*display: block;*/
        /*margin-left: 80px;*/
        /*font-size: 0.8em;*/
        /*font-weight: 400;*/
        /*line-height: 1.8em;*/
    /*}*/

    /*.feature-image {*/
        /*margin: 0 0 1em 0;*/
    /*}*/

    /*.button-big {*/
        /*font-size: 1.5em;*/
        /*padding: 10px 35px 10px 35px;*/
    /*}*/

    /*!* Banner *!*/

    /*#banner p {*/
        /*font-size: 1.75em;*/
    /*}*/

    /*!* Header *!*/

    /*#header h1 {*/
        /*font-size: 2.25em;*/
    /*}*/

    /*#header nav a {*/
        /*font-size: 1.1em;*/
    /*}*/

    /*!* Content *!*/

    /*#content h2 {*/
        /*font-size: 1.4em;*/
    /*}*/

    /*#content h3 {*/
        /*font-size: 1.1em;*/
    /*}*/

    /*#content header {*/
        /*margin: 0 0 1.25em 0;*/
    /*}*/

/*}*/

/* Mobile */

#navPanel, #titleBar {
    display: none;
}

@media screen and (max-width: 999px) {

    /* Basic */

    html, body {
        overflow-x: hidden;
    }

    body, input, textarea, select {
        font-size: 13pt;
        line-height: 1.4em;
    }

    /* Multi-use */

    .link-list li {
        padding: 0.75em 0 0.75em 0;
    }

    .quote-list li p {
        margin-bottom: 0.5em;
    }

    .check-list li {
        font-size: 1em;
    }

    .button-big {
        font-size: 1.5em;
        padding: 10px 35px 10px 35px;
    }

    /* Wrappers */

    #header-wrapper {
        background: #3B4346 url("images/bg01.jpg") top center;
        box-shadow: inset 0px -1px 0px 0px #272d30, inset 0px -2px 0px 0px #51575a;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
    }

    #features-wrapper {
        background: #353D40 url("images/bg02.jpg");
        padding: 15px 15px 30px 15px;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
    }

    #content-wrapper {
        background: #f7f7f7;
        padding: 35px;
    }

    /*.subpage #content-wrapper {*/
        /*padding-top: 44px;*/
    /*}*/

    #footer-wrapper {
        padding: 40px 15px 15px 15px;
        /*text-shadow: 1px 1px 1px white;*/
    }

    /* Header */

    #header {
        opacity: 0;
    }

    #banner {
        position: relative;
        color: #fff;
        text-align: center;
        padding: 30px 30px 15px 30px;
        margin-top: 44px;
    }

    #banner .bordered-feature-image {
        display: none;
    }

    #banner p {
        font-size: 1.25em;
        font-weight: 200;
        line-height: 1.25em;
        margin: 0 0 1em 0;
    }

    /* Features */

    #features {
        color: #a0a8ab;
    }

    #features section {
        padding: 0 0 25px 0;
        margin: 0 0 25px 0;
        border-bottom: solid 1px #51575a;
        box-shadow: inset 0px -1px 0px 0px #272d30;
    }

    #features > div > div:last-child > section {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        box-shadow: none;
    }

    #features h2 {
        font-size: 1.25em;
        color: #fff;
        margin: 0 0 0.25em 0;
    }

    #features a {
        color: #e0e8eb;
    }

    #features strong {
        color: #fff;
    }

    /* Content */

    /*#content section {*/
        /*background: #fff;*/
        /*box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.2);*/
        /*padding: 30px 15px 30px 15px;*/
        /*margin: 0 0 5px 0;*/
    /*}*/

    #content h2 {
        font-size: 1.25em;
        color: #373f42;
        margin: 0 0 0.1em 0;
    }

    #content a {
        color: #000088;
    }

    #content header {
        margin: 0 0 1.25em 0;
    }

    /* Footer */

    #footer {
        color: #ffffff;
        /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);*/
    }

    #footer section {
        margin: 0 0 40px 0;
    }

    #footer h2 {
        font-size: 1.25em;
        color: #ffffff;
        margin: 0 0 0.75em 0;
        font-weight: bold;
    }

    #footer a {
        color: #ffffff;
        font-weight: bold;
    }

    #footer .link-list {
        margin: 0 0 30px 0 !important;
    }

    /* Copyright */

    #copyright {
        border-top: solid 1px #b5bec3;
        /*box-shadow: inset 0px 1px 0px 0px #e0e4e7;*/
        text-align: center;
        padding: 20px 30px 20px 30px;
        color: #ffffff;
        /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);*/
    }

    #copyright a {
        color: #8d9ca3;
    }

    /* Off-Canvas Navigation */

    #page-wrapper {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        padding-bottom: 1px;
    }

    #titleBar {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        display: block;
        height: 44px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10001;
        color: #fff;
        background: url("images/bg04.jpg");
        box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
    }

    #titleBar .title {
        display: block;
        text-align: center;
        font-size: 1.2em;
        font-weight: 400;
        line-height: 44px;
    }

    #titleBar .toggle {
        position: absolute;
        left: 0;
        top: 0;
        width: 80px;
        height: 60px;
    }

    #titleBar .toggle:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        color: #fff;
        background: rgba(255, 255, 255, 0.025);
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
        text-shadow: -1px -1px 1px black;
        width: 49px;
        height: 31px;
        border-radius: 8px;
    }

    #titleBar .toggle:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 30px;
        background: url("images/mobileUI-site-nav-opener-bg.svg");
        top: 15px;
        left: 20px;
        z-index: 1;
        opacity: 0.25;
    }

    #titleBar .toggle:active:after {
        background: rgba(255, 255, 255, 0.05);
    }

    #navPanel {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transform: translateX(-275px);
        -webkit-transform: translateX(-275px);
        -ms-transform: translateX(-275px);
        transform: translateX(-275px);
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        display: block;
        height: 100%;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 275px;
        z-index: 10002;
        background: url("images/bg04.jpg");
        box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);
        text-shadow: -1px -1px 1px black;
    }

    #navPanel .link {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 1.25em;
        line-height: 2em;
        padding: 0.5em 1.5em 0.5em 1.5em;
        border-top: solid 1px #373d40;
        border-bottom: solid 1px rgba(0, 0, 0, 0.4);
    }

    #navPanel .link:first-child {
        border-top: 0;
    }

    #navPanel .link:last-child {
        border-bottom: 0;
    }

    body.navPanel-visible #page-wrapper {
        -moz-transform: translateX(275px);
        -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
        transform: translateX(275px);
    }

    body.navPanel-visible #titleBar {
        -moz-transform: translateX(275px);
        -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
        transform: translateX(275px);
    }

    body.navPanel-visible #navPanel {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

}

.leftHead {
    /*float: left;*/
    text-align: center;
}

.rightHead {
    /*float:right;*/
    margin-left: 10px;
    padding-top: 20px;
}

.leftImg {
    float: left;
}

.rightImg {
    float: right;
}

#seal {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
padding-bottom: 25px;
max-width: 150px;
}

.sealHead {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.information {
    color: red;
    clear: left;
    padding-top: 45px;
    /*padding-bottom: 20px;*/
}

#strong {
    font-weight: bold;
}

#notices h2 {
    text-align: center;
    text-decoration: underline;
}

#notices h5 {
    text-align: center;
}

.staffinfo {
    clear: both;
}

#stafftable  {
    margin-left: auto;
    margin-right: auto;
}

#stafftable tr {
    text-align: center;
    border: none;
}

#stafftable th {
    text-align: center;
}

#feetable tr {
    text-align: justify;
}

#title {
    text-align: center;
}

#titlehours, #feetable {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}

.navbar {
    border: none;
}

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

.navbar-default
.navbar-toggle {
    border-color: #000088;
}

.navbar-default
.navbar-toggle,
.navbar-default
.navbar-toggle:focus {
    background-color: white;
}

.table-responsive {
    border: none;
}

@media (max-width: 560px) {
    .leftHead, .rightHead {
        float: none;
        margin: 0;
    }
    #clerkPic {
        margin-left: auto;
        margin-right: auto;
        box-shadow: none;
        width: 100%;
    }
}

#mapPage {
    /*min-height: 450px;*/
    /*min-width: 600px;*/
    display: block;
    margin-left: auto;
}

@media (min-width: 1200px) {
    #mapPage {
        min-height: 450px;
        min-width: 600px;
        display: block;
        margin-left: auto;
    }
}

#judgePhoto {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

dt {
    font-weight: bold;
}

@media (max-width: 1600px) {
    #header nav {
        position: absolute;
        right: 0;
        bottom: 35px;
        font-weight: 200;
        display: none;
    }
}

.mainPic {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td {
    padding: 1px;
}

/*@media (max-width: 1599px) {*/
    /*.judge {*/
        /*margin-top: 100px;*/
    /*}*/
/*}*/

.table>thead>