body {
  
  padding-left: 12em;
  padding-top: 8em;
  font-family: Georgia, "Times New Roman",
        Times, serif;
  color: purple;
  background-color: #C6E2FF}

p {text-indent:2em}

div.banner {
  padding: 0;
  margin: 0;
  position: absolute;
  top: .5 em;
  left: 8%;
  width: 100%}

ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 9em;
  left: 1em;
  width: 9em }

ul.navbar li {
  
  margin: 0.5em 0;
  padding: 0.3em;
  border: 0px solid black;
   }

ul.navbar a {
  text-decoration: none }
a:link {
  color: blue }
a:visited {
  color: purple }
address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }

div.navbar {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 10em;
  left: 1em;
  width: 10% }

h1 {
  font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif; 
  text-align:center
  }

h2 {
  font-family: comic sans ms, Geneva, Arial,
        SunSans-Regular, sans-serif; 
  text-align:center
padding: 0;
  margin: 0;
  position: absolute;
  top: 6 em;
  left: 6em;
  width: 100%}

a:link {
  color: blue }

a:visited {
  color: purple }

address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:150px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0px solid #000; /* add a border */
left:150; /* position:the image */
top:0px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}