body {
  background-color: #2f2620;
  color: #9f9690;
  font-family: Verdana, Geneva, sans-serif;
  font-size: small;
}

a { color: #f36; text-decoration: none; font-weight: bold; }
a:visited { color: #f36; }
a:hover { color: #f36; text-decoration: underline; }

code {
  margin-bottom: 30px;
  color: #0f0600;
  background-color: #6f6660;
  padding: 4px;
  overflow: auto;
  font-size: small;
  font-family: monospace;
  display: block;
}

#container {
  width: 825px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background-color: #3f3630;
}

#container-bottom {
  width: 845px;
  margin-left: auto;
  margin-right: auto;
  background: #3f3630 url(../images/container_bottom_left.gif) no-repeat bottom left;
}
#container-bottom span {
  background: url(../images/container_bottom_right.gif) no-repeat bottom right;
  height: 20px;
  display: block;
}

div.panel {
  height: 200px;
  margin: 5px;
  padding: 5px 0;
  float: left;
  overflow: hidden;
}

#footer {
  width: 845px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: x-small;
}

#footer span {
  padding: 5px 10px 20px 10px;
}

h1 {
  font-size: x-large;
  margin-bottom: 20px;
}

h2 {
  font-size: large;
  margin-bottom: 20px;
}

h2 a { color: #cfc6c0; text-decoration: none; }
h2 a:visited { color: #cfc6c0; }
h2 a:hover { color: #cfc6c0; text-decoration: underline; }

h3 {
  border-bottom: 1px dotted #5f5650;
  margin-bottom: 10px;
}

h4 {
  margin-bottom: 5px;
  margin-top: 20px;
  font-weight: normal;
  font-size: x-small;
}

input.button {
  cursor: pointer;
  padding: 2px;
  border: 0;
  color: #fff;
  background-color: #f36;
  font-family: Verdana, Geneva, sans-serif;
  font-size: small;
}

input.field {
  padding: 1px;
}

p.navi {
  clear: both;
  text-align: center;
}

select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

table {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

th {
  padding: 5px 6px 1px 4px;
}

td {
  padding: 1px 6px 5px 3px;
}

th {
  font-size: x-small;
}