@charset "utf-8";

@media only screen and (max-width :450px) {
    #wrapper {
        width: 100% !important
    }

    .main {
        margin: 10px
    }

    .mobile-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%
    }

    .nav-primary {
        width: 100%
    }

    .hide-mobile {
        display: none
    }

    .image-padding {
        padding-bottom: 10px !important
    }
}

@media only screen and (max-width :850px) {
    #wrapper {
        width: 100% !important
    }

    .main {
        margin: 10px
    }

    .nav-primary {
        width: 100%
    }

    .hide-mobile {
        display: none
    }

    .image-padding {
        padding-bottom: 5px !important;
        padding-left: 0px !important;
        padding-right: 5px !important;
        padding-top: 0px !important;
        width: 200px !important;
    }
}

a, body, center, div, footer, h1, h2, h3, h4, h5, h6, header, html, li, nav, p, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

footer, header, nav {
    display: block
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-y: scroll
}

::-moz-selection {
    background: #7a0800;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #7a0800;
    color: #fff;
    text-shadow: none
}

ul {
    margin: 1em 0;
    padding: 0 0 0 40px
}

nav ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

.masthead {
    zoom: 1
}

    .masthead:after, .masthead:before {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .masthead:after {
        clear: both
    }

.nav-primary > ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#logo {
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0
}

.left-main {
    display: inline-block;
    vertical-align: top
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: Asap;
        font-weight: 400;
        font-style: normal;
        src: url(../fonts/asap-regular.svg) format(svg)
    }

    @font-face {
        font-family: Asap;
        font-weight: 400;
        font-style: italic;
        src: url(../fonts/asap-italic.svg) format(svg)
    }

    @font-face {
        font-family: Asap;
        font-weight: 700;
        font-style: normal;
        src: url(../fonts/asap-bold.svg) format(svg)
    }

    @font-face {
        font-family: Asap;
        font-weight: 700;
        font-style: italic;
        src: url(../fonts/asap-bolditalic.svg) format(svg)
    }
}

::-moz-selection {
    background: #008fc2;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #008fc2;
    color: #fff;
    text-shadow: none
}

.h1, .nav-primary, h1, h2, h3, h4 {
    font-family: Asap,Arial,helvetica,sans-serif
}

html {
    font-family: Arial,helvetica,sans-serif
}

.h1, h1, h2, h3 {
    font-weight: 700;
    font-style: italic;
    color: #003e7e
}

html {
    color: #333
}

body {
    font-size: .875em;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased
}

a, a:visited {
    cursor: pointer;
    text-decoration: none
}

    a:hover, a:visited:hover {
        text-decoration: underline
    }

.h1, h1 {
    font-size: 2.357em;
    line-height: 1.033;
    margin: 0 0 1em
}

h2 {
    font-size: 1.714em;
    margin: 0
}

h3 {
    font-size: 1.1em;
    margin: 0 0 .5em
}

h4 {
    font-size: 1.1em
}

p {
    margin: 0 0 1.286em;
    line-height: 1.357
}

ul {
    margin: 0 0 1.286em;
    padding: 0 0 0 40px;
    line-height: 1.357
}

a {
    color: #003e7e
}

    a:visited {
        color: #009ddc
    }

    a:hover {
        color: #009ddc
    }

    a:focus {
        outline: thin dotted
    }

    a:active, a:hover {
        outline: 0
    }

#logo {
    background-image: url(../images/dusky.png);
    background-repeat: no-repeat
}

body {
    transition: opacity .3s
}

#wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative
}

.content-area {
    padding: 20px 0
}

.left-main {
    width: 700px;
    margin: 0 5px 60px 0
}

.content-page {
    padding: 30px 0
}

.footer {
    background: #003e7e;
    border-top: 6px solid #009ddc;
    color: #fff;
    margin: 30px 0 0;
    zoom: 1
}

    .footer .content {
        width: 960px;
        margin: 0 auto;
        position: relative;
        padding: 0
    }

        .footer .content.footer-legal {
            padding: 23px 0
        }

.footer-legal {
    min-height: 58px;
    color: #9aabc9
}

    .footer-legal a {
        color: #9aabc9;
        display: inline-block;
        margin: 0 6px 0 0
    }

        .footer-legal a:hover {
            text-decoration: none;
            color: #fff
        }

.masthead {
    position: relative;
    padding: 26px 0 0
}

#logo {
    width: 200px;
    height: 85px;
    float: left;
    margin: 0 31px 18px 20px
}

.beach-page #logo {
    background-image: url(../images/DU-Logo-small.jpg)
}

.nav-primary {
    position: relative;
    z-index: 20;
    clear: both;
    margin: 0 0 4px
}

    .nav-primary > ul {
        display: table;
        background: #009ddc;
        width: 100%
    }

        .nav-primary > ul > li {
            display: table-cell;
            text-align: center;
            font-size: 1.143em;
            margin: 0 -4px 0 0
        }

            .nav-primary > ul > li > a {
                display: block;
                padding: 19px 15px 18px;
                color: #fff;
                font-weight: 700;
                background: #009ddc;
                text-decoration: none;
                white-space: nowrap;
                transition: background .1s
            }

                .nav-primary > ul > li > a:hover {
                    background: #0096d2;
                    text-decoration: none
                }

            .nav-primary > ul > li:hover > a {
                background: #003e7e;
                text-decoration: none
            }

            .nav-primary > ul > li.current > a {
                background: #f7c302;
                color: #003e7e;
                width: 80px
            }

.footer {
    background: #003e7e;
    border-top: 6px solid #009ddc;
    color: #fff;
    margin: 30px 0 0;
    zoom: 1
}

    .footer .content {
        width: 960px;
        margin: 0 auto;
        position: relative;
        padding: 0
    }

        .footer .content.footer-legal {
            padding: 23px 0 0
        }

.footer-legal {
    min-height: 58px;
    color: #9aabc9
}

    .footer-legal a {
        color: #9aabc9;
        display: inline-block;
        margin: 0 6px 0 0
    }

        .footer-legal a:hover {
            text-decoration: none;
            color: #fff
        }

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder {
    color: #666;
    opacity: 1
}

::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

:focus::-webkit-input-placeholder {
    color: #ccc
}

:focus:-moz-placeholder {
    color: #ccc
}

:focus::-moz-placeholder {
    color: #ccc
}

:focus:-ms-input-placeholder {
    color: #ccc
}

.content-main {
    padding: 30px 0 0
}

.image-padding {
    padding: 0 30px 0 30px;
    width: 250px;
    height: auto
}