/*
 * BAOC
 *
 * This style colors all of the area surrounding the "content" div,
 * places "header" and "footer" divs at top and bottom of the page,
 * and places the navigation "menu" div on the left side.
 *
 * Written by Van A. Boughner, with a little help from our friends
 * at bluerobot.com who provide some great ideas about how to make two column
 * layouts using CSS.
 */

html {
  background-color: #F0F5EB;
  margin: 0;
  padding: 0;
}
body {
  background-color: #F0F5EB;
  color: black;
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
a:link {
  color: #060;
}
a:visited {
  color: #456059;
}
a:link:hover, a:visited:hover {
  color: #B8860B;
}
a img {
  border: 0;
}
h1, h2, h3, h4, h5 {
  color: #7A2232;
  margin: 1.0em 0 0.5em 0;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
  color: #7A2232;
  text-decoration: none;
  border-bottom: 1px solid #7A2232;
}
h1 a:link:hover, h2 a:link:hover, h3 a:link:hover,
h4 a:link:hover, h5 a:link:hover,
h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover,
h4 a:visited:hover, h5 a:visited:hover {
  color: #B8860B;
  text-decoration: none;
  border-bottom: 1px solid #B8860B;
}
h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.2em;
}
h4, h5 {
  font-size: 1.0em;
}
li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
hr {
  margin: 0 2.0em;
}
pre {
  line-height: 1.2em;
}

/* --------------------------------- */

.degrade {
  display: none;
}
.printonly {
  display: none;
}
.screenonly {
  display: inline;
}
.credit {
  color: #855;
  font-size: 80%;
  font-style: italic;
  margin: 0;
}
.note, .notation {
  color: #7A2232;
  font-size: 90%;
  font-style: italic;
}
.event {
  color: #633;
  font-size: 90%;
  font-style: italic;
}
.directions {
  color: #633;
  font-size: 90%;
  font-style: italic;
}
.mini {
  font-size: 80%;
  padding: 0 0.5em;
}
.suplink {
  line-height: 0;
  font-size: 65%;
}
.suplink a {
  color: #D5CAB0;
  text-decoration: none;
}
.warning {
  color: #300;
  font-weight: bold;
}
.warnbox {
  clear: left;
  float: left;
  width: 300px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #EC0000;
  background-color: #ECC8C8;
  padding: 0.25em;
}
.warnclear {
  clear: left;
}
.left, .left150, .left200, .left300 {
  clear: left;
  float: left;
  margin-right: 2.0em;
}
.right, .right150, .right200, .right300 {
  clear: right;
  float: right;
  margin-left: 1.0em;
}
.left150, .right150 {
  width: 150px;
}
.left200, .right200 {
  width: 200px;
}
.left300, .right300 {
  width: 300px;
}
.bordered {
  border-top: 1px solid #966;
  border-right: 1px solid #633;
  border-bottom: 1px solid #633;
  border-left: 1px solid #966;
  margin-bottom: 1.0em;
}
.subtle {
  border-top: 1px solid #BDCCAE;
  border-right: 1px solid #99A68D;
  border-bottom: 1px solid #99A68D;
  border-left: 1px solid #BDCCAE;
  margin-bottom: 1.0em;
}
.linkbox { 
  background-color: #E6DBC1;
  font-size: 80%;
  margin-top: 1.5em;
  margin-bottom: 1.0em;
  padding: 0.8em;
}
.commentbox { 
  background-color: #E6DBC1;
  font-size: 80%;
  line-height: 1.2em;
  margin-bottom: 1.0em;
  margin-top: 1.5em;
  padding: 0.8em;
}
.map, .smallmap, .bigmap {
  float: right;
  clear: right;
  border-top: 1px solid #966;
  border-right: 1px solid #633;
  border-bottom: 1px solid #633;
  border-left: 1px solid #966;
  margin-bottom: 1.0em;
  margin-top: 1.5em;
  margin-left: 1.0em;
}
.map {
  width: 500px;
  height: 400px;
}
.smallmap {
  width: 300px;
  height: 200px;
}
.bigmap {
  width: auto;
  height: 600px;
  float: none;
  clear: both;
  margin-left: 0;
}
.linkbox a {
  display: block;
}
.linkbox h3, .linkbox h4, .linkbox h5, .commentbox h3, .commentbox h4, .commentbox h5 {
  margin-top: 0;
}
.linkbox ul, .commentbox ul {
  padding: 0;
  margin:0;
}
.linkbox ul li, .commentbox ul li {
  padding: 0;
  margin:0;
  list-style: none;
}
.linkbox ul li a, .commentbox ul li a {
  display: inline;
}
.bottomrule {
  border-bottom: 1px solid #99A68D;
  padding-bottom: 1.3em;
}
.toprule {
  border-top: 1px solid #BDCCAE;
  padding-top: 1.3em;
}
.notopmar {
  margin-top: 0;
}
.clear {
  clear: both;
}

