html {
  overflow-y: scroll;
}

body, table, input, select, textarea {
  font-family: 'Segoe UI', Verdana, Helvetica, Arial, sans-serif;
  font-size: 11pt;
  text-align: left;
}

body, table {
  background-color: #ffffff;
  margin: 0px;
  color: #000000;
}

body {
  background: url(/images/bg.gif);
  padding-left: 0px;
  padding-right: 0px;
}

#body {
  background-color: #ffffff;
  width: 904px;
  margin: 12px auto 12px auto;
  border: 2px solid #808080;
  padding: 0px;
}

#topnav {
  border-top: 2px solid #808080;
  border-bottom: 2px solid #8080d0;
  background-color: #99ccff;
  width: 904px;
}

#banner {
  margin: 0px;
  width: 904px;
  height: 136px;
  background: url(/images/farmoor.jpg);
}

#banner > span {
  color: white;
  text-shadow: black 0px 0px 3px;
  padding-above: 24px;
  padding-left: 12px;
  font-size: 24pt;
}

#bottom {
  clear: both;
}

#copyright {
  margin: 2px;
  margin-right: 6px;
  clear: both;
  text-align: right;
  font-size: 80%;
}

#subnav {
  float: left;
  padding: 0px;
  width: 150px;
}

#content {
  float: left;
  width: 700px;
  clear: none;
  margin: 6px;
}

#padding {
  clear: both;
}

h3, h4 { margin-top: 0.5em; margin-bottom: 0.2em; }
p { margin-top: 0px; }

a { text-decoration: none }
a:link, a:visited, a:active {
  color: #000000;
}

#content a {
  text-decoration: underline;
}

#topnav ul {
  margin: 0px;
  padding: 0px;
  cursor: default;
  list-style-type: none;
  display: inline;
}

#topnav li {
  background-color: #99ccff;
  font-size: 125%;
  padding: 0px;
  display: inline;
}

#topnav li a {
  padding: 0px 1em;
}

#topnav li.active {
  background-color: #8080d0;
  font-weight: bold;
}

#topnav li.inactive:hover {
  background-color: #aaddff;
}

#subnav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#subnav li {
  background-color: #8080d0;
  font-size: 80%;
  padding-top: 2px;
  padding-bottom: 2px;
}

#subnav li.inactive:hover {
  background-color: #aaddff;
}

#topnav a, #subnav a { color: #000000; }
#subnav li.active { background-color: #ffffff; }
#subnav li.spacer {
  background-color: #000000;
  height: 1px;
  padding: 0;
}

#counter {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 8pt;
  text-align: center;
}

tr { vertical-align: top; }

td.siteheader { font-weight: bold; }
td.sitetext { font-size: 8pt; }

.small { font-size: 8pt; }
.error { color: #f22; }

table.misc {
  border-top: 1px solid #000; border-left: 2px solid #000;
  border-right: 1px solid #000; border-bottom: 1px solid #000;
  background-color: #e8e8ff;
}

table.misc tr.header {
  font-weight: bold; font-size: 10pt;
  background: url(/images/th1.gif) repeat-x;
  background-color: #e0e5e9;
}

table.misc td { border-bottom: 1px solid #000; border-right: 1px solid #000; }
tr.header td { border-top: 1px solid #000; border-bottom: 2px solid #000; }

div.photo {
  float: right;
  clear: none;
  margin-left: 16px;
  margin-bottom: 8px;
  font-size: 70%;
}

#twitter td {
  font-size: 70%;
}