* {
    margin: 0em;
    padding: 0em;
    }

BODY {
    background: #151515;
    font-size: 62.5%;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    color: white;
    }
a {
    text-decoration: none;
    font-weight: bold;
    color: #888;
    }
a:link {
    }
a:visited {
    color: #444;
    }
a:active {
    color: #900;
    }
a:hover {
    text-decoration: underline;
    color: #666;
    }

h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, Times, "Times New Roman", serif;
    padding-top: .7em;
    color: #fff;
    }
h1 {
    font-size: 2.5em;
    font-weight: normal;
    margin-top: 0em;
    margin-bottom: 0em;
    }
h2 {
    font-size: 1.9em;
    }
h3 {
    font-size: 1.7em;
    }
h4 {
    font-size: 1.4em;
    }
h5 {
    font-size: 1.3em;
    }
h6 {
    font-size: 1.0em;
    }
    
p {
    padding-top: 1.4em;
    line-height: 1.6em;
    font-size: 1.3em;
    font-style: normal;
    color: #ffffff;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    }

ul {
    margin: 1.8em 5em 1.3em 1.2em;
    line-height: 1.6em;
    font-style: normal;
    color: #ffffff;
    font-size: 1.3em;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    }

blockquote {
    margin: 1.8em 5em 1.3em 1.2em;
    line-height: 1.6em;
    font-style: normal;
    color: #ffffff;
    font-size: 1.2em;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    }

/* invisible link for handhelds */
.handheld {
    display: none;
    }
    
/* Header */
#header {
    background: #151515;
    height: 16.0em;
    margin-top: 4em;
    margin-bottom: 2.5em;
    border-width: 0.2em 0;
    border-color: #990000;
    border-style: solid;
    padding: 0 1em;
    min-width: 70em;
    }
#header_inner {
    position: relative;
    max-width: 90em;
    height: 16em;
    margin: auto;
    background: url("../banner.jpg") no-repeat top left;
    }

/* Logo */
#logo {
    position: relative;
    left: 1.2em;
    top: 12em;
    letter-spacing: -.1em;
    max-width: 65em;
    }
#logo h1 {
    color: #ffffff;
    font-size: 3.0em;
    padding: 0;
    }
#logo p {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: .6em;
    letter-spacing:0;
    }
#logo h1 span {
    font-style: italic;
    font-size: 1.4em;
    }
#logo a {
    color: #ffffff;
    font-weight: normal;
    }
#logo a:hover {
    text-decoration: none;
    color: #cccccc;
    }
#logo a.currentpage{
    color: #ffffff;
    cursor: default;
    }
#logo a.currentpage:hover{
    color: #ffffff;
    }
    
/* Menu */
#menu {
    position: relative;
    bottom: 8.2em;
    margin: 0;
    }
#menu span {
    display: block;
    position: relative;
    float: right;
    padding: 0 1em 0 0;
    color: #ffffff;
    font-size: 1.1em;
    font-style: italic;
    text-align: right;
    line-height: 1.6em;
    }
#menu ul {
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    display:inline;
    }
#menu li {
    float: left;
    position: relative;
    }
#menu li a {
    display: block;
    vertical-align: middle;
    padding: .6em .9em;
    background: #990000;
    color: #aaaaaa;
    font-size: .9em;
    letter-spacing: 0em;
    text-decoration: none;
    text-transform: lowercase;
    z-index: 0;
    }
#menu li a:hover {
    background: #bb0000;
    color: #ffffff;
    }
#index .index, #subscribe .subscribe, #submit .submit, #about .about {
    }
#menu a.currentpage {
    color: #ffffff;
    cursor: default;
    }
#menu a.currentpage:hover {
    background: #990000;
    }
/* Basic description of stuff below the header */
/* Layout Divs http://www.codeproject.com/KB/HTML/relatively_simple.aspx */

div.main-box {
  position:relative;
  text-align:left;
  overflow:hidden;
  max-width: 90em;
  min-width: 70em;
  margin: auto;
  padding: 0 1em;
  }
div.center-box { 
  position:relative;
  width:100%;
  left:26%; /* LEFT */
  border-left:solid .2em white;
  }
div.reset-box {
  position:relative;
  width:100%;
  left:100%;
  margin-left:-26%; /* NEGATIVE LEFT */
  }
div.right-box {
  position:relative;
  width:100%;
  margin-left:-35%; /* NEGATIVE RIGHT */
  left:-0.2em; /* space for .2em borders */
  }
#index div.right-box {
  position:relative;
  width:100%;
  margin-left:-35%; /* NEGATIVE RIGHT */
  left:-0.4em; /* space for .2em borders */
  border-left:solid .2em white;
  }
