/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}



/* =Basic HTML
--------------------------------------------------------------------------------*/
body {font:13px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; background:#b2b2af;}
a:focus {outline:1px dotted invert;}
hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0}
a:link, a:visited {color:#063e65}

/* =Headings
--------------------------------------------------------------------------------*/
h1 {font-size:25px;}
h2 {font-size:23px;}
h3 {font-size:21px;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}

/* =Spacing
--------------------------------------------------------------------------------*/
ol {list-style:decimal;}
ul {list-style:square;}
li {margin-left:30px;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom:20px;}

.center {text-align:center;}

small {font-size:.8em;}

/* =Containers
--------------------------------------------------------------------------------*/
.container_16 {margin-left:auto; margin-right:auto; width:960px;}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 
{display:inline; float:left; margin-left:10px; margin-right:10px;}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left:0;}
.omega {margin-right:0;}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {width:40px;}
.container_16 .grid_2 {width:100px;}
.container_16 .grid_3 {width:160px;}
.container_16 .grid_4 {width:220px;}
.container_16 .grid_5 {width:280px;}
.container_16 .grid_6 {width:340px;}
.container_16 .grid_7 {width:400px;}
.container_16 .grid_8 {width:460px;}
.container_16 .grid_9 {width:520px;}
.container_16 .grid_10 {width:580px;}
.container_16 .grid_11 {width:640px;}
.container_16 .grid_12 {width:700px;}
.container_16 .grid_13 {width:760px;}
.container_16 .grid_14 {width:820px;}
.container_16 .grid_15 {width:880px;}
.container_16 .grid_16 {width:940px;}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {padding-left:60px;}
.container_16 .prefix_2 {padding-left:120px;}
.container_16 .prefix_3 {padding-left:180px;}
.container_16 .prefix_4 {padding-left:240px;}
.container_16 .prefix_5 {padding-left:300px;}
.container_16 .prefix_6 {padding-left:360px;}
.container_16 .prefix_7 {padding-left:420px;}
.container_16 .prefix_8 {padding-left:480px;}
.container_16 .prefix_9 {padding-left:540px;}
.container_16 .prefix_10 {padding-left:600px;}
.container_16 .prefix_11 {padding-left:660px;}
.container_16 .prefix_12 {padding-left:720px;}
.container_16 .prefix_13 {padding-left:780px;}
.container_16 .prefix_14 {padding-left:840px;}
.container_16 .prefix_15 {padding-left:900px;}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {padding-right:60px;}
.container_16 .suffix_2 {padding-right:120px;}
.container_16 .suffix_3 {padding-right:180px;}
.container_16 .suffix_4 {padding-right:240px;}
.container_16 .suffix_5 {padding-right:300px;}
.container_16 .suffix_6 {padding-right:360px;}
.container_16 .suffix_7 {padding-right:420px;}
.container_16 .suffix_8 {padding-right:480px;}
.container_16 .suffix_9 {padding-right:540px;}
.container_16 .suffix_10 {padding-right:600px;}
.container_16 .suffix_11 {padding-right:660px;}
.container_16 .suffix_12 {padding-right:720px;}
.container_16 .suffix_13 {padding-right:780px;}
.container_16 .suffix_14 {padding-right:840px;}
.container_16 .suffix_15 {padding-right:900px;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}




#header {background:url(/images/bg_header.png); height:114px; padding-top:10px;}
#nav {background:#01233e;}
#hmpg #nav .container_16 {background:url(/images/bg_nav.jpg) no-repeat 68px;}
#nav .grid_10 {margin-right:0; padding-right:0; width:590px;}
#nav ul {list-style-type: none; margin:0; padding:0;}
#nav ul li {float:left; width:108px; margin:0; padding:0 0 0 10px;}
#nav ul li.current_page_item a {background:#063e65; color:#fff;}
#nav a {display:block; color:#94d2f1; text-decoration:none; text-align:center; padding:20px 0;}
#nav a:hover {background:#063e65; color:#fff;}
#board #nav a#nav_board, #photos #nav a#nav_photos, #resources #nav a#nav_resources, #members #nav a#nav_members, #join #nav a#nav_join {background:#063e65; color:#fff;}

