lighthouse.css

body { background-color: #00005D;
      font-family: Verdana, Arial, sans-serif;
}
#wrapper { margin: 0 auto;
          width: 80%;
          min-width: 960px;
          max-width: 1200px;
          background-color: #B3C7E6;
          color: #000066;
}
header { background-color: #869DC7;
       color: #00005D;
       font-size: 150%;
       padding: 10px 10px 10px 155px;
       background-repeat: no-repeat;
       background-image: url(lighthouselogo.jpg);
}

h1 { margin-bottom: 20px;
}

nav { float: right;
     width: 200px;
     font-weight: bold;
     letter-spacing: 0.1em;
}

main { display: block;
       background-color: #ffffff;
       color: #000000;
       padding: 10px 20px;
       overflow: auto;
}
footer { font-size: 70%;
         text-align: center;
         padding: 10px;
         background-color: #869DC7;
         clear: both;
}
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;
}
nav a:link       { color: #FFFFFF; }
nav a:visited { color: #EAEAEA; }
nav a:hover     { color: #869DC7;
               background-color: #EAEAEA; }