.special {
          background-color:#FFFFFF;
          color:#666666;
          font-family: Verdana, sans-serif;
          box-sizing: border-box;
        }
body {
      background-color: #FFFFFF;
      background-image: linear-gradient(#eeeeee,#ffffff);
      background-attachment: fixed;
      color: #666666;
      font-family: Verdana, Arial, sans-serif;

}

header {
        background-color:#BA1C21;
        color:#FFFFFF;
        font-family: Georgia, sans-serif;
        }  
header a{
        text-decoration: none;
        color: #FFFFFF;
} 
div h1 {
        padding-left: 0.5em;
        background-image: url(dsu.jpg);
        background-position: right;
        background-repeat: no-repeat;
        padding-left: 1em;
        height: 72px;
        line-height: 240%;
        margin-bottom: 0;
        }
nav {
    
    width: 160px;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 20px;
    float: left;
    font-weight: bold;
    position: sticky;
    top: 0;
    }
h2 {
    color:#424242;
    font-family: Georgia, sans-serif;
    }
dt {
    color:#BA1C21;
    font-weight: bold;
    }
.dsu {
      color: #BA1C21;
      font-size: 1.2em;
    }
footer {
        padding: 1em;
        font-size: .70em;
        font-style: italic;
        text-align: center;
        margin-left: 170px;
        background-color: #FFFFFF;
        }
#wrapper {
          width:80%;
          min-width: 960px;
          max-width: 2048px;
          margin-right:auto;
          margin-left: auto;
          background-color: #424242;
          box-shadow: 0px 3px 3px rgba(66,66,66,0.3);
}
h3 {
    color: #BA1C21;
}
main {
      background-color: #FFFFFF;
      padding-left: 2em;
      padding-right: 2em;
      display: block;
      margin-left: 170px;
      padding-top: 1px;
      padding-bottom: 1px;
    

}  
#homehero {
           height: 300px;
           background-image: url(homehero.jpg);
           background-repeat: no-repeat;
           background-size: cover;
           background-position: center;
           margin-left: 170px;
}
#studenthero {
              height: 300px;
              background-image: url(studenthero.jpg);
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center;
              margin-left: 170px;
}
#facultyhero {
              height: 300px;
              background-image: url(facultyhero.jpg);
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center;
              margin-left: 170px;
}
nav a {
    color: #FFFFFF;
    text-decoration: none;
    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: 27%;
        padding-right: 1em;

}
#clear {
        clear: both;
       
}