html, body {
  margin: 0; 
  padding: 0; 
  border: 0; 
  background: #fff;
  font: Arial, sans-serif;
}

body {
  text-align: center;   /*** This forces wrapper centering for IE5.x/win ***/
}
.wrapper {
  width: 770px;
  margin: 0 auto;   /*** This centers wrapper for most modern browsers ***/
  text-align: left;   /*** This resets the text alignment to left ***/
  border: 1px solid black;
  background: #eeeeee;
}
.banner {
  background: #000066;
  color: white;
}
h1 {
  margin: 0;
  padding: 3px 10px;
  border-bottom: 1px solid black;
}

.left {
  float: left;
  text-align: center;
}

.right {
  float: right;
}

.center {text-align: center;}


/* ###### Selectors below are for the Bordered Boxes ###### */

.holderdiv {
  width: 150px;
  margin: 0 10px;
  display: inline;   /*** This is a harmless "fix", used only to keep IE/win from
                        doubling margins on floats. ***/
}

.holderdiv div {
  color: #363636;
  margin: 10px 0;   /*** This vertical margining is held inside the div by the borders ***/
  background-color: #FFFFFF;
  border: 1px solid black;
}

.holderdiv h2 {
  margin: 0;
  font-size: 2em;
  padding: 5px;
  text-align: center;
}
.holderdiv h3 {
  margin: 0;
  background-color: #0000AA;
  color: white;
  font-size: 1em;
  padding: 5px;
  text-align: center;
}

.holderdiv p {
  margin: 5px 0;
  padding: 0 5px;
}

.holderdiv .p-divider {
  border-top: 1px solid black;
  padding-top: 5px;
}


.content p {
 margin: 10px 10px 10px 170px;
}