#menu {
  clear: left;
}

#menu ul {
  position: fixed;
  width: 7%;
}

/* turn each list item into a solid blue block */
#menu li {
  margin-left: -2em;
  text-align: center;
  list-style-type: none;
  background-color: #CCCCFF;
  font: 100% sans-serif;
}

/* set anchors to act like buttons */
#menu a {
  border: 3px inset blue;
  display: block;
  color: black;
  text-decoration: none;
  background-color: #CCCCFF;
}

/* flash anchor white when hovered */
#menu a:hover {
  border: 3px outset blue;
  background-color: white;
}

#toc {
  position: fixed;
}

#toc ul {
  position: fixed;
  left: 77%;
  width: 19%;
}

/* turn each list item into a solid blue block */
#toc li {
  text-align: center;
  list-style-type: none;
  background-color: #CCCCFF;
  font: 100% sans-serif;
}

#toc a {
  border: 3px inset blue;
  display: block;
  color: black;
  text-decoration: none;
  background-color: #CCCCFF;
}

#toc a:hover {
  border: 3px outset blue;
  background-color: white;
}

#content {
  position: relative;
  left: 12%;
  width: 68%;
  background-color: #FFFFCC;
}

#content h1 {
  text-align: center;
}

#content h2 {
  text-align: center;
}

#content h3 {
  text-align: center;
}

#buttons a {
  display: block;
  color: black;
  text-decoration: none;
  border: 3px inset blue;
  background-color: #CCCCFF;
  min-height: 2.5em;
  text-align: center;
}

#buttons a:hover {
  border: 3px outset blue;
  background-color: white;
}

#oneCol {
  width: 99%;
  background-color: #FFFFCC;
  border: thin solid red;
  float: left;
}

#oneCol li {
  background-color: white;
  display: block;
}

#oneCol p {
  background-color: white;
  display: block;
}

#firstCol {
  padding-left: 1%;
  padding-right: 1%;
  background-color: white;
  border: thin solid blue;
  min-height: 8em;
  width: 31%;
  float: left;
  clear: left;
}

#nextCol {
  padding-left: 1%;
  padding-right: 1%;
  background-color: white;
  border: thin solid black;
  min-height: 8em;
  width: 31%;
  float: left;
}