BODY {
  margin: 20 10% 20 10%;
}
P {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  text-indent: 1em;
  line-height: 160%;
}
H1 {
  color: white;
  font-size: large;
  background: #666666;
  padding-top: 2px;
  border-top: #cccccc 2px solid;
  border-bottom: #333333 2px solid;
  padding-bottom: 2px;
  padding-left: 1em;
  border-left: #cccccc 2px solid;
  border-right: #333333 2px solid;
  padding-right: 2px;
}
H2 {
  color: white;
  font-size: medium;
  background: #666666;
  padding-top: 2px;
  border-top: #cccccc 2px solid;
  border-bottom: #333333 2px solid;
  padding-bottom: 2px;
  padding-left: 1em;
  border-left: #cccccc 2px solid;
  border-right: #333333 2px solid;
  padding-right: 2px;
  margin-right: 30%;
}
H3 {
  color: white;
  font-size: medium;
  background: #666666;
  padding-top: 2px;
  border-top: #cccccc 2px solid;
  border-bottom: #333333 2px solid;
  padding-bottom: 2px;
  padding-left: 1em;
  border-left: #cccccc 2px solid;
  border-right: #333333 2px solid;
  padding-right: 2px;
  margin-right: 50%;
}
BLOCKQUOTE {
  font-size: small;
  color: navy;
}
DT {
  font-weight: bolder;
}
STRONG {
  font-size: 1.2em;
}
PRE.code {
  background: #ccffff;
  margin-left: 15%;
  margin-right: 15%;
  border: outset thin #ccffff;  
}
DIV.notice {
  background: #ffcccc;
  margin-left: 15%;
  margin-right: 15%;
  border: outset thin #ffcccc;
}
PRE.mail {
  background: #ffffcc;
  border: outset thin #ffffcc;
}
PRE.reply {
  background: #ffccff;
  border: outset thin #ffccff;
}