h1 {
   font-family: sans-serif;
   font-size: 1.5em;
   margin-top: 1px;
   padding-top: 1px;
}

h2 {
   font-family: sans-serif;
   font-size: 1.3em;
}

h3 {
   font-family: sans-serif;
   font-size: 1.1em;
}

p {
   font-family: sans-serif;
}

.who {
   font-size: 0.9em;
   text-align: right;
}

.toc {
  position: absolute;
  left: 10px;
  width: 180px;
  height: 450px;
  background-color: #aaccff;
  border: thin solid black;
  font-family: sans-serif;
}

.toc-element {
   padding-left: 10px;
   margin-left: 8px;
   margin-right: 8px;
}

.content {
   position: absolute;
   left: 0px;
   width: 800px;
}

.content-element {
   position: relative;
   left: 10px;
   padding: opx;
   margin-bottom: 20px;
   width: 780px;
   background-color: #ccffee;
   border: thin solid black;
   padding:10px;
}

.content-right {
   position: absolute;
   left: 420px;
   width: 370px;
   background-color: #ffccee;
   border: thin solid black;
   padding:10px;
   margin-top: 10px;
}

.content-left {
   position: absolute;
   left: 10px;
   width: 370px;
   background-color: #ffeecc;
   border: thin solid black;
   padding:10px;
   margin-top: 10px;
}