html, body {
  margin: 0;
  padding: 0;
  border: 0;
  color: #777777;
  font-size:    12pt;
  line-height:  1.2;
  font-family:  "Palatino Linotype, Book Antiqua, Palatino, serif";
  font-variant: normal;
  font-style:   normal;
  font-weight: normal;
  vertical-align: top;
}

h1 {
  margin-left: 4px;
}

.mainBody {
  background-color: #ffffff;

}

#mainDiv {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  z-index: 2;
}

#masthead {
  height: 150px;
  width: 800px;
  background-image: url(/gfx/mhbg2.gif);
  background-position: top left;
  vertical-align: top;
  text-align: left;
  z-index: 1;
}

#navbar {
  position: relative;
  top: -32px;
  z-index: 3;
}

.navbarT {
  position: absolute;
  right: 0px;
  height: 32px;
  background-image: url(/gfx/navbar.gif);
  background-repeat: no-repeat;
  vertical-align: top;
}

.aTypicalPage {
  height: 75%;
  width: 800px;
  vertical-align: top;
  position: absolute;
  top: 150px;
}


.buttonBox {
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
}

.button {
  text-align: center;
  font-size:    20pt;
  padding: 0px 0px 0px 0px;
  height: 25px;
}

.buttonA:hover {
  background-color: #444444;
}

.buttonN {
  background-color: #770000;
}

.external {
  background-image: url(/gfx/external.png);
  background-position: center right;
  padding-right: 12px;
  background-repeat: no-repeat;
  color: #333333;
  text-decoration:underline;
}
.external:hover {
  color: #666666;
  text-decoration:underline;
}


#footer {
  position: relative;
  margin-top: 20px;
  background-image: url(/gfx/footer.gif);
  background-repeat: repeat-x;
  height: 100px;
  width: 100%;
}

.footerLink {
  text-align: center;
}

.footerLinkOn {
  color: #333333;
  text-decoration: underline;
}

.footerLinkOn:hover {
  color: #666666;
  text-decoration:underline;
}

.footerLinkOff {
  color: #333333;
  text-decoration: none;
}

.copyright {
  color: #666666;
  font-size:    8pt;
  position: absolute;
  bottom: 2px;
  right: 4px;
}

.dnx {
  position: absolute;
  text-align: center;
  font-size:    7pt;
  bottom: 2px;
  left: 5px;
}

.twit {
  position: absolute;
  top: 25px;
  left: 20px;
}


.finePrint {
  font-size: 8pt;
}

.mainLink {
  color: #eeeeee;
  text-decoration: underline;
}
.mainLink:hover {
  color: #ffffff;
  text-decoration:underline;
}
.poem {
  text-align: center;
  background-color: #eeeeee;
  color: #333333;
  font-size:    22pt;
  line-height:  .9;
  padding: 4px;
  padding-bottom: 10px;
}

.caption {
  font-size: 14pt;
}

.citation {
  width: 100%;
  text-align: right;
  font-size: 9pt;
}

.imgNav {
  width: 100%;
  text-align: right;
  font-size: 14pt;
  padding-top: 10px;
  background-color: #fdfbde;
}

.imgNavLink {
  color: #777777;
  padding-right: 10px;
}

.imgNavLink:hover {
  color: #000000;
}


.miniLink {
  color: #777777;
  text-decoration: none;
}
.miniLink:hover {
  color: #000;
  text-decoration: none;
}

.imageMiddle {
  background-color: #fdfbde;
}

.hintsBox {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 1px solid #777777;
  padding: 4px;
  color: #777777;
  font-size:    8pt;
  font-weight: bold;
  margin-top: 10px;
}

.v4cell {
  text-align: center;
  vertical-align: bottom;
}