table.castlist {
  border: none;
  padding-left: 2px;
  padding-right: 2px;
  width: 100%;
  table-layout: fixed;
}

table.castlist tr td.firstcol {
  text-align: right;
  vertical-align: top;
  width: 48%;
  overflow: auto;
}

table.castlist tr td.evencol {
  text-align: center;
  vertical-align: top;
  width: 4%;
  white-space: nowrap;
  overflow: hidden;
}

table.castlist tr td.oddcol {
  text-align: left;
  vertical-align: top;
  width: 48%;
  overflow: auto;
}

/* This is a kludge to allow us to have centered headings
 * that span the whole column.  Use a line like
 *     !and featuring | { | {
 */
table.castlist tr th.firstcol {
  text-align: center;
  font-style: italic;
  font-weight: normal;
  vertical-align: top;
}