/* red highlight: #D61014
 * brown: #A96832
 * light: #FFF8F2
 * dark: #1B110D
 */

.left  { float: left;  }
.right { float: right; }
.clear { clear: both;  }
* { font-family: "Helvetica Neue Light", "HelveticaNeue-Light"; }
html { height:100%; }
a { color: inherit; }

html {
  background: #A96832 url(bg.jpg) no-repeat right bottom;
  color: #1B110D;
}
div { background-color: #FFF8F2; }
h1,h2,h3,h4,h5,h6 { color: #D61014; text-align: center; }
dt { margin-top: 1em; }
#main {
  width: 750px;
  margin: auto;
  padding: 10px;
  border: 2px solid #1B110D;
}
#header {
  text-align: center;
  font-size: 300%;
  font-weight: bold;
  color: #A96832;;
  width: 500px;
  padding: 30px;
}
#header a {
  text-decoration: none;
}
#sidenav {
  margin: 10px;
  width: 150px;
}
#sidenav ul { margin: 0; }
#sidenav li {
  list-style-type: none;
  padding: 7px;
}
#sidenav li a {
  display: block;
  width: 100%;
}
#sidenav li:hover {
  background-color: #A96832;
  color: #FFF8F2;
}
#content {
  margin: 10px;
  border: 2px solid #A96832;
  padding: 10px;
  width: 530px;
}
#content table {
  margin: auto;
}
#footer {
  padding: 4px;
  background-color: #1B110D;
  color: #A96832;
  text-align: center;
}