* { 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.8.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; 
}
nav a:link    { color: #FFFFFF; }
nav a:visited { color: #EAEAEA; }
nav a:hover   { color: #869DC7;
                background-color: #EAEAEA; } 
footer { font-size: 70%; 
         text-align: center;
	     padding: 10px;
	    background-color: #869DC7; 
	    clear: both;
}