body {
  background-color: #692903;
}
h1 {
  font-size: 300%;
  margin: 0.5;
  padding: 0;
}
h2 {
  font-size: 100%;
  color: green;
  font-weight: bold;
  padding: 0;
}
h3 {
  font-size: 100%;
  color: green;
  font-weight: bold;
  padding: 0;
}

table.group {
  /* horizontally center the group */
  margin: auto;
  /* make the background of a group lighter to stand out from the
     page background.
  */
  background-color: #c8c4c0;
  border: thick outset #cc9900;
  /* This separates the groups from each other vertically
  */
  margin-bottom: 20px;
}
p.description {
  /* This is for group and image descriptions. The cell contents
     are automatically centered thus no centering is required
     here.
  */
  padding: 0px;
  margin: 0px;
}
a {
  /* These for for the "prev" "thumbnails" and "next" links when 
     viewing an image.
  */
  font-size: 150%;
}
td.subtitleSide {
  /* These are the tiny little table cells on the left and right 
     just below the main title. Their width must be the same so
     that the page title is centered.
  */
  width: 30%;
}