body {
  color: #000000;
  margin-top: 0px;
  text-align: center;
  font-family: sans-serif;
}

/* IE 6 doesn't seem to like the width on body. */

.bodyContainer {
  width: 600px;
  margin: 0 auto;
}

.menuItem a img {
  border-width: 0px;
  height: 23px;
  width: 72px;
}

.topmenu {
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0 auto;
  text-align: center;
}

/* For IE, I'm told. */
.topmenuContainer {
  text-align: center;
  margin-top: 5px;
}

.menuItem {
  padding-left: 1px;
  padding-right: 1px;
}

.leftJustified {
  text-align: left;
}

.smalltext {
  font-size: 10pt;
}

p.centered {
  text-align: center;
}

.frontSubTable {
  margin-top: 5px;
}

.narrowCenterBlock {
  margin: 0px auto; 
  width: 500px;
}

.frontSubTable td {
  vertical-align: middle;
}

p.purplish {
  color: #2C1676;
}

/* I was using font-size, but this appears not to work reliably
   in IE 6. */

p.tiny {
  font-size: 65%;
  margin: 4px 0px;
}

/* gigs.html */

.gigTable td {
  font-size: 10pt;
  vertical-align: top;
  width: 33%;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* You can't style cells via column data. But you
   CAN use the sibling selector. Not in IE 6, of course,
   because the sibling selector doesn't work. So
   we have to use classes on the TDs. */

.gigTable td.gigDate {
  text-decoration: underline;
  font-weight: bold;
  padding-right: 12px;
}

.gigTable td.gigDetails {
  padding-left: 12px;
  padding-right: 12px;
}

.gigTable td.gigLocation {
  padding-left: 12px;
}

/* lesson.html */

.lessonTable td {
  vertical-align: top;
  padding-top: 1em;
  padding-bottom: 1em;
}

.lessonTable td.category {
  padding-right: 12px;
  font-weight: bold;
  width: 33%;
}

.lessonTable td.desc {
  padding-left: 12px;
  width: 67%;
}

.maybeCenturyGothic {
  font-family: Century Gothic, sans-serif;
}

/* jazz.html, newvoice.html */

ul.clipList {
  padding-left: 0px;
  margin-left: 0px;
  list-style-type: none;
}

ul.clipList li {
  padding-top: 25px;
  font-size: 85%;
}

/* links.html */

.linksTable {
  margin-top: 20px;
}

.linksTable td {
  width: 125px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  font-weight: bold;
}

.narrowerCenterBlock {
  margin: 0px auto; 
  width: 400px;
}

.linkBlock th {
  width: 110px;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
}

.linkBlock td {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 85%;
  text-align: left;
  vertical-align: top;
}

.linkBlock td.link {
  width: 110px;
  font-weight: bold;
}

/* photos.html */

.photoTable td {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}

.photoTable td.leftPhoto {
  padding-right: 15px;
}

.photoTable td.rightPhoto {
  padding-left: 15px;
}

/* wedding.html */

.eventTable td {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 85%;
  vertical-align: top;
}

.eventTable td.left {
  width: 275px;
  text-decoration: underline;
  font-weight: bold;
}

.eventTable td.newleft {
  /* width: 275px; */
  text-decoration: underline;
  font-weight: bold;
}

.eventTable td.audio {
  width: 150px;
}