
body {
    font-family: Calibri, Verdana, Arial, sans-serif;
    margin:0;
    background-color: #222;
    color: #ccc;
}

main {
    margin: 10px;
}

@media (max-width: 992px) {
    header {
        height: 90px;
        padding-top: 8px;
        padding-right: 90px;
    }
    
    header h1 {
        margin-left: 100px;
        font-size: 20px;
    }
    
    header h2 {
        font-size: 15px;
        margin-left: 100px;
    }
    header {
        background-image: url("/oacSmall.png");
        background-repeat: no-repeat;
    }
}


@media (min-width: 993px) {
    header {
        background-repeat: no-repeat;
        background-image: url('/oac.png'), url('/images/HeaderImages/djo-m42.jpg');
        
        background-position: 0 0, right 0;

        height: 110px;
        padding-top: 60px;
    }
    
    header h1 {
        margin: 0;
    }
    
    header h1 span.SubTitle {
        font-size: .8em;
    }
    

}

nav ul {
    margin-left: auto;
    margin-right: auto;
    padding: .25em 0;
    text-align: center;
}
    
nav ul li {
    display: inline;
    white-space: nowrap;
    padding: 0 3ex;
}

header, footer {
    text-align:center;
}

footer {
    border-top: 2px solid #A9A9A9;
}

a, a:visited {
    color: #FFFF00;
}

p {
    margin-top: .25em;
}