div.content-box {
  position:relative;
  width:100%;
  margin-left:-100%;
  left:35%; /* RIGHT */
  }
div.left-col {
  float:left;
  width:24%; /* LEFT-2% for 2% right margin */
  position: relative;
  left: .2em; /* gives space for .2em borders */
  }
div.right-col {
  margin-left:26%; /* LEFT */
  padding-left:1.6em;
  }
#index div.right-col {
  float:right;
  width:33%; /* RIGHT-2% for 2% left margin  */
  margin-left:0; /* always 0 */
  padding-left:0;
  }
div.center-col {
  margin-left:26%; /* LEFT */
  margin-right:35%; /* RIGHT */
  padding-left:1.6em;
  padding-right:1.6em;
  }
* html div.center-col {
  height:1%;
  margin:0;
  }
* html div.left-col {
  margin-right:-3px;
  }
* html div.right-col {
  margin-left:-3px;
  }
* html div.double-col {
  height:1%;
  margin:0;
  margin-right:-3px;
  }
.clearfix:after {
  content: "."; 
  display: block;
  height: 0px;
  clear: both; 
  visibility: hidden;
  }
.heightfix:before {
  content:'.';
  display:block;
  visibility:hidden;
  height:0;
  }


/* Sidebar aka Column 2 */
.section {
    border-width: 0 0 .2em;
    border-color: #ffffff;
    border-style: solid;
    padding: 0 0 1.5em;
    margin: 0 0 1.5em;
    }
.section ul {
    margin: .1em 0 0 0;
    list-style: none;
    line-height: 1.5em;
    }
.section p {
    padding: 0;
    margin: 1.2em 0 0 0;
    line-height: 1.5em;
    }

/* Event section */
.event {
    margin: 1em 0;
    line-height: 1.6em;
    font-style: normal;
    padding: 0;
    font-size: 1.3em;
    color: #ffffff;
    }
.event_class {
    font-weight: bold;
    color: #dd0000;
    border-width: 0 0 2px 0;
    border-color: white;
    border-style: solid;
    font-size: 1em;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    }
.event_name {
    font-style: italic;
    display: block;
    }
.event_date {
    margin-right: 0.6em;
    }
.event_time {
    }
.event_cost {
    display: block;
    }
.event_org {
    display: block;
    }
.event_desc {
    display: ;
    }
.event_loc {
    display: block;
    }
.moreinfo {
    display: none;
    }
.lessinfo {
    display: block;
    }
.event a img {
    border: 0;
    margin-top: .3em;
    float: right;
    }
    
/* Footer */
#footer {
    width: 100%;
    clear: both;
    margin: 3em 0 2em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-width: .2em 0;
    border-style: solid;
    border-color: #990000;
    }
#footer a {
    color: #333333;
    }
#footer p {
    color: #333333;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
    }


/* FORM CSS */

form {
  margin-top: 0em;
  margin-bottom: 1.7em;
  }
form p {
  margin: 0;
  padding: 0;
  }
form ul {
  margin: .5em;
  padding: .5em;
  }
form li {
  }
input, select, textarea {
  width: 100%;
  margin-top: .0em;
  background-color: #dddddd;
  }
input.time, input.date {
  width: 2em;
  }
input.radio {
  width: 1.5em;
  background-color: transparent;
  }
.action {
  width: 8em;
  }
.cost {
  width: 5em;
  }
select.am_pm, input.year {
  width: 4em;
  }
form .row {
  position: relative;
  width: 100%;
  }
.row:after {
  content: "."; 
  display: block;
  height: 0px;
  clear: right; 
  visibility: hidden;
  }
form .col1 {
  position: absolute;
  left: 0;
  width: 30%;
  margin: 1.2em 0 0 0;
  text-align: right;
  font-size: 1.3em;
  }
form .col2 {
  width: 68%;
  margin: 1.2em 0 0 0;
  padding: 0;
  padding-left: 1%;
  float: right;
  }
form .col2 span, form .col2 p, form .col2 ul {
  font-size: 1.1em;
  font-style: italic;
  letter-spacing: .1em;
  line-height: 1.4em;
  vertical-align: middle;
  color: #cccccc;
  }
form .col2 .normal {
  font-size: 1.3em;
  font-style: normal;
  letter-spacing: 0em;
  color: #ffffff;
  padding: 0;
  }
form .col2 .form_error {
  color: #cc0000;
  }
#summary .col1, #summary .col2 {
  padding-top: 0;
  padding-bottom: 0;
  margin: .8em 0 0 0;
  }