<!--
body {
  background-color: #b6c361;
  color: #000000;
 }

#text {
  position: relative;
  margin-left: 260px;
  text-align: left;
 }

.text a:link {
  text-decoration: underline;
  background-color: #b6c361;
  color: #400000;
 }

.text a:visited {
  text-decoration: none;
  background-color: #b6c361;
  color: #400000;
 }

.text a:link:hover {
  background-color: #400000;
  color: #ffffe0;
 }

.left {
  float: left;
  text-align: center;
  padding: 5px
 }

.right {
  float: right;
  text-align: center;
  padding: 5px
 }

hr {
  margin-top: 2em;
  margin-bottom: 2em;
 }

p.p1 {
  text-indent: 2em;
 }

p.p2 {
  text-indent: 0;
 }

.caps {
  font-variant: small-caps;
 }

.title {
  text-align: center;
 }

.head {
  text-align: left;
  font-style: italic;
  font-size: large;
  font-weight: bold
 }

.poem {
  white-space: pre;
  font-family: serif;
 }

#nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 235px;
  padding: 5px;
  background-color: #cdc8b1;
  color: #400000;
  border-style: dotted;
  border-width: 1px;
  text-align: left;
  font-size: small;
 }

.nav a:link {
  display: block;
  padding-bottom: 8px;
  text-decoration: underline;
  background-color: #cdc8b1;
  color: #400000;
 }

.nav a:visited {
  display: block;
  text-decoration: none;
  background-color: #cdc8b1;
  color: #400000;
 }

.nav a:link:hover {
  background-color: #8b8989;
  color: #ffffe0;
 }

.thisone {
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  background-color: #ffffe0
 }

#note {
  float: left;
  position: relative;
  vertical-align: middle;
  width: 235px;
  background-color: #cdc8b1;
  color: #400000;
  margin-left: 0;
  margin-bottom: 10px;
  padding: 5px;
  text-align: left;
  border-left: solid;
  border-right: solid;
  border-width: 1px;
  text-align: left;
  font-size: small;
 }

hr.note {
  margin-top: 1px;
  margin-bottom: 1px;
  width: 30%;
 }

.note a:link {
  text-decoration: underline;
  background-color: #cdc8b1;
  color: #400000;
 }

.note a:visited {
  text-decoration: none;
  background-color: #cdc8b1;
  color: #400000;
 }

.note a:link:hover {
  background-color: #8b8989;
  color: #ffffe0;
 }

#left {
  float: left;
  position: relative;
  width: 45%;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
 }

#mid {
  margin-bottom: 10px;
  text-align: center;
 }

#right {
  float: right;
  position: relative;
  width: 45%;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
 }

#clear {
  clear: both;
 }

.content {
  margin: 0 0 0 0;
 }

.bottom {
  text-align: center;
 }

.bottom td {
  text-align: center;
  vertical-align: top;
 }

.bottom a:link {
  text-decoration: underline;
  background-color: #b6c361;
  color: #400000;
 }

.bottom a:visited {
  text-decoration:none;
  background-color: #b6c361;
  color: #400000;
 }

.bottom a:link:hover {
  background-color: #400000;
  color: #ffffe0;
 }

hr.bottom {
  margin-top: 1em;
  margin-bottom: 1em;
 }