body {
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: garamond,serif;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

div#wrapper,wrapperfront {
  margin: 0 auto 0 auto;
  width: 486px;
}

div.scol { /* single column */
  margin: 0 auto 0 auto;
  width: 324px;
}

div.tcol { /* two column */
  width: 216px;
  float: left;
  margin-right: 54px;  
}

div.sidecol {
  width: 324px;
  margin: 0 auto 0 0;
}


p {
  padding: 9px 0 10px 0;
  margin: 0;
}

p.cross {
  font-style: italic;
  text-align: center;
  width: 371;
  padding: 9px 0 10px 0;
  margin: 0px auto 0px auto;
}


h1,h2,h3,h4 {
  font-weight: normal;
  line-height: 19px;
  text-align: center;
}

h1 {
  font-size: 25px;
  font-style: italic;
  font-weight: bold;
  margin: 27px 0 38px 0;
  height: 38px;

}

h2 { 
  text-transform: uppercase;
  font-size: 16px;
  margin: 38px 0 19px 0;
  padding: 0px 0 0px 0;
  letter-spacing: 2px;
  border-top: 0px solid #444;
}

h3 {
  font-style: italic;
  font-size: 19px;
  margin: 19px 0 0 0;
  padding: 9px 0 10px 0;
  letter-spacing: 1px;
}

a { color: black; text-decoration: underline; }
a:hover { color: red; }

ul { 
  margin: 0;
  padding: 0;
  list-style: none;
}

img { padding: 9px 0 10px 0 }
h1 img { padding: 0 }


span.sc {
  font-variant: small-caps;
  text-transform: lowercase;
}

div#menu {
  font-size: 14px;
  line-height: 16px;
  width: 162px;
  float: left;
  margin: 27px 0 0 27px;
  color: red;
}

#menu ul {
  font-weight: bold;
}

#menu ul ul {
  font-weight: normal;
  padding-left: 16px;
}

#menu a { text-decoration: none; }

blockquote {
  margin: 0;
  padding: 19px 0 0px 0;
}

blockquote:before {
  content: "\201C";
  margin: 0 0 0 -7px;
}

blockquote:after { content: "\201D" }


p.rsub {
  text-align: right;
  padding: 0;
}

p.auth {
  text-align: right;
  font-style: italic;
}

img#cover {
  float: right;
  padding-left: 31px;
}

img#knight {
  display: block;
  padding: 9px 0 0 0;
  margin: 0 auto 0 auto;
}

h1#title { height: 57px }