@charset "UTF-8";
/* CSS Document */

body{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

h1, h3{
	font-family: Times, Times New-Roman, serif;
	text-transform: uppercase;
	font-size: 1.83em;
	letter-spacing: .07em;
	color: #364056;
	font-weight: normal;
	margin: 0px;
}

h2{
	font-family: Times, Times New-Roman, serif;
	text-transform: uppercase;
	font-size: 1.17em;
	font-weight: normal;
	letter-spacing: .01em;
	color: #601515;
	margin: 10px 0px -1px -10px;
}

h2 a {
	text-decoration: none;
	color: #601515;
}

h2 a:visited {
	text-decoration: none;
	color: #601515;
}

h2 a:hover {
	text-decoration: underline;
}

h3{
	background: url(../images/title_bg.jpg) no-repeat;
	padding-top: 13px;
	height: 45px;
	text-transform: none;
	font-variant: small-caps;
	margin-bottom: -15px;
}

h4{
	border-bottom: 1px solid #d79c73;
	font-variant: small-caps;
	font-size: 1.33em;
	font-family: Times, Times New-Roman, serif;
	letter-spacing: .08em;
	padding-bottom: 0px;
	color: #376c7e;
	margin-bottom: 0px;
}
h5{
	float: right;
	font-size: 0.75em;
	font-weight: normal;
	margin: 0px;
	color: #376c7e;
	letter-spacing: -0.02em;
}

a {
	color: #0033CC;
}

a:visited{
	color: #0033CC;
}

a:hover {
	text-decoration: none;
}

#global_container{
	margin: 0px auto;
	width: 973px;
}

/* ------------------------------------------------------------------- HEADER ---- */

#header{
	float: left;
	background: url(../images/header_bg.png);
	width: 973px;
	height: 87px;
}

#logo_waterfront{
	float: right;
	margin-right: 16px;
	margin-top: 5px;
}
.logo_sturgeonbay{
	margin-left: 17px;
	margin-top: 8px;
}


/* ------------------------------------------------------------------- NAVIGATION ---- */

#navigation{
	float: left;
	width: 973px;
	height: 41px;
	overflow: visible;
	background: url(../images/navigation_bg.png) no-repeat;
	margin-bottom: 0px;
	z-index: 2;
}

#navigation ul{
	position: absolute;
	z-index: 4;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navigation ul li{
	display: inline;
	float: left;
}

#navigation ul li a{
	display: block;
	font-size: 1.33em;
	font-family: Times, Times New-Roman, serif;
	text-decoration: none;
	color: #1d2d3d;
	font-weight: bold;
	font-variant: small-caps;
	padding: 7px 27px 0px 17px;
}

#navigation ul li a:hover{
	color: #4b5b6b;
}


#navigation ul li ul{
	display: none;
	clear: both;
	position: absolute;
	z-index: 5;
	padding-top: 13px;
	padding-bottom: 10px;
	margin-left: 1px;
	overflow: visible;
	width: 185px;	
	background: url(../images/navigation_sub_bg.png) repeat-x;

	
	/* this element needs an 80% opacity png background */
}


#navigation ul li:hover ul{
	display: block;
}

#navigation ul li ul li{
	float: left;
	clear: left;
	display: block;	
	width: 185px;
	border-top: 1px dotted #999999;
}

#navigation ul li ul li a{
	padding: 7px 20px 7px 17px;
	width: 147px;
	font-size: 1.2em;
}


#navigation_overlay{
	position: absolute;
	z-index: 3;
	top: 113px;
	left: 50%;
	margin-left: -487px;
}


/* ------------------------------------------------------------------- SUB-NAVIGATION ---- */
#subnavigation{
	position: absolute;
	float: left;
	margin-top: 140px;
	margin-left: -16px;
	width: 700px;
	z-index: 2;
}
#subnavigation div{
	float: left;
	margin: 0px;
	padding: 0px;
}
#subnavigation_middle{
}
#subnavigation img{
	float: left;
	margin: 0px;
}
#subnavigation ul{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 52px;
	background: url(../images/subnav_middle.png) repeat-x;
}
#subnavigation ul li{
	margin-top: 18px;
	float: left;
}
#subnavigation ul li a{
	padding: 18px 10px;
	text-decoration: none;
	color: #003976;
	font-weight: bold;
}


/* ------------------------------------------------------------------- SUB-HEADER ---- */

#sub_header{
	float: left;
	width: 973px;
	height: 199px;
	margin-top: -10px;
}

