body {
padding-left: 12em;
background color: #FFFACD;
margin-left: 5%;
font-family: Comic Sans MS, "Times New Roman", Times, Serif;
}

#head1 { 
background-image: url('coolback.gif');
height: 90px;
width: 100%;
border-top: 0.5em double darkblue;
border-left: 0.5em double darkblue;
border-right: 0.5em double darkblue;
border-bottom: 0.5em double darkblue;
}

.style1 {
font-family: Comic Sans MS, "Times New Roman", Times, Serif;
font-size: 2em;
font-weight: bold;
color: #00008B }

.style2 {
font-family: Comic Sans MS, "Times New Roman", Times, Serif;
font-size: 1.5em;
font-weight: bold;
color: #00008B  }

.style3 {
font-family: Comic Sans MS, "Times New Roman", Times, Serif;
font-size: 0.8em;
color: #8B0000  }

.style4 {
font-family: Comic Sans MS, times, Serif;
font-szie: 0.2em;
color: #8B0000 }

.style5  {
font-family: Comic Sans MS, "Times New Roman", Times, Serif;
font-size: 0.8em;
color: #00008B  }

.style6  {
font-family: Comic Sans MS, "Times New Roman", Times, Serif;
font-size: 0.8em;
color: #8B0000   }


ul.navbar {
list-style-type: none;
padding: 0;
font-size: 1em;
text-align: center;
margin: 0;
position: absolute;
top: 5em;
left: 1em;
width: 10em }

ul.navbar li {
background-image: url('coolback2.gif');
margin: 0.5em 0;
padding: 0.5em;
border-right: solid darkblue;
border-left: solid darkblue;
border-top: solid darkblue;
border-bottom: solid darkblue
}

ul.navbar a {
text-decoration: none }


ul.square {
list-style-type: square;
margin-right: 10;
font-size: 0.8em;
color: #00008B  }


a:link {
    color: #00008B }
a:visited {
    color: #8B0000 }