body {
  width: 781px;
  margin: 0 auto;
  text-align: center;
  line-height: 16pt;
  font-family: "Adobe Garamond ITC", "Adobe Garamond Pro", Garamond, Granjon, Book Antiqua, Georgia, serif;
  position: relative;
}

body * {
  text-align: justify;
}

a:link {  color: #0000FF; text-decoration: none}
a:visited {  color: #333399; text-decoration: none}
a:hover {  text-decoration: underline}
a:active {  text-decoration: underline}


div#ie_container {
  width: 787px; /* hack: now there's room for the 3px jog */
}

img#head {
  display: block;
  border: 1px solid black;
  margin: 9px 9px 9px 0;
}

div#sidebar {
  float: left;
  text-align: center;
  width: 140px;
}

div#sidebar p {
  text-align: center;
  margin: 10px 0 0 0;
  font-size: 10pt;
}

ul#navigation {
  text-align: left;

  width: 106px;
  border-bottom: 1px solid black;
  min-height: 19px;

  margin: 0 0 21px 0;
  padding: 6px 17px 10px 17px;

  background-color: rgb(224, 224, 224);
  background-image: url(site_images/navigation.png);
  background-position: top-left;
  background-repeat: no-repeat;

  font-variant: small-caps;
  font-size: 12pt;

  list-style-type: none;
}

/* navigation sublists */

ul#navigation ul {
  list-style-type: none;
  padding-left: 10px;
  font-variant: normal;
  font-size: 11pt;
  margin: 0;
}

ul#navigation a {
  color: black;
  text-decoration: none;
}

ul#navigation a:hover { text-decoration: underline; }

ul#navigation li {
  margin-top: 9px;
  margin-bottom: 5px;
  width: 106px;
}

ul#navigation ul li {
  margin: 0 0 4px 0;
  padding-right: 0;
  width: auto;
}

img#crown {
  width: 63px;
  height: 50px;
}

#content {
  float: left;
  position: relative;
  margin-left: 9px;
  width: 551px;  /* -2 for border, -34 for padding */
  border: 1px solid rgb(224, 224, 224);
  padding: 17px;
  z-index: 1;
  min-height: 581px;  /* -34 for padding */

  background-image: url(site_images/big-crown.png);
  background-position: 205px 94px;
  background-repeat: no-repeat;
}

#content img {
  border: 0;
  margin: 0.5em;
}

/* hack the dimensions for IE */
* html #content {
  width: 587px;
  height: 617px;
}

#content #crest {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 109px;
  height: 54px;
  z-index: -1;
  margin: 0;
}

#content h2 {
  margin-top: 0;
  margin-bottom: 0.2em;
}

img#tail {
  float: left;
  width: 45px;
  height: 617px;
}

* html img#tail {
  float: right;
  position: relative;
  left: -3px;  /* float left across the 3 pixel jog in ie */
}

#crown-bottom {
  position: absolute;
  right: 0px;
  top: 747px;

  width: 316px;
  height: 13px;
  background-color: rgb(187, 230, 250);
}

/* IE positioning */
* html #crown-bottom {
  position: relative;
  top: -9px;
  left: 465px;
  font-size: 1px;
}

/* First letter */
#first p:first-letter {
font-weight: bold;
font-size: 200%;
}


/***** Article styles. *****************************/

.title {
  font-size: 1.0em;
  font-weight: bold;
}

.content{
  padding: 0.75em 0;
  margin-bottom: 1.5em;
}

.cpy{
  line-height: 12pt;
}