body { background-color:#FFFFFF; color:#666666; font-family:Arial, Helvetica, sans-serif; background-image: linear-gradient(to bottom,#eeeeee,#ffffff); background-attachment: fixed; } main { padding-right: 2em; padding-left: 2em; display: block; } header { background-color:#BA1C21; color:#FFFFFF; font-family:Georgia, 'Times New Roman', Times, serif; } header h1 { line-height:240%; background-image: url(images/dsu.jpg); background-position: right; height:72px; padding-left: 1em; background-repeat: no-repeat; margin-bottom: 0; } nav { color:#F3F3F3; font-weight:bold; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 0.5em; padding-left: 2em; } nav a { text-decoration: none; } h2 { color:#424242; font-family:Georgia, 'Times New Roman', Times, serif; } h3{ color:#BA1C21; font-weight:bold } dt { color:#BA1C21; font-weight:bold; } .dsu { color:#BA1C21; font-size:1.2em; } /*This is used to create a class, example: this will make the line red.*/ footer { font-size:0.70em; font-style:italic; text-align:center; padding: 1em; } #wrapper { width: 80%; margin-right: auto; margin-left: auto; } #facultyhero { background-image: url(images/facultyhero.jpg); height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; } #homehero { background-image: url(images/homehero.jpg); height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; } #studenthero { background-image: url(images/studenthero.jpg); height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; }