body 
{
    font-family:"Lato";
    background:#000000;
}

.content {
    background:#ffffff;
}




div .contentHeaderLogo {
    padding:10px;
}

.hl {
    font-weight:bolder;
}

a.link {
    color:#ffd51d;
}

div .subHeader {
    color:#ffd51d;
    padding:8px;
    background-color:#18255b;
    border-top:solid 1px #ffd51d;
    border-bottom:solid 1px #ffd51d;
    font-weight:bold;
    letter-spacing:2px;
}



.content .sidebar div {
    background:#80c2ab;
}

.content .sidebar h1 {
    color:#ffffff;
    background:#008457;
    font-family:Lato;
    font-size:16px;
    letter-spacing:2px;
    text-transform:none;
    margin:0px;
    padding:12px;
}

.content .sidebar ul {
    padding:10px;
}

.content .sidebar li {

}

div.contentDivOuter {
    padding:18px;
    padding-top:0px;
    padding-bottom:0px;
    font-size:12px;
}

.content h1 {
    font-family:Lato;
    color:#18255e;
    font-weight:bold;
    letter-spacing:2px;
    font-size:24px;
    text-transform:uppercase;
    margin-top:36px;
}

.content h2 
{
    font-family:Lato;
    color:#18255e;
    font-weight:bold;
    letter-spacing:normal;
    font-size:20px;
    text-transform:none;
    margin-top:36px;
    border-bottom: 1px solid #18255e
}

.content p {
    color:#000000;
    font-size:14px;
    font-family:Lato;
}

.content li {
    font-size:14px;
}

.contentLinks ul {
    list-style-type:none;
    margin:0px;
}


.contentLinks ul li {
    margin-bottom:12px;
}

.contentLinks a:link, .contentLinks a:hover, .contentLinks a:visited, .contentLinks a:active {
    color:#1769A0;
    font-weight:bold;
}

.contentLinks img {
    max-width:80px;
}

footer {
    background: #18255b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#18255b, #24388c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#18255b, #24388c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#18255b, #24388c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#18255b, #24388c); /* Standard syntax */
    border-bottom:solid 1px #ffd51d;
    color:#ffffff;
    font-size:10px;
    letter-spacing:2px;
    padding-top:8px;
    padding-bottom:8px;
}

.top-bar {
    background: #18255b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#18255b, #24388c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#18255b, #24388c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#18255b, #24388c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#18255b, #24388c); /* Standard syntax */
    border-top:solid 1px #ffd51d;
    border-bottom:solid 1px #ffd51d;
}

.top-bar ul {
    background-color:transparent;
}

.menu {
    color:#ffd51d;
    font-weight:bold;
    background-color:transparent;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:2px;
}

.menu > li {
    padding-right:48px;
}



[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {

}

label {
    font-weight:bold;
    font-size:1rem;
    line-height:2.4375rem;
}




/* Small only */
@media screen and (max-width: 39.9375em) {
    div .headerMask {
        background-color:rgba(255, 255, 255, 0.7);
        height:100px;
    }

    div .headerPhoto {
        height:350px;
        background-position-x:-200px;
        background-size:auto 350px;
        background-repeat:no-repeat;
    }

    div .contentHeaderPhoto {
        height:200px;
        background-size:auto 200px;
        background-repeat:no-repeat;
    }

    div .headerLogo {
        text-align:center;
        margin:auto;
    }

    .headerLogo img {
        margin:20px;
    }

    .content .headerMask h1 {
        font-family:Lato;
        color:#18255e;
        font-weight:bold;
        letter-spacing:2px;
        font-size:20px;
        padding:6px;
        margin:0px;
        line-height:1.0;
    }

    .content .headerMask p {
        color:#18255e;
        font-weight:bold;
        letter-spacing:2px;
        font-size:12px;
        margin:0px;
        padding:0px;
        padding-right:6px;
    }

}

/* Medium and up */
@media screen and (min-width: 40em) {

    div .headerLogo {
        text-align:left;
        margin:0px;
        padding:0px;
    }

    .headerLogo img {
        margin:20px;
    }

    div .headerMask {
        background-color:rgba(255, 255, 255, 0.5);
        height:60px;
    }

    div .headerPhoto {
        height:350px;
        background-size:auto 350px;
        background-repeat:no-repeat;
    }

    div .contentHeaderPhoto {
        height:200px;
        background-size:auto 350px;
        background-repeat:no-repeat;
        background-position-y:-100px;
    }

    div .headerPhoto {
        height:350px;
    }

    .content .headerMask h1 {
        font-family:Lato;
        color:#18255e;
        font-weight:bold;
        letter-spacing:2px;
        font-size:24px;
        padding:6px;
        margin:0px;
        line-height:1.0;
    }

    .content .headerMask p {
        color:#18255e;
        font-weight:bold;
        letter-spacing:2px;
        font-size:12px;
        margin:0px;
        padding:0px;
        padding-right:6px;
    }


}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {




}

/* Large and up */
@media screen and (min-width: 64em) {


}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {


}