body {
  text-align: center;
  font-family: "Bookman Old Style", Tahoma;
  font-size: 12pt;
  color: black;
  background-color: gray;
}

#main {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
  background-image: url(diveshoplogo-light.jpg);
  background-color: white;
  width: 800px;
}

#header {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: 250;
  color: black;
  font-size: 12pt;
  padding-bottom: 5px;
  border-bottom: 1px solid darkred;
}

#monthheader {
  margin-left: auto;
  margin-right: auto;
  color: darkblue;
  font-size: 22pt;
  font-weight: bold;
  width: 500;
  border-bottom: 2px solid blue;
  margin-bottom: 20px;
}

#specialdates {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 600;
  font-size: 12pt;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.date {
  color: blue;
  font-weight: bold;
}


div.package {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 16pt;
  margin-bottom: 20px;
}

.packagename {
  color: blue;
  border-bottom: 1px solid black;
  font-size: 20pt;
  font-weight: bold;
}

.price {
  color: red;
  font-size: 22pt;
  font-weight: bold;
}

.perperson {
  color: red;
  font-size: 12pt;
}

.equip {
  color: black;
  font-size: 12pt;
  font-style: italic;
}

#bonus {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 700;
  text-align: left;
  color: orange;
  font-size: 12pt;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding-top: 5px;
  padding-bottom: 5px;
}

.red, .red * {
  color: red;
}