/* --------------------------------- */

table.spaced, table.darkeven, tabled.formed {
  font-family: helvetica;
  font-size: 90%;
  margin: 2.0em 0;
}
table.darkeven, table.formed {
  border: 1px solid #BDCCAE;
  border-right: 1px solid #99A68D;
  border-bottom: 1px solid #99A68D;
}
table.spaced th, table.spaced td,
table.darkeven th, table.darkeven td,
table.formed th, table.formed td {
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
}
table.spaced th, table.spaced tr.even td,
table.darkeven th, table.darkeven tr.even td,
table.formed th, table.formed tr.even td {
  background: #E6DBC1;
}
table.spaced tr.bottomrule th, table.spaced tr.bottomrule td,
table.darkeven tr.bottomrule th, table.darkeven tr.bottomrule td,
table.formed tr.bottomrule th, table.formed tr.bottomrule td {
  border-bottom: 1px solid #99A68D;
}
table.spaced tr.note td, table.darkeven tr.note td {
  padding-top: 0;
  padding-left: 2em;
  padding-bottom: 0.75em;
}
table.darkeven td.member img {
  border: none;
  vertical-align: top;
}
table.darkeven td.email img {
  border: none;
  vertical-align: text-bottom;
}
table.spaced .note, table.darkeven .note, tabled.formed .note {
  font-size: 100%;
}
tr.local td.date, tr.local td.location {
  font-weight: bold;
}

/* --------------------------------- */

table.formed {
  padding: 1em;
  border: none;
}
td.formlabel {
}
td.forminput input, td.formsubmit input, td.forminput select {
  border: 1px solid #BDCCAE;
  font-size: 110%;
}
td.forminput input, td.forminput select {
  border-left: 1px solid #99A68D;
  border-top: 1px solid #99A68D;
  color: #220C06;
  padding: 0.2em;
}
td.forminput select {
  padding: 0;
  margin-bottom: 0.4em;
}
td.formsubmit input {
  background-color: #E6DBC1;
  border-right: 1px solid #99A68D;
  border-bottom: 1px solid #99A68D;
  color: #060;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  margin-top: 1.5em;
}

/* --------------------------------- */

table.singleline {
  margin: 0;
  padding: 0;
  border: none;
}
table.singleline td {
  margin: 0;
  padding: 0;
  padding-right: 0.5em;
  vertical-align: top;
}
table.singleline td.forminput input, table.singleline td.forminput select {
  border: 1px solid #BDCCAE;
  border-left: 1px solid #99A68D;
  border-top: 1px solid #99A68D;
  font-size: 110%;
  color: #220C06;
  padding: 0;
}
table.singleline td.formsubmit input {
  background-color: #E6DBC1;
  border-right: 1px solid #99A68D;
  border-bottom: 1px solid #99A68D;
  color: #060;
  padding: 0;
  margin: 0;
}

/* --------------------------------- */

div#header {
  background-color: #F0F5EB;
  height: 82px;
  margin: 0;
  padding: 0;
}
div#header img#logo {
  position: absolute;
  left: 12px;
  top: 8px;
}
div#header img#banner {
  position: absolute;
  left: 114px;
  top: 20px;
}
div#header form {
  margin: 0;
}
div#header div#search {
  position: absolute;
  right: 154px;
  top: 10px;
  width: 150px;
}
div#header div#search input#q {
  font-size: 90%;
  margin-top: 10px;
  color: #999682;
}
div#header div#search input#sa {
  font-size: 80%;
  vertical-align: top;
  margin-left: 2px;
  margin-top: 2px;
}

/* --------------------------------- */

