body {
  background-color: #336699;
  margin: 20px;
  padding: 0;
  font-size: 1em;
  font-family: verdana, arial, helvetica, sans-serif;
}
h1 {
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 1.6em;
  color: #888;
}
h2 {
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.3em;
  color: black;
}
table.box {
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: yellow;
  width: 100%;  
  margin: 0 0 1em 0;
}
table.box2 {
  font-family: verdana, arial, helvetica, sans-serif;
    border: 1px solid black;
  width: 100%;  
  margin: 0 0 1em 0;
}
p {
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 1em;
  margin: 0 0 .65em 0;
  padding: 0;
}
.content>p {
  margin: 0;
}
.content>p+p {
  text-indent: 30px;
}
a {
  color: teal;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

a:link {
   color: teal;
}
a:visited {
   color: teal;
}
a:hover {
   background-color: #bbb;
}
/* All the content boxes belong to the content class. */
.content {
   position: relative;
   width: auto;
   min-width: 120px;
   margin: 10px 260px 10px 240px;
   border: 1px solid black;
   background-color: white;
   font-size: .8em;
   padding: 10px;
   z-index: 3;
}
#navleft {
   position: absolute;
   width: 200px;
   top: 20px;
   left: 20px;
   font-size: 0.8em;
   border: 1px solid black;
   background-color: white;
   padding: 10px;
   z-index: 2;
}
#navright {
   position: absolute;
   width: 220px;
   top: 20px;
   right: 20px;
   border: 1px solid black;
   background-color: #eee;
   font-size: 0.8em;
   padding: 10px;
   z-index: 1;
}