*, html, body {
  margin: 0;
  padding: 0;
  border-width: 0;
  font-family: Verdana, Geneva, sans-serif;
}

body { background-color: white; }

h2 {
  font-size: 1em;
  color: #004a7a;
  font-weight: bold;
  text-transform: lowercase;
  margin-bottom: 4px;
  margin-top: 20px;
}

.quote { font-style: italic; }

#body, p {
  font-size: 0.9em;
  color: #004a7a;
  margin-top: 4px;
  margin-bottom: 5px;
  overflow: auto;
}

#page {
  width: 700px;
  margin-top: 20px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#body {
  float: left;
  text-align: left;
  margin: 5px 0 5px 0;
}

#body ul.sitemaplinks {
  display: inline;
  list-style-position: inside;
  font-size: 0.9em;
}

#header {
  float: left;
  width: 100%;
}

#title {
  display: inline;
  float: left;
  width: 15%;
  text-align: left;
}

#title h1 {display: none;}

#nav {
  display: inline;
  float: right;
  width: 70%;
  margin: 42px 0 0px 0;
  text-align: right;
  font-size: .7em;
}

#googlemap {
  width: 500px;
  height: 400px;
  margin-top: 15px;
}

a, a:link, a:visited {
  color: #5e89a4;
  text-decoration: none;
}

a:hover, a:active {
  color: #7a5e00;
  text-decoration: none;
}

.activelink, strong {font-weight: bold;}

#nav ul {
  display: inline;
  margin-right: -15px;
}

#nav li, .subnav li {
  display: inline;
  margin: 0 15px 0 0;
  list-style-type: none;
}

.subnav ul {
  display: block;
  margin-right: -15px;
}

ul.thumbnails {
  display: inline;
  float: left;
  text-align: left;
  width: 720px;
  margin: 5px -10px 0 0;
}

ul.thumbnails li {
  float: left;
  list-style-type: none;
  margin: 0 20px 0 0;
  height: 1%;/*ie fix to give hasLayout*/
}

ul.thumbnails li img {
  width: 100px;
  height: 75px;
}

ul.gallery {
  display: inline;
  float: left;
  text-align: left;
  width: 720px;
  margin: 5px -20px 0 0;
}

ul.gallery li {
  float: left;
  list-style-type: none;
  margin: 0 17.3px 12px 0;
  height: 1%;/*ie fix to give hasLayout*/
}

ul.gallery li img {
  width: 162px;
  height: 108px;
}

ul.thumbnails li a img:link, ul.thumbnails li a img:visited, ul.gallery li a img:link, ul.gallery li a img:visited {/*ie fix: must give :link, :hover, etc. to img, not a or li, for hasLayout*/
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

ul.thumbnails li a img:hover, ul.thumbnails li a img:active, ul.gallery li a img:hover, ul.gallery li a img:active {
  -moz-opacity: 0.8;
  opacity: .8;
  filter: alpha(opacity=80);
}

#footer {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: .7em;
  margin-bottom: 10px;
}

#footer ul {
  display: inline;
  list-style-type: none;
}

#footer li {
  display: inline;
  list-style-type: none;
  margin: 0 6px 0 6px;
}