#sub_header object object p {
	padding: 20px 0;
	margin: 0;
	text-align: center;
}


#sub_header_divider{
	float: left;
	background: url(../images/canvas_divider_top.png) no-repeat;
	height: 58px;
	margin-top: -58px;
	width: 973px;
}



/* ------------------------------------------------------------------- CONTENT CONTAINER ---- */
#content_container{
	float: left;
	width: 973px;
	background: url(../images/canvas_divider_bottom.png) no-repeat #f8f8f8;
	padding-top: 0px;
	padding-bottom: 40px;
	font-size: .95em;
}

	#content_container h5 {
		font-size: .8em;
	}

#content_container_left{
	float: left;
	padding-left: 27px;
	width: 575px;
	line-height: 1.6em;
}

#content_container_left form#send_postcard_form {
	width: 575px;
}

#content_container_left form#send_postcard_form div input {
	width: 251px;
}

#content_container_left form#send_postcard_form textarea {
	width: 573px;
	height: 100px;
}

#content_container_left #postcards {
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
}

#content_container_left #postcards .postcard_selection {
	float: left;
	position: relative;
	width: 33%;
}

#content_container_left #postcards .postcard_selection .postcardimage {
	padding: 0;
	margin: 0;
}

#content_container_left #postcards .postcard_selection .postcardimage a {
	padding: 0;
	margin: 0;
	border: none;
}

#content_container_left #postcards .postcard_selection .postcardimage img {
	padding: 0;
	margin: 0;
	border: none;
}

#content_container_left #postcards .postcard_selection .postcardimage p.postcard_caption {
	padding: 0;
	margin: 0px 0px 20px;
	font-weight: bold;
}

#content_container_left #professional_listings {
	padding-bottom: 30px;
	border-bottom: 1px solid #d79c73;
	/*display: inline;*/
	overflow: auto;
}

#content_container_left #professional_listings h4{
	text-transform: uppercase;
}

#content_container_left #professional_listings ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-top: 5px;
}

#content_container_left #professional_listings ul li{
	margin: 5px 0px;
	height: 100px;
	float: left;
}

#content_container_left #professional_listings ul li a {
	color: #345F70;
	text-decoration: none;
}


#content_container_left #professional_listings ul li a:hover {
	text-decoration: underline;
}

#content_container_left #professional_listings ul li img {
	border: 5px solid #cae2ed;
}

#content_container_left #professional_listings ul li div.left{	
	float: left;
	width: 135px;
	height: 100px;
}

#content_container_left #professional_listings ul li div.right{
	float: left;
	width: 420px;
	height: 80px;
	padding: 10px;
}

#content_container_left #professional_listings ul li.premier div.right{
	background: #e6ecf0;
}

#content_container_left #professional_listings ul li p {
	margin: 2px;
}

#content_container_left #professional_listings ul li p.title {
	color: #345f70;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

#content_container_left #professional_listings ul li p.location{
	color: #000000;
}


#content_container_left #professional_listings ul li.standard{
	height: 40px;
}

#content_container_left #professional_listings ul li.standard div.left{	
	height: 20px;
}

#content_container_left #professional_listings ul li.standard div.right{
	height: 20px;
}
#content_container_left #professional_listings ul li.standard p.title{
	font-size: 1.2em;
}




#content_container_right{
	float: right;
	width: 301px;
	padding-top: 15px;
	padding-right: 8px;
}


/* ------------------------------------------------------------------- BOTTOM CONTENT CONTAINER ---- */
#content_container_bottom{
	float: left;
	width: 953px;
	background: url(../images/bottomcanvas_divider.jpg) no-repeat #ffffff;
	margin-top: 0px;
	padding: 25px 10px 40px 10px;
}

#content_container_bottom_left{
	float: left;
	width: 295px;
	padding: 0px 11px;
}

#content_container_bottom_middle{
	float: left;
	width: 295px;
	padding: 0px 11px;
}

#content_container_bottom_right{
	float: left;
	width: 295px;
	padding: 0px 11px;
}

#content_container_bottom_right_ads{
	float: left;
	width: 295px;
	padding: 0px 11px;
}

#content_container_bottom_right_double{
	float: left;
	width: 636px;
	padding: 0px;
}

#content_container_bottom_left_double{
	float: left;
	width: 626px;
	padding: 0px;
}



/* ------------------------------------------------------------------- FOOTER ---- */
#footer{
	float: left;
	width: 973px;
	height: 132px;
	background: url(../images/footer_bg.png) no-repeat;
	margin-top: -13px;
	padding-bottom: 10px;
}

