body {
  background: #FFCC66;
}

.textarea {
  position: relative;

  /* Set here to give a standard width to 'em' values. */
  font-family: sans-serif;
  font-size: small;
}

.paperarea {
  position: absolute;

  left: 11em;

  background: #FFFFCC;

  margin-left: 7px;
  padding: 1em 1em 1em 2em;
}

.paperarea > p {
  font-size: medium;
}

.companyHeader {
  font: 12pt "Hoefler Text", "Times", serif;
/*  font-weight: 200; */
  text-align: right;
  letter-spacing: 2px;
  padding-top: 15px;
  padding-bottom: 25px;
  padding-right: 10px;
  padding-left: 10px;
  background: url(images/galaxy1.jpeg) #FFFFFF;
}

.home {
  background: url(images/galaxy1.jpeg) #FFFFFF;
  color: white;
  font-size: larger;
}

/*  This would be for slogan text: */
.companyHeader a:link,
.companyHeader a:active,
.companyHeader a:visited { color: blue; text-decoration: none; }

.companyHeader a:hover .companyName { color: blue; }

.companyName {
  font: 50pt/52pt "Hoefler Text", "Times", serif;
/*  font-weight: 200; */
  text-align: right;
  letter-spacing: 4px;
  padding-top: 7px;
  padding-right: 3px;
  color: white;
}

/* Sidebar */
.navigation {
  position: absolute;

  margin-top: 7px;

  margin-right: 2px;

  width: 11em;
}

.topelement {
  color: #000000;
  background: #FFFFFF;
  font-weight: bold;

  margin: 1.2mm;

  border-color: gray;
  border-style: solid;
  border-width: 2px;

  text-align: center;

  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;

  display: inline-block;
}

.element {
  color: #000000;
  background: #FFFFFF;
  font-weight: bold;

  margin-bottom: 1.2mm;

  border-color: black;
  border-style: solid;
  border-width: 2px;

  text-align: center;

  padding-top: .4em;
  padding-bottom: .3em;
  padding-left: 1mm;
  padding-right: 1mm;

  width: 92%;

  display: inline-block;
}

.navbutton {
  font: 12pt "Hoefler Text", "Times", serif;
  text-decoration: none;
}

.productblurb {
  /* So that non-product text will not wrap next to a contained
     floated image, wrap the image in an ancestor which is floated.  */
  float: left;
  width: 100%;
  padding-bottom: 5px;

  font-size: medium;
}

.productimage {
  float: right;
  margin: 2mm;
}

.productthumbnail {
  float: left;
  margin: 0 2mm;
}


.product {
  font-weight: 600;
  font-style: italic;
}


.paypal {
  border-color: transparent;
  border-style: solid;
  border-width: 1px;

  float: left;
  padding: 5px;
  margin: 0 22px 8px 0;

  width: 10em;
}

h1 {
  font: 30pt "Hoefler Text", "Times", serif;
}

h1, h2, h3, h4 {
  text-align: center;
}

.directions {
  font-size: large;
}

.directions li {
  font-size: larger;
  margin-top: 1em;
}

.heading {
  font-weight: bold;
  font-size: 90%;
}

.endnotes {
  clear: both;

}

.note {
  font-size: x-small;
}