div#content {
  background: url("/images/stripes.gif") bottom right no-repeat #F4ECD9;
  border: 1px solid #BDCCAE;
  border-right: 1px solid #99A68D;
  border-bottom: 1px solid #99A68D;
  color: #220C06;
  line-height: 1.3em;
  margin: 0px 15px 5px 182px;
  padding: 1.0em;
}
div.leftaside {
  font-size: 85%;
  float: left;
  margin: 20px 30px 20px 10px;
}
.sidemenu {
  font-size: 85%;
  line-height: 1.2em;
  margin: 0;
  margin-bottom: 1.0em;
  padding: 0 0.5em;
}
.sidemenu h4 {
  margin: 0.5em 0 0.5em 0;
  padding: 0;
}
.sidemenu a {
  background: url("/images/every_side_menu_item.gif") top left no-repeat;
  display: block;
  margin: 0.4em 0;
  padding-left: 18px;
  padding-right: 6px;
  text-decoration: none; 
}
.sidemenu strong {
  display: block;
  margin: 0.4em 0;
  padding-left: 18px;
  padding-right: 6px;
  font-weight: normal;
}
.sidemenu a:hover {
  background: url("/images/current_side_menu_item.gif") top left no-repeat;
}
.sidemenu .current,
.sidemenu strong {
  background: url("/images/current_side_menu_item.gif") top left no-repeat;
  color: #A8561F;
}
.sideleads p {
  background: url("/images/every_side_menu_item.gif") top left no-repeat;
  padding-left: 18px;
  padding-right: 6px;
  margin: 0.4em 0;
}

/* --------------------------------- */

div#menu {
  font-size: 85%;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 84px;
  left: 8px;
  width: 168px;
}
div#menu h4 {
  margin: 0.5em 0 0.5em 0;
  padding: 0;
}
div#menu a {
  background: url("/images/every_menu_item.gif") top left no-repeat;
  display: block;
  margin: 0.4em 0;
  padding-left: 18px;
  padding-right: 6px;
  text-decoration: none;
}
div#menu a.current {
  background: url("/images/current_menu_item.gif") top left no-repeat;
  color: #A8561F;
}
div#menu a:hover {
  background: url("/images/current_menu_item.gif") top left no-repeat;
}
div#tags {
  margin-top: 1.5em;
}
div#tags a {
  background: none;
}
div#tags a.current {
  background: none;
}
div#tags a:hover {
  background: none;
}
div#tags img {
  border-top: 1px solid #BDCCAE;
  border-right: 1px solid #99A68D;
  border-bottom: 1px solid #99A68D;
  border-left: 1px solid #BDCCAE;
}

/* --------------------------------- */

div#footer {
  color: #999682;
  font-size: 75%;
  line-height: 1.33em;
  margin-left: 182px;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
}
div#footer a:link, div#footer a:visited {
  color: #999682;
}
div#footer a:link:hover, div#footer a:visited:hover {
  color: #777460;
}
div#validations {
  float: right;
  margin: 0 5px 0 8px;
}
div#footlinks, div#copyright {
  margin-top: 5px;
  margin-right: 20px;
}

/* -------------------------------- */

table#toc {
  clear: right;
  float: right;
  margin-left: 1.0em;
  width: 220px;
  background-color: #E6DBC1;
  font-size: 80%;
  margin-top: 1.5em;
  margin-bottom: 1.0em;
  padding: 0.8em;
}
table#toc tr#toctitle td {
  color: #7A2232;
  text-align: left;  
}
div.editsection {
  font-size: 80%;
}
span.urlexpansion {
  display: none;
}

/* -------------------------------- */

/*
 * Styling for the personal actions area
 */
.personalrow {
  position: absolute;
  right: 21px;
  top: 2px;
  height: 20px;
  margin:0;
  padding: 0;
  font-size: 10px;
  color: #999682;
  white-space: nowrap;
  text-transform: lowercase;
}
.personalrow a {
  color: #060;
  text-decoration: none;
}
.personalrow a:link, .personalrow a:visited {
  color: #060;
}
.personalrow a:link:hover, .personalrow a:visited:hover {
  color: #a8561f;
}
.personalrow ul {
  list-style: none;
  margin:0;
  padding: 0;
}
.personalrow ul li {
  display: inline;
  padding: 0 0 2px 2px;
  margin: 0 0 0 12px;
}
.personalrow li:hover a {
  color: #a8561f;
}