*{ box-sizing: border-box; } body { background-color: #00005D; font-family: Verdana, Arial, sans-serif; } #wrapper { margin: 0 auto; width: 80%; min-width: 940px; background-color: #B3C7E6; color: #000066; } header { background-color: #869DC7; color: #00005D; font-size: 150%; padding: 10px 10px 10px 155px; height: 150px; background-repeat: no-repeat; background-image: url(7.9.lighthouselogo.jpg); } nav { float: right; width: 150px; font-weight: bold; letter-spacing: 0.1em; } main { background-color: #FFFFFF; color: #000000; padding: 10px 20px; display: block; overflow: auto; } h2 { color: #869DC7; font-family: Arial, sans-serif; } #floatright { float: right; margin: 10px; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav a { text-decoration: none; padding: 20px; display: block; background-color: #B3C7E6; border-bottom: 1px solid #FFFFFF; background-image: url(7.9.sprites.gif); background-repeat: no-repeat; background-position: right 0; } nav a:link { color: #FFFFFF; } nav a:visited { color: #EAEAEA; } nav a:hover { color: #869DC7; background-color: #EAEAEA; background-position: right -100px; } footer { font-size: 70%; text-align: center; padding: 10px; background-color: #869DC7; clear: both; }