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; }