body {
  background-color: white;
  color: black;
  margin-left: 50px;
}

h1 {
  font-family: "Arial";
  font-weight: normal;
  font-size: 12pt;
  color: rgb(66,118,76);
  display: inline;
}

h2 {
  font-family: "Arial";
  font-weight: bold;
  font-size: 12pt;
  color: rgb(0,0,0);
  display: inline;
}

.greenlink A:link {
  color: rgb(66,118,76);
  text-decoration: none;
}
.greenlink A:visited {
  color: rgb(66,118,76);
  text-decoration: none;
}
.greenlink A:active {
  color: rgb(66,118,76);
  text-decoration: none;
}
.greenlink A:hover {
  color: rgb(66,118,76);
  text-decoration: underline;
}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head table {
  background: transparent url(/greenbox.gif) no-repeat bottom right;
}

.cssbox {
  width: 660px !important; /* intended total box width - padding-right(next) */
  width: 645px; /* IE Win = width - padding */
  padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
  padding-left: 0;
  clear: both;
}

/* set the top-right image */
.cssbox_head {
  background-position: top right;
  padding: 0;
  margin: 0;
  margin-right: -15px; /* pull the right image over on top of border */
  padding-right: 40px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head table {
  width: 635px;
  background-position: top left;
  border: 0; /* ditto */
  padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
  height: auto !important;
  height: 1%; /* IE Holly Hack */
}
.cssbox_head td {
  font-family: Arial;
  font-size: 8pt;
}
/* set the lower-left corner image */
.cssbox_body {
  background-position: bottom left;
  margin-right: 25px; /* interior-padding right */
  padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}

.cssbox_body p {
  font-family: Arial;
  font-size: 8pt;
}