/* Basic CSS Styles ------------------------- */
body{ margin:0; font:75% Arial, Helvetica, sans-serif; color:#fff; background:#3187ca url(../images/bg.jpg) repeat-x;}
a { color:#fff; text-decoration:underline;}
a:hover { text-decoration:none;}
.clearer { clear:both;}
hr { height:2px; border-top:1px solid #1e547e; border-bottom:#4889bc solid 1px; border-left:none; border-right:none;}
img { border:none;}

/* Heading CSS Styles ------------------------- */
h1 {margin:0 0 10px 0; padding:0;font-size:16pt;}
h2 {margin:0 0 10px 0; padding:0;font-size:14pt;color:#2b77b2;}
h3 {margin:0 0 6px 0; padding:0;font-size:12pt;}
h4 {margin:0 0 6px 0; padding:0;font-size:10pt;}
h5 {margin:0 0 6px 0; padding:0;font-size:8pt;}
h6 {margin:0 0 6px 0; padding:0;font-size:8pt;}

/* Wrapper/Container CSS Styles ------------------------- */
#body_wrapper { background:url(../images/bg_main.jpg) center top no-repeat;}
#page_container { width:960px; margin:0 auto;}
#header_container { width:960px;}
#index_container { width:960px;}
div#logo { width:329px; height:112px; overflow:hidden;}

div#footer { width:960px; text-align:center; color:#6ca4cf; font-size:8pt; margin:0 0 20px 0;}
div#footer a{ color:#6ca4cf;}

/* Index CSS Styles ------------------------- */
div#index_image { width:960px; height:324px; background:url(../images/index_image.jpg) no-repeat;overflow:hidden;}
div#index_roof { width:63px; height:73px; background:url(../images/index_roof.png) no-repeat; position:absolute; top:40px; margin:0 0 0 372px;}
div#index_navbg { width:210px; height:291px; background:url(../images/index_navbg.jpg) no-repeat; position:relative; top:16px; left:18px;}

ul#main_nav { margin:0; padding:8px 0 0 0; text-transform:uppercase; width:188px; margin:0 auto;}
ul#main_nav li{ list-style:none; display:block; padding:2px 0 2px 0; text-indent:5px;}
ul#main_nav li a{ color:#fff; text-decoration:none; display:block; padding:3px 0 3px 0;}
ul#main_nav li a.on{ color:#fff;color:#fff; background:#2b77b2; display:block; }
ul#main_nav li a:hover{ color:#fff; background:#2b77b2; display:block; }

#index_main { width:960px; margin:12px 0 0 0; overflow:hidden;}
#index_content { width:720px; float:left;}

.entry_container { width:704px; background:#020508; border:2px solid #22303a; height:148px; padding:16px 16px 0 16px;margin:0 0 16px 0;}
.entry_image { width:169px; height:109px; float:left; margin:0;padding:0;text-align:center; border-left:15px solid #1a1a1a; border-right:17px solid #1a1a1a; border-top:10px solid #1a1a1a;border-bottom:10px solid #1a1a1a;}
.entry_text { width:465px; float:left; margin:0 0 0 18px;}
.entry_date { color:#2b77b2; font-weight:bold; font-size:8pt;}
.entry_title { color:#fff; font-size:12pt; font-weight:bold; margin:0 0 10px 0;}
.entry_title a{ color:#fff;}
.entry_copy { color:#cbcaca; margin:20px 0 0 0;}
.entry_info { font-weight:bold;}
.entry_info a{color:#2b77b2; }

#index_column { width:208px;float:right;}

/* Sub page CSS Styles ------------------------- */
div#sub_container { width:960px;}
div#sub_column { width:228px; float:left;}
div#sub_content { width:712px; float:left;}

.page_image { margin:0 0 20px 0; display:block;}
#copy { display:block; line-height: normal;}
#copy hr { height:1px; border-top:1px solid #535557; margin:18px 0 18px 0;border-bottom:none; border-left:none; border-right:none;}
#copy img{float:left; margin:0 15px 0 0;padding:0;text-align:center; border-left:17px solid #1a1a1a; border-right:17px solid #1a1a1a; border-top:10px solid #1a1a1a;border-bottom:10px solid #1a1a1a;}


div#sub_nav { width:204px; height:280px;  background:#020508; border:2px solid #22303a; margin:0 0 18px 0;}

.sub_block_date {width:204px;background:#020508; border:2px solid #22303a; height:164px;text-align:center;font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; text-transform:uppercase;}
.sub_day { font-size:16pt;color:#fff; margin:8px 0 0 0;}
.sub_month_year { font-size:12pt; color:#2b77b2; font-weight:bold;}
.sub_date { font-size:66pt; font-weight:bold;}

div#page_title { width:730px; height:34px; margin:0 0 18px 0; background:#000;}
div#title_image { width:360px; float:left;height:23px; padding:5px 0 0 6px;}
div#title_date { width:250px; float:right; text-align:right; font-size:14pt; color:#2b77b2; padding:5px 8px 0 0;}

.sub_entry_container { width:695px; background:#020508; border:2px solid #22303a; height:148px; padding:16px 16px 0 16px;margin:0 0 16px 0;}
.sub_entry_image { width:169px; height:109px; float:left; margin:0;padding:0;text-align:center; border-left:15px solid #1a1a1a; border-right:17px solid #1a1a1a; border-top:10px solid #1a1a1a;border-bottom:10px solid #1a1a1a;}
.sub_entry_text { width:468px; float:left; margin:0 0 0 18px;}
.sub_entry_date { color:#2b77b2; font-weight:bold; font-size:8pt;}
.sub_entry_title { color:#fff; font-size:12pt; font-weight:bold; margin:0 0 10px 0;}
.sub_entry_title a{ color:#fff;}
.sub_entry_copy { color:#cbcaca; margin:20px 0 0 0;}
.sub_entry_info { font-weight:bold;}
.sub_entry_info a{color:#2b77b2; }

div#sub_pgbg { width:695px; background:#020508; line-height:15pt; border:2px solid #22303a; padding:16px;margin:0 0 16px 0; overflow:hidden;}
div#sub_pgbg ul{ margin:0; padding:0 0 0 16px; width:390px; float:left;}
div#sub_pgbg li{ list-style:none;padding:3px 0 3px 0;}
.side_icons {text-align:left; display: block; margin:0 0 4px 0;}
.side_icons img{ margin:0 4px 0 0; vertical-align:bottom;}
.event_colum {float:left; width:169px;}
.event_details {float:right; width:490px;}
.event_entry_text { width:468px; float:left; padding:0 0 0 16px;}

#google_map {float:right;}
#google_map a{ color:#fff; text-decoration:underline;}
#google_map a:hover{text-decoration:none;}

/* Default Form Layout CSS Styles */
#formcontainer {padding:0; margin:0 0 30px 0; width:100%; position:relative; top:5px;border: 0px #d6d6d6 solid;}
#formcontainer h1 { margin:0; padding: 0px; font-size: 1.1em; }
#defaultform form { padding:0; margin:0; border:0;}
#defaultform form fieldset { border: 0px #d6d6d6 solid; margin:0px; padding:10px; }
#defaultform form li { padding:	5px 5px 5px 0px; vertical-align: top; list-style: none; margin: 0; }
#defaultform form ol { margin: 0; padding: 0; }
#defaultform form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
#defaultform form label {display: block;line-height: 1.8;vertical-align: top;width:240px;float: left;text-align: right;margin-right: 10px; font-weight:bold;}
#defaultform form em {font-style: normal;color: #FF0000;}
#defaultform form fieldset input, textarea, select, file {width:280px;border: 1px solid #d6d6d6;padding:4px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}
#defaultform form fieldset select {width:290px;border: 1px solid #d6d6d6;padding: 5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}

#defaultform .checkbox { width: 20px; }
#defaultform .buttons { border: 0px; width: 100px; padding: 0px;}
#defaultform form input:focus, textarea:focus { background: #f6f8f8; color: #000;border: 1px solid #d6d6d6;}
#defaultform .textboxnumeric { width: 60px; text-align: right; }
#defaultform .buttonsubmit { width: 100px; border:0px; color:#fff; background:#2b77b2;}
.textareawide {width: 400px;}
#formmessage {width: 450px; padding: 10px; background-color: #E4D6E5; border: 1px solid  #699bc9;font-weight: bold}
.require { color:#ca3a34; font-weight:bold;}

/* Contact Form Layout CSS Styles */
#contactform {padding:0; margin:0 0 30px 0; width:480px; position:relative; top:40px;border: 0px #d6d6d6 solid;}
#contactform form { padding:0; margin:0; border:0;}
#contactform form fieldset { border: 0px #d6d6d6 solid; margin:0px; padding:10px; }
#contactform form li { padding:	5px 5px 5px 0px; vertical-align: top; list-style: none; margin: 0; }
#contactform form ol { margin: 0; padding: 0; }
#contactform form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
#contactform form label {display: block;line-height: 1.8;vertical-align: top;width:120px;float: left;text-align: right;margin-right: 10px; font-weight:bold;}
#contactform form em {font-style: normal;color: #FF0000;}
#contactform form fieldset input, textarea, select, file {width:210px;border: 1px solid #d6d6d6;padding:4px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}
#contactform form fieldset select {width:210px;border: 1px solid #d6d6d6;padding: 5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}

#contactform .checkbox { width: 20px; }
#contactform .buttons { border: 0px; width: 100px; padding: 0px;}
#contactform form input:focus, textarea:focus { background: #f6f8f8; color: #000;border: 1px solid #d6d6d6;}
#contactform .textboxnumeric { width: 60px; text-align: right; }
#contactform .buttonsubmit { width: 100px; border:0px; color:#fff; background:#2b77b2;}