body { color: #000040; background-color: #c0ffff}

p { color: #000040; font-family: sans-serif; font-size: medium}

p.centre { color: #000040; font-family: sans-serif; font-size: medium; 
text-align: center }
p.small { color: #000040; font-family: sans-serif; font-size: small; text-align: center}
p.tiny { color: #000040; font-family: sans-serif; font-size: x-small;
         text-align: center}

a:link { color: #0000C0; text-decoration: none; font-weight: bold }
a:visited { color: #000080; text-decoration: none; font-weight: bold }
a:active { color: #ff0000; text-decoration: none; font-weight: bold }

img.Frame {
 border-style: solid;
 border-width: 6px;
 border-bottom-color: black;
 border-right-color: black;
 border-left-color: gray;
 border-top-color: gray;
}

#nav {
 text-align: center;
}

#nav ul, li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav ul li a {
  font-weight: bold;
  text-decoration: none;
  font-size: large;
  font-family: sans-serif;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding: 2px;
  background-color: #000080;
  color: #A0A000;
  border-top: 3px solid #0000D0;
  border-left: 3px solid #0000D0;
  border-bottom: 3px solid #000040;
  border-right: 3px solid #000040;
}

#nav ul li a:hover {
  background-color: #0000B0;
  color: #F0F000;
  border-top: 3px solid #0000FF;
  border-left: 3px solid #0000FF;
  border-bottom: 3px solid #000080;
  border-right: 3px solid #000080;
}

#nav ul li a:active {
  background-color: #0000B0;
  color: #F0F000;
  border-bottom: 3px solid #0000FF;
  border-right: 3px solid #0000FF;
  border-top: 3px solid #000080;
  border-left: 3px solid #000080;
}