*{box-sizing: border-box;}
#wrapper {margin-left: auto; margin-right: auto; width: 80%;
background-color: #424242; min-width: 960px; max-width: 2048px;
box-shadow: 0px 3px 3px rgba(66,66,66,0.3); }
#homehero { margin-left: 170px;background-image: url(homehero.jpg); height: 300px; background-size: cover; background-repeat: no-repeat;background-position: center;}
body { background: linear-gradient(to bottom,#eeeeee,#ffffff); background-attachment: fixed;
    font-family: Verdana;
}
header h1 {background-image: url(dsu.jpg);background-position: right; background-repeat: no-repeat ;background-color: #BA1C21; color:#FFFFFF; height: 72px;line-height: 240%; font-family: Georgia;margin-bottom: 0; padding-left: 0.5rem;}

nav { position: sticky; top: 0; float: left; width: 160px; padding-top: 20px; padding-right: 5 px;
    padding-left: 20px;font-weight: bold; }


h2 { color: #424242; font-family: Georgia;}
footer { background-color: #FFFFFF; margin-left: 170px;font-style: italic; font-size: small; text-align: center; padding: 1em;}
span.dsu { color:#BA1C21; font-size: 1.2em;}
dt { color:#BA1C21; font-weight: bold;}
#studenthero {margin-left: 170px; background-image: url(studenthero.jpg); height: 300px; background-size: cover; background-repeat: no-repeat;background-position: center;}
h3 { color:#BA1C21; font-weight: bold;}
#facultyhero { margin-left: 170px;background-image: url(facultyhero.jpg); height: 300px; background-size: cover; background-repeat: no-repeat;background-position: center;}
main { background-color: #FFFFFF; margin-left: 170px; padding-top: 1px; padding-bottom: 1px; padding-left: 2em;padding-right: 2em; display: block;}
nav a { color: #FFFFFF; padding: 1rem 0rem; display:block}
nav a:hover { background-color: #BA1C21;}
nav ul { list-style-type: none;margin: 0%; padding-left: 0%;}
section {float: left; width: 33%; padding-right: 1rem;}
.clear { clear: both;}
header a {text-decoration: none; color: #FFFFFF;}