body {
background-color: black; /*#202010;*/
color: #e7debd;
font-family: sans-serif;
font-size: 80%;
margin: 0px;
padding: 0px;
}
a {
border: 1px solid #202010;
color: #e7debd;
text-decoration: none;
}
a:hover {
border: 1px solid red;
color: #f0f0d0;
}
a:visited {
color: #808060;
}
#container {
background-repeat: no-repeat ;
margin: 0px auto;
padding: 0;
width: 760px;
}
#top {
border-bottom: 1px solid black;
padding: 0px 0px 0px 4px;
}
#top h1 {
color: black;
display: inline;
left: 1em;
margin: 0;
padding: 0;
position: relative;
font-size: 30px;
top: -5px;
}
#top img {
margin: 0;
padding: 6px 0px 0px 6px;
}
#leftcol {
float: left;
margin: 0;
padding: 0;
width: 570px;
}
#features {
color: black;
margin: 0;
padding: 0;
}
#features h1 {
font-size: 26px;
margin: 0;
padding: 10px 0px 0px 10px;
}
#features h2 {
font-size: 22px;
margin: 0;
padding: 10px 0px 0px 10px;
}
#features ul {
font-size: 14px;
margin-bottom: 19px;
margin-top: 0px;
padding-top: 10px;
}
#highlight {
background-color: #404020;
border-bottom: 1px solid #b5b080;
border-left: 1px solid #b5b080;
margin: 0;
padding: 0px 0px 1em 1em;
}
#highlight h1 {
font-size: 18px;
margin: 0px 0px .5em 0px;
padding: .5em 0px 0px 0px;
}
#highlight h2 {
font-weight: bold;
font-size: 14px;
margin: .5em 0px 0px -2px;
padding: .5em 0px 0px 0px;
}
#highlight h3 {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}
#highlight p {
font-size: 12px;
margin: 0;
padding: 0;
}
.fullbox {
background-color: #202010;
border-bottom: 1px solid #b5b080;
border-left: 1px solid #b5b080;
height: 100%;
margin: 0px 1em 0px 0px;
padding: 0px 1em 1em 1em;
}
.date {
font-size: 14px;
font-weight: bold;
padding-top: 1em;
}
.instruct {
 font-size: 12px;
}
#scrollbar {
border-left: 1px solid #b5b080;
border-bottom: 1px solid #b5b080;
}
#updates {
background-color: #404020;
border-bottom: 1px solid #b5b080;
border-left: 1px solid #b5b080;
margin: -1.5em 0px 0px 0px;
padding: 0px 0px 1em 1em;
}
#updates div {
height: 150px;
}
#updates h2 {
font-size: 18px;
position: relative;
top: 7px;
}
#updates img {
float: right;
margin: 0px 0px 0px 1em;
padding: 1em 0px 0px 0px;
}
#rightcol {
margin-left: 570px;
padding: 0;
}
#rightcol h1 {
font-size: 12px;
margin: 0;
padding: 0px 0px 1em 0px;
text-align: center;
}
#rightcol h2 {
font-size: 12px;
margin: 0;
padding: 0;
text-align: left;
text-decoration: bold;
}
#rightcol p {
font-size: 12px;
margin: 0;
padding: 0px 0px .5em 0px;;
}
#navigation {
margin: 0;
padding: 5px 0px 2px 0px;
text-align: right;
}
#elButton a {
border: 1px outset #202010;
color: #000000;
display: block;
font-size: 13px;
font-weight: bold;
margin: 3px 6px 3px auto;
padding: 3px;
text-align: left;
text-decoration: none;
width: 115px;
}
#elButton a:hover {
background-color: #b5b080;
border: 1px inset #202010;
padding-left: 3px;
}
.feature_block {
background-color: #404020;
border-bottom: 1px solid #b5b080;
border-left: 1px solid #b5b080;
border-right: 1px solid #b5b080;
margin: 2px 0px 0px 0px;
padding: 1em 0px 1em 0px;
text-align: center;
}
.feature_box {
background-color: #202010;
margin: 0px 1em 0px 1em;
padding: 1em .5em 1em .5em;
}
.feature_img img {
margin: 0;
padding: 0;
}
#popular {
background-color: #404020;
border-bottom: 1px solid #b5b080;
border-left: 1px solid #b5b080;
border-right: 1px solid #b5b080;
margin: 0;
padding: 1em 0px 1em 0px;
}
#popular_box {
background-color: #202010;
margin: 0px 1em 0px 1em;
padding: 1em .5em 1em .5em;
}
#popular p {
font-size: 12px;
margin: 0;
padding: 0px 0px 0px .5em;
}
#events {
background-color: #404020;
border-bottom: 1px solid #b5b080;
border-left: 1px solid #b5b080;
border-right: 1px solid #b5b080;
margin: 0;
padding: 1em 0px 1em 0px;
}
#event_anchor {
display: inline;
}
#events_box {
background-color: #202010;
margin: 0px 1em 0px 1em;
padding: 1em .5em 1em .5em;
}
#events div {
margin: 0px .5em 0px .5em;
}
#bottom {
border-top: 1px solid black;
clear: both;
margin: 0;
padding: .5em;
text-align: center;
}
#bottom p {
display: inline;
text-align: center;
}
#contact_notes {
margin: 0px 0px 0px 10px;
}