#footer_left{
	float: left;
	width: 380px;
	padding-top: 8px;
}

#footer_right{
	float: right;
	width: 593px;
	height: 90px;
	padding-top: 8px;
}


#footer_right ul{
	float: right;
	padding: 0px;
	margin-top: 26px;
	list-style: none;
}

#footer_right ul li{
	float: left;
}

#footer_right ul li a{
	display: block;
	padding: 5px;
	margin-right: 5px;
	font-size: 1em;
	color: #444444;
	font-family: Times, Times New-Roman, serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#footer_right ul li a:hover{
	color: #4b5b6b;
}

#footer_bottom{
	float: right;
	text-align: right;
	margin-right: 20px;
	text-transform: uppercase;
	font-size: .9em;
	font-family: Times, Times New-Roman, serif;
	color: #444444;
	width: 500px;
}
#footer_bottom a{
	text-decoration: none;
	color: #444444;
}
/* ------------------------------------------------------------------- ADVERTISEMENTS ---- */

.ad_slot {
	margin: 5px 0;
	border: 5px solid #B5DAEC;
}

.ad_slot img {
	border: none;
}

.ad_slot_1{
	border: 5px solid #b5daec;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

.ad_slot_2{
	border: 5px solid #b5daec;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ad_slot_2_large{
	border: 5px solid #b5daec;
	margin-top: 10px;
	margin-bottom: 10px;
}

.event_special {
	clear: both;
}

.event_image{
	border: 5px solid #b5daec;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

.listing_image{
	border: 5px solid #b5daec;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	clear: right;
	width: 200px;
}

.normal_image{
	border: 5px solid #b5daec;
	margin-top: 15px;
}

/* ------------------------------------------------------------------- EMAIL REGISTRATION ---- */

#email_signup {

}

#email_signup ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#email_signup ul li {
	padding: 0 0 10px 0;
}

#email_signup ul li label {
	display: block;
}

#email_signup ul li input[type=text] {

}


/* ------------------------------------------------------------------- EVENT REGISTRATION ---- */


#event_registration_form{
	margin-top: 20px;
}

#event_registration_form_left{
	padding: 0px 30px;
	float: left;
}

#event_registration_form_right{
	padding: 0px 30px;
	float: left;
	border-left: 1px solid #bcbbbb;
}

#event_registration_form p{
	margin-bottom: 1px;
	margin-left: 0px;
	margin-top: 10px;
	font-weight: bold;
}

#event_registration_form .submit_button, .submit_button {
	background: url(../images/button_submit.png) no-repeat;
	width: 104px;
	height: 31px;
	border: 0px;
	margin-top: 15px;
	margin-left: 115px;
}

/* ------------------------------------------------------------------- MEMBER REGISTRATION ---- */

#member_registration_form {
	overflow: visible;
}

#member_registration_form_left {
	padding: 0 30px 0 0;
	margin-top: 10px;
	float: left;
	width: 257px;
	border-right: 1px solid #bcbbbb;
}

#member_registration_form_right {
	padding: 0 0 0 30px;
	margin-top: 10px;
	float: left;
	width: 257px;
}

#member_registration_form p {
	margin-bottom: 1px;
	margin-left: 0px;
	margin-top: 10px;
	font-weight: normal;
}

#member_registration_form p span#num_categories {
	padding: 0 5px;
	background-color: #FFFF00;
}

#member_registration_form table, table.advertising_rates {
	margin: 10px 0px;
}

#member_registration_form table tr.headerRow td, table.advertising_rates tr.headerRow td {
	background-color: #CCCCCC;
	font-weight: bold;
}

#member_registration_form table tr td, table.advertising_rates tr td{
	width: 70px;
	text-align: center;
	vertical-align: bottom;
	font-size: 10px;
}

#member_registration_form table tr td.left, table.advertising_rates tr td.left {
	text-align: left;
}

#member_registration_form .form_columns {
	overflow: hidden;
}

#member_registration_form .form_columns .form_col {
	margin: 10px 0px;
	float: left;
	width: 190px;
	display: inline;
	overflow: hidden;
}

#member_registration_form .form_columns #tier1 ul, #member_registration_form .form_columns #tier2 ul, #member_registration_form .form_columns #tier3 ul {
	padding-left: 30px;
	list-style-type: disc;
}

#member_registration_form .form_columns .form_col ul {
	padding-left: 0;
	margin: 0px;
	list-style-type: none;
}

#member_registration_form #event_columns {
	overflow: auto;
	font-size: 10px;
}