#undernav {margin-left:0; margin-right:0; padding:0; margin-top:1px;}
	#undernav img {outline:1px solid #fff;}

#search {padding-top:50px;}
#search_box {float:left; padding:4px 10px 0 0;}
#search_button {float:left;}

#content_wrap {background:#eeede5; padding-bottom:20px;}

#hmpg_feature #hmpg_building {margin:0; padding:0; width:360px;}
#hmpg_feature #hmpg_text {margin:0; background:url(/images/hmpg_welcome.jpg) no-repeat; height:208px; padding-top:145px; padding-right:20px;}
	#hmpg_feature #hmpg_text #hmpg_feature_text {padding:0 60px 0 50px;}

#content {margin-top:20px; margin-bottom:200px width:960px; overflow:hidden; background:url(/images/bg_main.png);}
#main_column {margin-left:0; margin-right:10px; padding:0px; background:url(/images/bg_content.png) repeat-x; border:1px solid #fff; width:648px;}

.post {padding:0 60px 20px 70px;}
.post h2 {font-style: italic; margin-bottom:0;}
.post p {margin-bottom:0;}
.post p.date {padding-bottom:15px;}

#board #main_column h3 {font-style: italic;}
.board_contacts {width:245px; float:left; padding:0 10px 20px 0;}
	.board_contacts h4 {font-style: italic; font-size:1.1em; margin-bottom:0;}
		.board_contacts h4 em {font-weight:normal;}
		.board_contacts p {font-size: .9em;}


#sidebar {border:1px solid #fff; margin-right:0; width:288px; padding:0px; border-bottom:0px;}
dl.event {font-style: italic; padding:0 18px;}
dt.event_title {font-weight: bold; font-size:1.3em; font-style:normal;}
dd.event_date {font-size:.9em;}
dd.event_subtitle {font-weight: bold;}
dd.event_place {}
#sidebar .ad {text-align:center;}

#members h3 {clear:both;}
.mem_left {width:255px; float:left; padding-bottom:30px; clear:both;}
	.mem_left h6, .mem_right h6 {padding-bottom:0; margin-bottom:0; font-size:1.1em;}
.mem_right {width:255px; float:left; padding-bottom:30px;}
#members .members_cats {float:left; padding-right:12px; display:block; font-size:10.5px; width:158px;}

#members .discount {padding-bottom:10px; margin-bottom:15px; border-bottom:2px solid #ccc; clear:both; overflow:hidden;}
	#members .discount h6 {padding-bottom:0; margin-bottom:0; font-size:1.1em;}
	#members .discount_detail {width:260px; float:right; padding-left:15px; font-style:italic; clear:both;}

#join span.left {float:left; padding:0; font-size:11px;}

#photos .post h3 {padding:15px 0 0 0; margin-bottom:0;}
#photos .post h5 {padding:0 0 15px 0;}
#photos .photos_full {margin:25px auto;}
#photos .photos_full td {vertical-align:middle;}
#photos .photos_full td.photo_display {padding:0 30px;}
#photos .border {border:3px solid #01233e;}
#photos .photos_full p {color:#fff; text-align:right; padding:5px 10px; background:#01233e; font-size:.9em; display:inline; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
#photos h5 {font-size:1em;}
#photos td.thumbs {text-align:center;}
#photos table.photos_grid p {line-height:1.1; font-size:12px; padding:3px 0 15px 0;}

#resources h2#bwc {margin-top:20px;}

#footer {padding:20px 0;}
#contact {width:398px; padding-top:15px; padding-left:10px; height:180px; background:#9a9a99; border:1px solid #fff; margin-left:0;}
#contact #contact_image {padding-left:18px;}
#contact p {padding:0 0 0 70px; margin:0; font-size:.9em;}
#contact p#name {font-weight: bold; font-size:1.1em;}
#join_chamber {text-align:right; padding:0; margin-right:0; width:290px;}
	#join_chamber p#copyright {margin:0; padding-bottom:14px; font-size:.8em;}