body 
{
  margin:            0px 0px 0px 0px;
  padding:           0px 0px 0px 0px;
  font-family:       Perpetua Titling, Avant Garde,arial,lucida,verdana,sans-serif;
  font-size:         110%;
  color:             white;
  background-color:  black;
  text-align:        center;
  line-height:       125%;
  letter-spacing:    2px;
}
a
{
  color:             #A0C0FF;
  text-decoration:   underline;
}
img 
{
  border:            0;
}
h2,h3
{
  font-family:       Trebuchet MS,Tahoma,lucida,verdana,arial,sans-serif;
  font-size:         1.5em;
  font-variant:      small-caps;
}
h1
{
  font-family:       Trebuchet MS,Tahoma,lucida,verdana,arial,sans-serif;
  font-size:         2em;
  line-height:       120%;
  text-align:        right;
}
#page 
{
  text-align:        left;
  width:             80%;
  margin-left:       auto;
  margin-right:      auto;
}
#header 
{
  margin-top:        2em;
  text-align:        right;
  font-size:         150%;
}
#menu-container
{
  border-top:        #A0C0FF 1px solid;
  border-bottom:     #A0C0FF 1px solid;
}
#menu-container ul
{
  list-style-type:   none;
  margin:            0;
  text-align:        center;
  padding:           20px 0px 20px 0px;
}
#menu li
{
  display:           inline;
  margin:            0px 20px 0px 20px;
}
#menu a, .thumbnail a
{
  color:             white;
  text-decoration:   none;
}
#menu a
{
  white-space:       nowrap;
}
#menu a:hover, .thumbnail a:hover
{
  text-decoration:   underline;
}
#content
{
  border-bottom:     #A0C0FF 1px solid;
  margin:            10px 10px 10px 10px;
  padding:           10px 10px 10px 10px;
}
#footnote
{
  clear:             both;
  margin-top:        1em;
  width:             90%;
  margin-left:       auto;
  margin-right:      auto;
}
#footnote p#copyright
{
  float:             left;
  font-size:         80%;
  width:             auto;
}
#footnote p#webdesign
{
  margin:            0px 0px 0px 0px;
  float:             right;
  text-align:        right;
}
#footnote p#webhosting
{
  margin:            0px 0px 0px 0px;
  float:             left;
  text-align:        left;
}
.small
{
  font-size:         75%;
}
.nofloat
{
  text-align:        center;
}
div.spacer
{
  clear:             both;
}
td.thumbnail
{
  border:            #A0C0FF 1px solid;
  margin:            10px 10px 10px 10px;
  padding:           10px 10px 10px 10px;
}
table.nocollapse
{
  border-collapse:   separate;
  border-spacing:    15px;
}
table
{
  width:             100%;
  border-collapse:   collapse;
}
td
{
  border:            0;
  vertical-align:    top;
  padding:           20px 20px 20px 20px;
  border-bottom:     #A0C0FF 1px solid;
}
td.date
{
  width:             4em; 
  text-align:        right;
}
td.noborder, table#feedback td
{
  border:            0;
}
td.form-label, input.form-submit
{
  color:             #A0C0FF;
  font-weight:       bold;
}
input.form-submit 
{
  background-color:  #000;
  padding:           5px 10px 5px 10px;
  font-size:         150%;
}
span.book
{
  font-style:        italic;
}
li
{
  margin-bottom:     0.5em;
}
img.front-illustration {
  width:             250px;
  height:            344px;
  float:             left;
  margin-right:      1em;
}
.thumbnail h2 {
  font-size:         75%;
}
p.link {
  margin-left:       1em;
  margin-right:      1em;
}
p.link img {
  vertical-align:    middle;
}
img.float-right {
  float:             right;
  margin-left:       5px;
  margin-bottom:     5px;
}
