body {
  background-color: #D3D3D3;
}


#entire {
  background-color: white;
  border: 1px solid #66cc66;
  width: 80%;
  margin: 0 auto;
}

#top {
  background-color: #ccff99;
  height: 6em;
  margin: 0 auto;
}

#toph1 {
  color: #006600;
  margin-left: .4em;
  font-family: "Monotype Corsiva", serif;
  overflow: hidden;
}

#toptitle {
  margin-left: 6.3em;
  color: #336666;
  font-family: "Monotype Corsiva", serif;
  font-size: 1.5em;
  margin-top: -1.1em;
  overflow: hidden;
}

#navigation {
  width: 100%;
  background-color: #006600;
}

#nav {
  color: #336666;
  background-color: #006600;
  margin: -.1em auto;
  width: 80%;
}

#nav a {
  border-left: 3px solid #ccff99;
  border-right: 3px solid #ccff99;
  border-top: 1px solid #ccff99;
  padding-left: 20px;
  padding-right: 20px;
}

#nav a:link {
  color: #ccff99;
  text-decoration: none;
  font-weight: bold;
}

a:link {
  color: #006600;
  text-decoration: none;
  font-weight: bold;
}

#nav a:visited {
  color: #D3D3D3;
  text-decoration: none;
  font-weight: bold;
}

a:visited {
  color: #66ff66;
  text-decoration: none;
  font-weight: bold;
}


#nav a:hover {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

#main {
  background-color: white;
  padding: .8em;
  clear: both;
}

h2 {
  color: #006600;
  text-align: center;
  font-family: "Monotype Corsiva", serif;
}

h3 {
  color: #006600;
  font-family: "Monotype Corsiva", serif;
}

img {
  border: none;
}

ul {
  list-style-type: square;
}


#footer {
  background-color: #ccff99;
  color: #006600;
  font-size: 80%;
  height: 2em;
  padding: 1em;
  clear: both;
}