body {
  background: #333;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

div.nospace {
  padding: 0px;
}

div#main {
  margin: 8px;
  padding: 0px;
  width: 960px;
}

div.left {
  float: left;
  width: 570px;
  border: solid thin white;
  padding: 8px;
  background: #995; color: #000;
  background: #000; color: #fff;
}

div.right {
  float: right;
  width: 340px;
  font-size: 100%;
  border: solid thin black;
  background: #9b9;
  padding: 8px;
}

.photopane img {
  margin: 4px 4px;
}

img {
  margin: 0 8px;
}

.left img {
  border: solid 1pt white;
}
.right img {
  border: solid 1pt black;
}

p.right {
  text-align: right;
}

div.photopane {
  text-align: center;
  padding: 8px;
}

div.photopaner {
  float: right;
}

div.photopanel {
  float: left;
}

span.quote {
  font-style: italic;
}

div.quote {
  font-style: italic;
  padding: .75em .75em;
}

div.quotex {
  font-style: italic;
}

div.indented {
  padding-left: 48px;
}

h1 {
  font-size: 24px;
  text-align: center;
  padding: 10px 0;
  color: #ff4;
  margin-top: 36px;
}

h1.top {
  margin-top: 0px;
}

h1.a {
  background: url(h1a.jpg) no-repeat;
}

h1.b {
  background: url(h1b.jpg) no-repeat;
}
h1.c {
  background: url(h1c.jpg) no-repeat;
}
h1.d {
  background: url(h1d.jpg) no-repeat;
}

h2 {
  font-size: 120%;
  padding: 4px 0;
  text-align: center;
}

div#navigate {
  padding-bottom: 32px;
}

#navigate ul {
  padding: 0;
  margin: 0;
  background-color: #039; 
  color: #333;
  float: left;
}

#navigate ul li { display: inline; }

#navigate ul li a {
  padding: .25em 1em;
  background-color: #666;
  color: #ff8;
  text-decoration: none;
  float: left;
  border-bottom: solid 2px #333;
  border-top: solid 2px #333;
  border-right:  solid 4px #333;
}

#navigate ul li a:hover {
  color: #000;
  background-color: #ccc;
}

.left a {
  color: #ff0;
}

.right a {
  color: #330;
}

a {
  text-decoration: none;
}

a:link, a:visited, a:active {
}
a:hover {
  color: #c00;
  text-decoration: underline;
}