body {
  background:         url("images/background.jpg");
  font-family:        Georgia, Times, serif;
  line-height:        1.3em;
  margin:             auto;
  margin-top:         15px;
  width:              770px;
}

#header {
  background-color:   #AE9026;
  border:             2px #000 solid;
  clear:              both;
  padding:            1em;
}

#header h1 {
  color:              #fff;
  font-size:          1.6em;
  margin:             0.2em;
  text-align:         center;
}

#container {
  padding-left:       0.7em;
  padding-right:      0.7em;
}

#sidebar {
  background-color:   #416799;
  border:             2px #082E5F solid;
  color:              #fff;
  float:              right;
  font-weight:        bold;
  margin:             5px;
  margin-top:         10px;
  padding:            0.2em;
  text-align:         center;
  width:              186px;
}

#content {
  background-color:   transparent;
  color:              #000;
}

#content h1 {
  margin-top:         15px;
}

#footer {
  background-color:   #AE9026;
  border:             2px #000 solid;
  color:              #fff;
  clear:              both;
  padding:            0.3em;
  text-align:         center;
}

li { margin-top: 10px; }

/* navigation bar. internet explorer is the devil.                */
.navcontainer { margin-top: 5px; width: 182px; } /* necessary for IE positioning.  */
.navcontainer ul { font: bold 0.9em Verdana, sans-serif; list-style-type: none; margin: 0; padding: 0; }
.navcontainer a { background-color: #ccd; display: block; padding: 3px; width: 180px; }
.navcontainer a:link, .navlist a:visited { color: #009; text-decoration: none; }
.navcontainer a:hover { background-color: #aaf; color: #224; }
.navcontainer li { margin-bottom: 1px; margin-top: 0; }

th { border: 1px solid rgb(196,196,196); background-color: rgb(248,248,248); }
tr, td { font-size: 14px; border: 1px solid rgb(235,235,235); border-top: 0px; }
table { border: 1px; margin-left: 5px; margin-right: 5px; padding: 2px; width: 520px; }