body {
  color: black;
  background: white;
  font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Sans-Serif;
}

h1,h2 { font-family: Verdana, "Sans Serif", Sans }

blockquote {
  background: #ffffc0;
  margin: 1em 3em;
  padding: 0.5em;
}

.banner { background: url(/Lanikai_2009_wide.jpeg) }
.logo { text-decoration: none; color: white; margin-left: 1em }
.title { color: black; margin-right: 1em }
.panel1 { background: #d0e0f3; padding: 0em 1em; }
.panel1 a { text-decoration: none }
.panel3 { background: #ffcc66 }

.panel1, .panel2 { border-radius: 1em; }

/* Fixing the layout */
.panel1 { width: 9em }
.spacer { width: 1em }

.panel2 {
  background: #b0d0ff;
  margin: -0.5em;
  padding: 0.5em;
}

/* Why isn't this the default? */
img { border: 0 }

/* These are just so we can set alignment in an XHTMLish way */
.left   { text-align: left }
.center { text-align: center }
.right  { text-align: right }

.searchform tr th { text-align: right; padding-right: 0.5em }
.searchform tr td input { background: #ffffc0 }
.searchform tr td select { background: #ffffc0 }

.fullrecord { background: #ffffee }
.fullrecord th { text-align: left }

.thleft th { text-align: left }

.disabled { color: grey }
.error { color: red; font-weight: bold }

.essay { margin: 1em 10em 1em 1em }
.essay a { text-decoration: none }

table.targets tr:hover { background-color:silver !important; }

table.targets td, table.targets th {
  border: none;
  padding: 6px !important;
}
table.targets { border-spacing: 0px; }

table.fullrecord, table.fullrecord th, table.fullrecord td { border: none }

a { text-decoration: none }