body {
  background-color: lightyellow;
  background-image: none;
  margin: 0px;
  padding: 0px;
  }

#sidebar {
  height: 35px;
  }

div.main {
  background-color: lightyellow;
  background-image: none;
  height: 81%;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10%;
  margin-right: 10%;
  overflow: auto;
  }

div.footer {
  background-color: lightyellow;
  background-image: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 10%;
  margin-bottom: 0px;
  margin-left: 10%;
  margin-right: 145px;
  }

h1 {
  font-family: 'Old English Text MT', 'Harrington', 'Imprint MT Shadow', 'Castellar', 'Algerian', 'Comic Sans', 'Comic Sans MS', fantasy;
  font-size: 48pt;
  color: black;
  text-align: center;
  font-weight: bold;
  }

h2, h2 a, h3, h4, h5, h6, p, dt, dd, address {
  font-family: 'Times New Roman', serif;
  color: black;
  }

address {
  font-size: 10pt;
  font-style: italic;
  }

img.mainlogo {
  height: 170px;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  }

h2, h2 a {
  text-align: center;
  font-size: 28pt;
  font-weight: bold;
  }

h3 {
  font-size: 24pt;
  font-weight: bold;
  }

h2.title, h3.title {
  font-family: 'Old English Text MT', 'Harrington', 'Imprint MT Shadow', 'Castellar', 'Algerian', 'Comic Sans', 'Comic Sans MS', fantasy;
  font-style: italic;
  }

h4 {
  font-size: 20pt;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  }

h5 {
  font-size: 16pt;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px;
  }

p, dt, dd {
  text-align: justify;
  font-size: 12pt;
  }

p.rightbar {
  margin: 0px;
  text-align: right;
  font-size: 10pt;
  }

.right {
  text-align: right;
  }

.center {
  text-align: center;
  }

em {
  font-style: italic;
  font-weight: bold;
  }

em.title {
  font-style: italic;
  text-decoration: underline;
  font-weight: normal;
  }

a {
  color: blue;
  font-weight: normal;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  font-style: italic;
  }

a:visited {
  font-weight: normal;
  }

dt {
  padding-top: 15px;
  }

p.teletype {
  font-size: 12pt;
  text-align: justify;
  font-family: 'Courier New', 'Courier', monospace;
  }

sup {
  font-size: 8pt;
  }

p.continue {
  margin: 0px;
  }

p.indent {
  text-indent: 25px;
  margin: 0px;
  }

p.italicindent {
  text-indent: 25px;
  font-style: italic;
  margin: 0px;
  }

p.italic {
  font-style: italic;
  margin: 0px;
  }

p.revindent {
  margin-left: 25px;
  text-indent: -25px;
  }

p.center {
  margin: 0px;
  text-align: center;
  }

p.code {
  font-size: 12pt;
  text-align: left;
  font-style: 'Courier New';
  margin-left: 25px;
  }

p.note {
  font-size: 10pt;
  text-align: left;
  }

p.narrator {
  font-size: 12pt;
  text-align: left;
  font-style: 'Courier New';
  font-style: italic;
  margin-bottom: 0px;
  }

p img {
  vertical-align: middle;
  height: 175px;
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  }

table.header {
  border-collapse: separate;
  width: 100%;
  }

tr.menu {
  background-color: lightyellow;
  }

tr.inner td {
  background-color: lightyellow;
  font-size: 14pt;
  }

td {
  width: 20%;
  padding: 0px;
  }

td p {
  text-align: center;
  margin: 0px;
  }

td p a {
  text-align: center;
  color: gold;
  }

blockquote.italic {
  font-style: italic;
  margin-left: 25px;
  font-size: 14pt;
  }

table.teletype {
  border: 2px;
  }

table.teletype tr td p {
  vertical-align: top;
  }

#sidebar ul {
  width: 80%; 
  background-color: none;
  background-image: none;
  padding: 0px;
  margin-top: 0px;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 0px;
  position: fixed;
  }

#sidebar ul li {
  list-style: none;
  margin: 0;
  float: left;
  width: 16%;
  }

#sidebar ul li a {
  padding: 2px 0.5em;
  margin-left: 0px;
  border: 1px solid #778;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: lightblue;
  text-decoration: none;
  display: block;
  text-align: center;
  color: black;
  }

#sidebar ul li a:hover {
  font-style: normal;
  }

#sidebar ul li ul {
  position: relative;
  left: -999em;
  width: 7em;
  float: left;
  }

#sidebar ul li:hover ul {
  left: -0.75em;
  }

#sidebar ul li ul li {
  width: 100%;
  }

#sidebar ul li ul li a {
  background-color: lightblue;
  border: 1px solid black;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-top: 0;
  text-align: left;
  color: black;
  }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

/* IE6 */
* html .clearfix {
  height: 1%;
  }

/* IE7 */
*.firstchild+html .clearfix {
  minheight: 1px;
  }