<!--
body {
  background: url(pix/back.jpg) repeat fixed;
  background-color: #ccdacc;
 }

.top {
  margin-left: 1em;
  margin-right: 1em;
 }

#text {
  margin-left: 260px;
  margin-right: 0;
 }

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

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

p.p2 {
  text-indent: 0;
 }

.title {
  text-align: center;
 }

.head {
  font-size: large;
 }

.descrip {
  padding: 1%;
  background-color: #dae6da;
  border-style: dotted;
  border-width: thin;
 }

.descrip a:link {
  text-decoration: underline;
  background-color: #dae6da;
  color: #8b4726;
 }

.descrip a:visited {
  text-decoration: none;
  background-color: #dae6da;
  color: #8b4726;
 }

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

#nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 245px;
  padding: 5px;
  background-color: #aabbaa;
  border-style: dotted;
  border-width: thin;
  text-align: right;
  line-height: 150%;
  font-size: small;
 }

.nav a:link {
  display: block;
  text-decoration: underline;
  background-color: #aabbaa;
  color: #8b4726;
 }

.nav a:visited {
  display: block;
  text-decoration: none;
  background-color: #aabbaa;
  color: #8b4726;
 }

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

.bottom {
  text-align: center;
 }

.bottom a:link {
  text-decoration: underline;
  color: #8b4726;
 }

.bottom a:visited {
  text-decoration: none;
  color: #8b4726;
 }

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

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