body { 
  background-color: #CCB9FF; 
  margin: 0;
  padding: 20;
  overflow: -moz-scrollbars-vertical;
}

body, table, td { 
  color: #280030;
  font-family: serif;
}

a { 
  color: #6F008F;
  white-space: nowrap;
}

table.content {  
  width: 700px;
  border: 3px solid #C8A8E0;
  background: url('../images/oceanful_background.jpg') no-repeat #F4E9FF;
  background-position: 100 5;
}

div#map {
  width: 350px;
  height: 500px;
  border: 2px solid #C8A8E0;
}

.placeName {
  font-weight: bold;
}

.placeAddress {
  font-size: 85%;
}

.placeDesc {
  font-size: 85%;
  font-style: italic;
  color: #6F008F;
}

#localInfo {
  margin: 18 0;
  width: 100%;
}

#localInfo td {
  vertical-align: top;
}

#places {
  width: 100%;
}

#places td {
  vertical-align: top;
  padding: 8 5;
  font-size: 95%;
}

#places tr.rowA td {
  background-color: #E8D8FF;
}

#places tr.rowB td {
/*  background-color: #F8F2FF; */
}

.list a {
  display: block;
  margin: 0 0 10 30;
}

.pics img {
  vertical-align: middle;
  margin: 20 8 20 45;
  border: 2px solid #C8A8E0;
}

.pics a {
  text-decoration: none;
}

.heading_cell { 
  vertical-align: middle;
  height: 165;
}

.heading { 
  text-align: left;
  margin: 45 0 0 80;
  font-style: italic;
}

.title { 
  font-weight: bold;
  font-size: 220%;
}

.date { 
  font-size: 130%;
  margin: 10 25;
}

.menu_cell { 
  padding: 10;
  text-align: right;
  vertical-align: bottom;
  white-space: nowrap;
}

.menu_link { 
  text-align: right;
  margin: 10 15 10 0;
  white-space: nowrap;
}

.separator { 
  padding: 0;
}
.separator hr { 
  width: 600px;
  text-align: right;
  margin: 0 5 0 auto;
}

.bottom { 
  display: none;
  padding: 0 0 20;
}

.bottom hr { 
  width: 600px;
  text-align: left;
  margin: 0 auto 0 5;
}

.links { 
  margin: 0 70 20;
  padding: 10;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.links a, .links span { 
  margin: 0 10;
}

.current { 
  font-weight: bold;
}

.main { 
  height: 100%;
  vertical-align: top;
  padding: 20 20 0;
}

.topic_heading { 
  font-weight: bold;
}

.topic { 
  margin-bottom: 20;
}

.pic_right { 
  float: right;
  margin: 0 0 20 20;
}

.pic_left { 
  float: left;
  margin: 0 20 20 0;
}

.phone { 
  white-space: nowrap;
}

.quote { 
  font-style: italic;
  margin-left: 80;
  clear: both;
}

.caption {
  font-style: italic;
  text-align: center;
  vertical-align: middle;
  color: #555;
  font-size: 90%;
}

#thumbs {
  height: 100px;
  vertical-align: middle;
  text-align: center;
  color: #bbb;
  font-style: italic;
}

td#viewer {
  height: 500px;
  padding: 5;
  vertical-align: bottom;
  text-align: center;
}

.thumbs_outer {
  width: 688px;
  height: 100px;
  overflow: scroll;
  overflow-y: hidden;
  vertical-align: middle;
}

.thumbs_inner img {
  border: 4px solid #F4E9FF;
  cursor: pointer;
  cursor: hand;
}

img.selected {
  border-color: #C8A8E0;
}

.venue_location {
  font-style: italic;
  margin-left: 1ex;
}

.venue_time {
  margin-left: 1ex;
  font-size: 95%;
}