html { overflow: scroll; }

acronym { border-bottom: dotted 1px #333; cursor: help; }

.body {
  font: 11px sans-serif; border: 0px; margin: 0px; padding: 0px;
  text-align: justify; background-color: #ffc; color: #000;
}

td { font: 11px sans-serif; }

a { color: #00c; text-decoration: none; }
a:hover { color: #f00; }

.border1 { border: 1px solid #900; margin: 5px; padding: 5px; }

.navigation {
  width: 96%; position: relative; left: 2%; background-color: #900; text-align: center; padding: 4px;
}

.navigation a {
  padding: 4px; color: #fff; background-color: #900; text-decoration: none;
}

.navigation a:hover { color: #fff; background-color: #f63; }

.main {
  color: #000; background-color: #fff; width: 90%; position: relative; left: 5%;
  border: 1px dotted #ccc; padding: 4px;
}

.content {
  width: 96%; position: relative; left: 2%; padding: 4px 0px 4px 0px;
}

.header { color: #900; font: bold 13px sans-serif; padding: 4px; }

.divider {
  width: 100%; padding: 4px;
  color: #000; background-color: #ffc; font: bold 13px sans-serif;
  text-align: center;
}

.footer {
  width: 90%; position: relative; left: 5%; padding: 4px;
}

dl.timetable {
  width: 90%; position: relative; left: 5%; background-color: #eee; line-height: 1.4em;
}

.timetable dt { width: 8em; float: left; }
.timetable dd { margin: 0 0 0 8em; }

dl.dialogue {
  border: 1px dotted #fc9; padding: 4px;
}

.dialogue dt { margin: 0; padding: 0; font-style: italic;}
.dialogue dd { margin: 0; padding: 0.5em 0; color: #900; }