body { 
  background-color: #6c6c78;
  font-family: arial, sans;
}

a:link { 
  color: #fffff0; 
}

a:visited { 
  color: #fffff0; 
}

a:hover { 
  color: #003366; 
}

div.main { 
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

h2.title { 
  font-size: xx-large;
  text-align: center;
  color: #fffff0;
}

table.listing { 
  margin-left: auto;
  margin-right: auto;
  width: 80%; 
  margin-bottom: 7em;
}

table.listing td { 
  width: 50%; 
  vertical-align: top; 
  color: #fffff0;
  font-family: serif;
  font-size: larger;
}


table.gallery { 
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

table.gallery td { 
  padding: 5px;
  text-align: center;
}

div.photo {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

div.vert_photo {
  width: 60%;
  float: left;
  text-align: center;
}

div.vert_caption {
  width: 35%;
  float: right;
  padding: 10px;
  text-align: right;
  font-size: xx-large;color: #fffff0; 
}

div.horz_photo {
  width: 140%; 
  float: right;
  text-align: center;
}

div.horz_caption {
  width: 100%;
  text-align: center;
  padding: 10px;
  font-size: xx-large;color: #fffff0; 
}

div.copy { 
  clear: both;
  padding: 15px;
  font-size: small;
  text-align: center;
}