body {
  margin:0;
  padding:0;
  color: #000;
  background: #FFF8E5;
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 18px;
  margin: 25px;
}

P {
    text-align:left;
    hyphens: auto;
}

ABBR {
  text-transform: lowercase;
  font-variant:small-caps;
  font-style: normal;
  border-bottom: 0;
  letter-spacing:0.1em}

p {
  line-height: 1.5
  margin-top: 1.5em;
  margin-bottom: 0 }

p + p {
   text-indent:2em;
   margin-top: 0 }

h1 {
  font-weight: normal }

h2 {
  font-weight: normal;
  line-height: 1.286;
  margin-top: 1.286em;
  margin-bottom: 1.286em;
  border-bottom: 1px solid red;
}

h3 {
  font-weight: normal;
  font-style: italic;
}

blockquote {
   margin:1.5em }

div.outer {
    width:800px;
    margin:0 auto;
    padding:10px;
}

div.more{
    padding:10px;
    float:left;
    width:60%;
}

div.book{
    padding:10px;
    float:right;
    width:33%;
}

div.sidenote {
    float: right;
    border-top: double #aaa;
    border-bottom: double #aaa;
    font-style: italic;
    margin: 0px 10px;
    padding: 10px;
    width: 50%;
}

p.formula {
    background-color: pink;
    text-align: center;
    font-family: "Arial";
    font-size: 120%;
    padding: 1em;
}

p.centerhead {
    text-align: center;
    font-style: italic;
    padding: 1em;
}

#table-of-contents {
    font-size: 15pt;
    position: fixed;
    right: 0em;
    top: 0em;
    color: black;
    background: mistyrose;
    text-align: right;
    z-index: 9999;
/* ensure doesn't flow off the screen when expanded */
    max-height: 80%;
    overflow: auto; }
#table-of-contents #text-table-of-contents {
    display: none;
    text-align: left; }
#table-of-contents:hover #text-table-of-contents {
    display: block;
    padding: 0.5em;
    margin-top: -1.5em; }