body {
  margin: 0 auto 0 auto;
  background-color: black;
  color: white;
  font: 100% Arial, Verdana, Arial, Helvetica, sans-serif;
  width: 1000px;
}

h1 { color: #336633; text-align: center; margin: 0 0 15px 0; }
h2 { text-align: center;}
h3 { }
h4 { margin: 0 0 15px 0; color: #336633; background: #ffffcc; border: 1px solid #000000; text-align: center;
  padding: 5px;}
p { padding: 0 0 15px 0; margin: 0; }
ul { margin-bottom: 15px; margin-top: 5px;}
li { padding: 0 0 3px 0;}
a img { border: none;}

.dg { color: #336633; font-weight: bold; font-size: 110%; margin: 20px 0 0 0; border-top: 5px solid #99cc99;
border-bottom: 5px solid #99cc99; clear: both; text-align: center;}
.dg p {  font-style: italic; padding: 10px 0 15px 0; }

.center { text-align: center;}
.right { float: right;}
.left { float: left; }
.clear { clear: both;}
.lefthalf { float: left; }
.nounder { text-decoration: none; }
.dates { padding-right: 10px; text-align: right;}
.sched { list-style-type: none; font-size: 80%;  padding: 0px;}
.sched li { padding: 0 0 2px 0; }
.month { padding: 0; font-size: 110%; font-weight: bold; color: #789578; }

.announce { width: 90%; text-align: center; margin: 0 auto 0 auto; }
.events { background: #ffffcc; padding: 10px 0 0 20px; border: 2px solid #000000; width: 60%;
margin-top: 20px;}
.stix { border: 2px solid #336633; text-align:center; margin: 0 auto 0 auto; width: 90%; }

.picright { float: right; /*border: 2px solid #336633;*/ margin: 0 0 10px 20px;}
.picborder { border: 2px solid #336633; margin: 0 0 10px 20px;}
.picrightnb { float: right; margin: 0 0 10px 20px;}
.picleft { float: left; /*border: 2px solid #336633;*/ margin: 0 20px 10px 0;}
.highlightyellow { background: #ffffcc; width: 45%; float: left; overflow: hidden; 
border: 2px solid #000000; text-align: center; margin: 20px 0 10px 10px; padding: 10px;
height: 185px;}
.highlightyellow p { padding: 0 0 5px 0;}

.highlightgreen { /*background: #99cc99;*/ /*width: 20%; float: right;*/  overflow: hidden;
  border: 2px solid #000000; text-align: center; margin: 20px auto 10px auto;
  padding: 10px; width: 50%;}
.highlightgreen p { padding: 0;}
.highlightyellow a { text-decoration: none; color: blue; font-weight: bold;}
.highlightgreen a { text-decoration: none; color: #000000; font-weight: bold; font-size: 90%;}
.forsale { overflow: hidden; margin: 0 30px 10px 30px; border: 2px solid #336633; padding: 20px 20px 10px 20px;}
.saleimg { width: 300px; margin: 0 20px 10px 10px; float: right; text-align: center; }
.sold { color: red; font-weight: bold; }
.text {float: left; width: 55%;}
.pics {float: right; width: 45%;}



.layout {
  background-color: white;
  color: black;
}

img.float-left {
  float: left;
  clear: none;
  margin: 1em 2em 2em 0;
}

img.float-right {
  float: right;
  clear: none;
  margin: 1em 0 2em 2em;
}

div.content { margin: 0 12px 12px 0; padding: 0 0 20px 0; }

div.footer {
  font-size: 80%;
  background: black;
  color: white;
}

.bottom-nav { text-align: right; width: 1000px; margin: 0 auto 0 auto;}

.bottom-nav ul { float: right;
  display: block;
  list-style: none;
  margin-top: 0;
}

.bottom-nav li {
  float: left;
  position: relative;
  margin: 4px;
}

.bottom-nav a {color: white; text-decoration: none;}

.bottom-nav a:visited {color: white;}

.bottom-nav a:hover { color: #789578;}

div.copyright { clear: both; text-align: right;  font-size: 85%; }