body {
  margin-left: 1in;
}

h1 {
  font-family: sans-serif;
  margin-left: -0.7in;
}

h2 {
  font-family: sans-serif;
  margin-left: -0.7in;
}

h3 {
  font-family: sans-serif;
}

h4 {
  font-family: sans-serif;
}

h5 {
  font-family: sans-serif;
}

h6 {
  font-family: sans-serif;
}

p {
}

th.AttributeName {
  text-align: right;
  vertical-align: top;
  border: solid tan 1px;
}

td.AttributeValue {
  vertical-align: top;
  background-color: papayawhip;
  border: solid tan 1px;
}

col.NameColumn {
  text-align: right;
  vertical-align: top;
}

col.ValueColumn {
  text-align: center;
}

th.PriceListColHeader {
  background-color: papayawhip;
}

td.PriceListName {
  background-color: papayawhip;
}

td.PriceListValue {
  border-bottom: solid tan 1px;
}

p.DramaticDescription {
  font-style: italic;
  margin-left: 0.5in;
  margin-right: 0.5in;
}

div.FooterNote {
  margin-left: -0.7in;
  font-style: italic;
  font-size: smaller;
}

span {
}

span.NotDoneNote {
  font-family: sans-serif;
  font-size: smaller;
  color: red;
}

span.DocTypeLinks {
  font-family: sans-serif;
  font-size: smaller;
}

a {
}

a:hover {
  color: red;
}

<!-- see, I know the difference between fantasy and reality! 
      Fantasy's in papayawhip! -->

div.Fantasy {
  padding:  1em;
  background-color: papayawhip;
  border: solid black 1px;
}

div.Reality {
  padding: 1em;
}

div.Links {
  padding: 1em;
}

.RightAligned { 
  text-align: right; 
}
.CenterAligned { 
  text-align: center; 
}
.LeftAligned { 
  text-align: left; 
}
img.FloatRight { 
  float: right; 
}
img.FloatLeft { 
  float: left; 
}


.occupationName {
  font-weight: bold;
}