*{box-sizing: border-box;}
body{
    background-color: #00005d;
    font-family: Verdana, Geneva, Tahoma, 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;
    height: 150px;
    background-repeat: no-repeat;
    background-image: url(lighthouselogo.jpg);
}
nav{
    float: right;
    width: 150px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
main{
    background-color: #fff;
    color: #000;
    padding: 10px 20px;
    overflow: auto;
    display: block;
}
footer{
    font-size: 70%;
    text-align: center;
    padding: 10px;
    background-color: #869dc7;
    clear: both;
}
h2{color: #869dc7;
font-family: Arial, Helvetica, sans-serif;
}
#floatright{
    float: right;
    margin: 10px;
}
nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
nav a{
    text-decoration: none;
    padding: 20px;
    display: block;
    background-color: #b3c7e6;
    border-bottom: 1px solid #fff;
    background-image: url(sprites.gif);
    background-repeat:no-repeat ;
    background-position: right 0;
}
nav a:link{ color: #fff;}
nav a:visited{color: #eaeaea;}
nav a:hover{color: #869dc7;
background-color: #eaeaea;
background-position: right -100px;}