body {
  background-color: #036;
  background-image: url("zigzagdark.jpg");

/*  background-image: url("zigzag.jpg");*/
  background-position: 10px 10px; 
  background-repeat: repeat-x;
  padding-left: 20px;
  color: #CCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

a {
  color:gold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
  clear:both;
  color:gold;
  height: 5px;
  border:gold 1px solid;
}

h1 {
  clear: both;
  margin: 0px;
  padding-top: 15px;
  color:white;
  font-size: 24px;
}

h2 {
  clear: both;  
  margin: 0px;
  padding-top: 15px;
  color:white;
  font-size: 20px;
}  

h3 {
  clear: both;
  margin: 0px;
  padding-top: 15px;
  color:white;
  font-size: 16px;
}

h4 {
  clear: both;
  margin: 0px;
  padding-top: 15px;
  color:white;
  font-size: 12px;
}

h5 {
  clear: both;
  margin: 0px;
  color:white;
  font-size: 12px;
}

h6 {
  clear: both;
  margin: 0px;
  color:white;
  font-size: 12px;
}

h7 {
  clear: both;
  margin: 0px;
  color:white;
  font-size: 12px;
}

p {
  margin: 0px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

ul {
  margin: 0px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 0px;

  /* On gecko the generated dots don't count as 'content'... */
  padding-left: 25px;
}

ol {
  margin: 0px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 0px;

  /* On gecko the generated numbers don't count as 'content'... */
  padding-left: 25px;
}

dl {
  margin: 0px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;

}

dl dt {
  color:white;
  margin-top: 15px;
}


.emph {
  color:white;
  font-size: 14px;
}

.quote {
  font-size:20px;
  font-variant: italic;
  color:gold;
  border-color: #999;
  border-width: 0px 7px 0px 7px;
  border-style: double;
  padding: 0px 5px;
}

.clear {
  clear:both;
}