body {
  font-family: "Futura-Book" Arial, Helvetica, sans-serif;
}

.frontmatter, .backmatter {
  color: white;
  background-color: #ae284d;
  width: 100%;
  height: 2cm;
  text-align: center;
  vertical-align: middle;
}

.middle {
  float: right;
  width: 98%;
}

.mainmatter {
/*  margin: 0% 25% 0% 25%;  */

  width: 80%; 
  height:  78%; 
  overflow: auto; 
  text-align: left;
}

div.helper {
  float: left;
  width: 1px;
  hight: 100%;
}

h1 {
  font-family: "FuturaBT-ExtraBlack", "Arial Black", Arial, Helvetica, sans-serif;
  float: right;
  font-weight: normal;
  font-size: xx-large;
  width: 98%;
}

h2, h3, h4, h5, h6 {
  font-family: "FuturaBT-Bold", "Arial Black", Arial, Helvetica, sans-serif;
  color: #ae284d; 
}

h2 {
  font-weight: normal;
  text-align: right;
  font-size: x-large;
}

a {
  color: #ae284d;
  border: 1px dotted #ae284d;
}

p a {
  text-decoration: none;
}

h2 a {
  text-decoration: none;
  font-style: none;
  border: none;
}

a.footnote {
  vertical-align: super;
  font-size: x-small;
  text-decoration: none;
  color: black;
}



.backmatter a {
  color: gray;
  border: none;
  text-decoration: none;
  font-style: none;

}

ul.footnote {
  list-style-type: none;
}

.linklist {
  margin-left: 20%;
  list-style-type: none;
}

.linklist li {
  padding-bottom: 1.5ex;
}

dt {
  float: left;
  clear: left;
  width: 3%;
  text-align: right;
  vertical-align: super;
  font-size: smaller; 
  padding-bottom: 1.5ex;
}

dd {
  float: left;
  clear: right;
  text-align: left;
  width: 91%;
  padding-bottom: 1.5ex;
}

small blockquote, small cite {
  font-size: xx-small;
}