html,
body,
table.mainframe
  {
  height: 100%;
  font-family: Arial;
  }
body
  {
  margin: 0;
  padding: 0;
  }
table.mainframe
  {
  width: 100%;
  text-align: center;
  }
td
  {
  padding: 0;
  }
td.navbar
  {
  vertical-align: top;
  }
td.footer
  {
  vertical-align: bottom;
  }
td.navbar div,
td.footer div
  {
  padding: 0.2em 1em;
  color: #fff;
  background: #000;
  }
td.navbar a,
td.footer a
  {
  color: #fff;
  background: #000;
  }
td.prev
  {
  width: 45%;
  padding: 20px;
  text-align: left;
  }
td.next
  {
  width: 45%;
  padding: 20px;
  text-align: right;
  }

td.landscape
  {
  padding: 10px;
  }
td td.next,
td td.prev
  {
  width: 6em;
  padding: 0 10px;
  vertical-align: top;
  }
td.cap
  {
  vertical-align: top;
  }
td td p
  {
  margin: 0;
  padding: 0;
  text-align: center;
  }

td.item,
td.letter
  {
  padding: 20px;
  }
td p
  {
  margin: 0;
  padding: 20px 0 0 0;
  text-align: left;
  }
td table
  {
  margin: 0 auto;
  text-align: center;
  }
tr.plains td
  {
  padding: 0 0.2em 1em 0.2em;
  font-weight: bold;
  }
tr.plains td a
  {
  font-weight: normal;
  }
td.item img
  {
  width: 480px;
  height: 480px;
  }
td.letter img
  {
  width: 480px;
  height: 960px;
  }
td.landscape img
  {
  width: 960px;
  height: 480px;
  }
td table img
  {
  width: 64px;
  height: 64px;
  }
a img
  {
  border: none;
  }