#member_registration_form #event_columns .event_col {
	margin: 10px 0px;
	float: left;
	width: 190px;
}

#member_registration_form #event_columns .event_col ul {
	padding-left: 0;
	margin: 0px;
	list-style-type: none;
	overflow: auto;
}

#member_registration_form #event_columns .event_col ul li {
	margin: 5px 0;
	clear: both;
	height: 60px;
}

#member_registration_form #event_columns .event_col ul li .event_field {
	display: block;
	float: left;
	position: relative;
	width: 70px;
}

#member_registration_form #event_columns .event_col ul li .event_field input {
	width: 40px;
}

#member_registration_form #event_columns .event_col ul li .event_name {
	padding-right: 10px;
	margin-left: 70px;
}

#member_registration_form .sponsorship_subtotal {
	padding: 10px 0 10px 10px;
	background-color: #CCCCCC;
	overflow: hidden;
	position: relative;
}

#member_registration_form .sponsorship_subtotal #btn_update_sponsorship {
	position: absolute;
	right: 10px;
}

#member_registration_form .err, .err {
	padding-left: 5px;
	background-color: #FFFF00;
}

#member_registration_form p.err, p.err {
	padding: 0px;
	color: #FF0000;
}

#member_registration_form blockquote.err, blockquote.err {
	padding: 0px;
	color: #FF0000;
}

#member_registration_form .clear {
	clear: both;
}

#member_registration_form input.disabled  {
	border: none; 
	padding: 0; 
	margin: 0; 
	background-color: transparent;
	width: 100%;
}

#member_registration_form table#event_sponsorship {
	border-bottom: 1px solid #333333;
}

#member_registration_form table#event_sponsorship tr th {
	padding: 0 3px;
	text-align: left;
	color: #FFFFFF;
	background-color: #333333;
}

#member_registration_form table#event_sponsorship tr td {
	padding: 0 3px;
	text-align: left;
}

#member_registration_form table#event_sponsorship tr td.zebra {
	background-color: #CCCCCC;
}

#member_registration_form table#event_sponsorship tr td.sponsorship_total {
	border-top: 3px double #CCCCCC;
	text-align: right;
	font-weight: bold;
}

#member_registration_form table#event_sponsorship tr td.sponsorship_event_total {
	border-top: 3px double #CCCCCC;
	text-align: right;
}

#member_registration_form table#membership_order_summary {
	border-bottom: 1px solid #333333;
	width: 100%;
}

#member_registration_form table#membership_order_summary tr th {
	padding: 0 3px;
	text-align: left;
	color: #FFFFFF;
	background-color: #333333;
}

#member_registration_form table#membership_order_summary tr td {
	padding: 0 3px;
	text-align: left;
}

#member_registration_form table#membership_order_summary tr td.zebra {
	background-color: #CCCCCC;
}

#member_registration_form table#membership_order_summary tr td.membership_total {
	border-top: 3px double #CCCCCC;
	text-align: right;
	font-weight: bold;
}

#member_registration_form table#membership_order_summary tr td.membership_total_amount {
	border-top: 3px double #CCCCCC;
	text-align: right;
}

/* BUTTONS */

.submit_button {
	background: url(../images/button_submit.png) no-repeat;
	width: 109px;
	height: 31px;
	border: 0px;
}

.change_button {
	background: url(../images/button_change.png) no-repeat;
	width: 109px;
	height: 38px;
	border: 0px;
}

.send_button {
	background: url(../images/button_send.png) no-repeat;
	width: 109px;
	height: 38px;
	border: 0px;
}

.pay_button {
	background: url(../images/button_pay.png) no-repeat;
	width: 109px;
	height: 38px;
	border: 0px;
}

.cancel_button {
	background: url(../images/button_cancel.png) no-repeat;
	width: 109px;
	height: 38px;
	border: 0px;
}

.next_button {
	background: url(../images/button_next.png) no-repeat;
	width: 109px;
	height: 38px;
	border: 0px;
}

.continue_button {
	background: url(../images/button_continue.png) no-repeat;
	width: 119px;
	height: 38px;
	border: 0px;
}

.submit_button:hover, .change_button:hover, .update_button:hover, .send_button:hover, .finish_button:hover, .next_button:hover, .back_button:hover, .go_button:hover, .cancel_button:hover, .search_button:hover, .pay_button:hover, .continue_button:hover {
	cursor: pointer;
}

.required {
	color: #FF0000;
	font-weight: bold;
}

.new {
	color: #FF0000;
	font-weight: bold;
}