html, body, #container { width: 100%; height: 100%; margin: 0; padding: 0; font-family: helvetica;}
/* MyBlue #34B3FD */
/* MyBlack #262626 */
h1 {-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#5897D1;
    border-style: none none dotted;
    border-width: 0 0 1px;
    font-size: 20px;
    margin: 20px 24px;
    padding: 0 0 10px;}
h2 { margin: 0px; font-size: 15px; padding: 0 24px; color:#5897D1;}
p{padding: 0 24px;}
p.last{padding-bottom:40px;}

p.list{margin-top:0;}

html>body #container { font-size: 12px; font-style: normal; background-color: #fafafa; color: #262626; height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/}

#container { position: absolute; top: 0; left: 0;}

#main {
    padding: 0em; width: 726px; margin: 0 auto;
    padding-bottom: 0em;   /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */}

#header-container { height:100px; width: 100%; background-color: #262626; }
#header { width: 726px; margin:0pt auto; }
#left-logo {background-image:url(logo1.gif); background-repeat: no-repeat; float:left; height:39px; width:177px; position: relative; top: 60px;	}
#right-logo {background-image:url(logo2.gif); background-repeat: no-repeat; float:right; position: relative; padding-right: 6px; top: 24px; height:29px; width:225px; }
#title { width: 726px; margin:0pt auto; height:64px; padding: 2px 0 0 12px; margin:0pt auto; color: #5897d1; font-size: 15px; font-weight: 900; word-spacing: 2px; letter-spacing: -1px;}
#footer { clear: both; position: relative; line-height:20px; width: 100%; text-align: center; font-size: 10px; color: #F1F8FC; background-color: #262626;}

.nav-container { display: block; position: relative; height: 20px; width: 726px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 5px; z-index: 5; background-color: #5897d1; 	text-align: left;}
.nav ul, .nav li  { font-size: 12px; font-weight: 700; list-style-type: none; display: inline; margin: 0; padding: 0; }
.nav a { vertical-align:middle; display: block; float: left; color: #fff; text-decoration: none; border-right: 1px solid #262626; padding: 0 6px; }
.nav a:hover { text-decoration: none; color: #262626;}
.nav #active-menu { color: #262626;}
.nav .contact-us { border:medium none;}

.col1 {
	/*overflow:hidden; background-color: green; height: 770px; min-height: 100%;*/
	float: left; width: 414px; padding-left: 24px; padding-right: 20px;}

.col1 p{ text-align:justify;}
#brochure {border: none;}
.col1 .event .next_event { font-size: 10px;}
.col1 .seperator {border: 0px; border-bottom: 1px dotted #5897d1; margin: 10px 0 0 0; padding: 0; width: 100%;}
.col1 .event {margin-top: 5px; padding: 0px; height:275px; text-align:justify;}
.col1 .event .detail {float:left; width: 100%; padding: 10px 0 0 0; margin: 0px; border: 0px;}
.col1 .event .detail .img {float: left; width: 155px; }
.col1 .event .detail_blurb {float: left; width: 250px; padding:0 0 0 5px; margin:0px;}
.col1 .event .detail_blurb p{text-align: justify; padding:0px; margin:0px;}

#col2 { padding-left: 4px; border-left: 1px solid #5897d1; border-right: 1px solid #5897d1; width:260px;float: right;}

/* Form sections */
form.register {margin:0; padding:0;}
.register fieldset{border:0;margin:0;padding:0;}
.register fieldset legend{ font-size: 16px;  margin: 0px; color: #5897d1; font-weight: bold; padding-top: 19px; padding-bottom: 7px;}
  
.register .fieldgrp { width: 100%; margin-bottom: .5em;}
.register .fieldgrp:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* overflow: hidden kills any autocomplete DIVs */

/* Form labels */
.register label {vertical-align:middle;  font-weight: normal; width: 90px; clear:both; padding: 0 10px 0 0; float: left; display: block; color: #333; font-size: 10px; text-align: left;}
.register label.dummy {vertical-align:middle; font-weight: normal; width: 90px; clear:both; padding: 0 10px 0 0; float: left; display: block; color: #fafafa; font-size: 10px; text-align: left;}
.register label.longwidth { vertical-align:middle; font-weight: normal; width: 240px; clear:both; padding: 0 10px 0 0; float: left; display: block; color: #333; font-size: 10px; text-align: left;}
.register .form-text {vertical-align:middle; font-weight: normal; width: 240px; clear:both; padding: 0 10px 4px 0; float: left; display: block; color: #333; font-size: 10px; text-align: left;}
.register label span { font-weight: normal; }
.register .fieldgrp label abbr{color:#4B911C; font-size:10px; vertical-align:middle;}
.register .field2 {width: 0px; float: left; font-size: 10px;}  
.register .field2 .longfield-select { position: relative;  left: 90px; width: 130px; font-size: 10px;}
.register em {font-weight: bold; font-style: normal; color: #f00;}
.register .field { width: 80px; float: left; font-size: 10px;}  
.register .field .longfield { width: 130px; font-size: 10px;}   
.register .field .err { color: black; width: 132px; background-color: #fee; border: solid 1px #f66;}
.register .field .longfield-select-err { color: black; width: 130px; background-color: #fee; border: solid 1px #f66; font-size: 10px;}
.register .field .longfield-select { width: 130px; font-size: 10px;}
.register .field input, .register .field select {font-size:12px;}
.content { overflow: hidden; width: 726px; float: left;}
input.submit {position: relative; background-color: #5897d1; font-weight:bold; border:1px solid #5897d1;}
input.submit:hover{cursor: pointer; cursor:pointer; border-color:#262626; }
.button { margin: 0px; text-align: right; padding-bottom: 7px; padding-right: 24px;}
.mailto { color: #5897d1;}
.pdf { color: #5897d1; font-size: 10px;}
.clear {clear:both;}

ul.mainlist{
  	line-height: 18px;
    margin-left: 50px;
    padding: 10px 30px;
}

#sepholder{padding:0 24px; margin:15px 48px 15px 0;}

.seperator {border: 0px; border-bottom: 1px dotted #5897d1;  margin: 10px 0; padding: 0 24px; width: 100%;}