﻿.skipToMainContent {
    display: block;
    position: fixed;
    z-index: 999;
    font-size: 0.7em;
    font-family: "Source Sans Pro", Didactic Gothic;
}

    .skipToMainContent a,
    .skipToMainContent a:link,
    .skipToMainContent a:active,
    .skipToMainContent a:visited,
    .skipToMainContent a:focus {
        color: #DB0F13 !important;
        text-decoration: underline;
    }

        .skipToMainContent a:hover {
            color: black !important;
        }

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    overflow: visible !important;
    left: -9999px;
}

    .visually-hidden *,
    .visually-hidden-focusable:not(:focus):not(:focus-within) * {
        overflow: visible !important;
        left: -9999px;
    }

#OuterContainer {
    width: 100%;
    position: absolute;
    top: 40px;
}

#Banner #bannerLogo #logoImage {
    display: block;
    float: left;
    height: 71px;
    width: 275px;
    background-image: url("../images/dcy-logo.png");
    background-repeat: no-repeat;
    background-size: 275px;
}

.PageHeader {
    background-color: #0E3F75;
    color: white;
}

@media screen and (min-width: 1px) and (max-width: 800px) {
    #OuterContainer {
        top: 100px;
    }
}