/* CSS Document */

html, body {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	min-height: 100% !important;
	height: 100% !important;
	width: 100%;
	border: 0px solid #00FF00;
	}
	
body {
	background: #000 url("images/bkg_body.jpg") no-repeat top center;
	position: relative;
	}

.offscreen { position: absolute; top: -500px; }

#container { 
	width: 980px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px;
	
	border: 0px solid #00FF00; /* Change to 1px to see if things are behaving */
	position: relative;
	
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
	
	background: url("images/bkg_container.png") repeat-y top left;
	}

h1 {
	font: bold 33px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 12px;
	color: #333;
	}
h2 {
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 12px;
	color: #870722;
	}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 12px;
	}
h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 12px;
	}
p {
	margin: 0px;
	padding: 0px 0px 1em 0px;
	}
A:link {color: #999; text-decoration: underline;}
A:visited {color: #000; text-decoration: underline;}
A:hover {color: #000; text-decoration: underline;}
A:active {color: #CCC; text-decoration: underline;}

.masthead_logo { position: absolute; top: 0px; left: 0px; z-index: 20; }
.masthead_signuptext { position: absolute; top: 158px; left: 490px; z-index: 20; }
.masthead_signupcard { position: absolute; top: 108px; left: 750px; z-index: 20; }
.masthead_menu { position: absolute; top: 65px; left: 340px; z-index: 15; }

/**** MASTHEAD ****/

#masthead {
	height: 250px; /* Curved Height */
	padding: 0px;
	vertical-align: bottom;
	background: url("images/bkg_masthead.jpg") no-repeat top left;
	}
	#masthead .logo { position: absolute; top: 13px; left: 4px; }

#menu_businesses, #menu_events, #menu_tips, #menu_opportunities, #menu_about, #menu_contact {
	display: block;
	height: 48px;
	background-image: url("images/menu.jpg");
	background-repeat: no-repeat;
	float: left;
	}
#menu_businesses { width: 129px; background-position: 0 0; }
#menu_businesses:hover, #page_businesses #menu_businesses { background-position: 0 -48px; }
#menu_businesses span { display: none; }

#menu_events { width: 83px; background-position: -129px 0; }
#menu_events:hover, #page_events #menu_events { background-position: -129px -48px; }
#menu_events span { display: none; }

#menu_tips { width: 73px; background-position: -212px 0; }
#menu_tips:hover, #page_tips #menu_tips { background-position: -212px -48px; }
#menu_tips span { display: none; }

#menu_opportunities { width: 150px; background-position: -285px 0; }
#menu_opportunities:hover, #page_opportunities #menu_opportunities { background-position: -285px -48px; }
#menu_opportunities span { display: none; }

#menu_about { width: 88px; background-position: -435px 0; }
#menu_about:hover, #page_about #menu_about { background-position: -435px -48px; }
#menu_about span { display: none; }

#menu_contact { width: 101px; background-position: -523px 0; }
#menu_contact:hover, #page_contact #menu_contact { background-position: -523px -48px; }
#menu_contact span { display: none; }

/**** CONTENT ****/

#content {
	padding: 0px 16px;
	}
	#content A:link { text-decoration: none; }
	#content A:visited { text-decoration: none; }
	#content A:hover { text-decoration: none; }
	#content A:active { text-decoration: none; }

#content .overview {
	margin: 1em 0px -1em 0px;
	padding: 0px 12px;
	}

#content .overview p {
	margin: 0px;
	padding: 0px 0px 1em 0px;
	}

#content .overview.has_pic ul {
	margin-left: 248px;
	}

#content .addthis { margin: 12px 0px 0px 10px; }

.overview h1, .overview h2, .overview h3, .overview h4, .overview h5, .overview h6 {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.clear_float {
	clear: both;
	}

.featured_event { padding: 0px 0px 6px 0px; border-bottom: solid 4px #e5e5e5; margin: 0px 12px 6px 12px; }

.date_location { font-size: 14px; font-weight: bold; color: #666; padding: 0px 12px; }
.date_location .date { color: #cc144d; }
.date_location .divider { color: #CCC; padding: 0px 4px; }
.date_location .address { font-weight: normal; }
.date_location .phone { font-weight: normal; }

/* PHOTO FRAME */

.photo_frame { float: left; width: 256px; margin: 12px 18px 12px 12px; }
.photo_frame .photo {  } /* Top part of the box, holds the image */
.photo_frame .photo img { display: block; border: solid 0px #00FF00; } /* The image itself */
.photo_frame .photo .show_border { border: solid 1px #666; }
.photo_frame .photo_caption { padding: 12px; font-size: 11px; color: #666; text-align: center; }


/* EVENTS LIST */

#event_list { border: 0px solid #F5F5F5; width: 730px; float: left; }
#event_list h2 a:link { color: #870722; }
#event_list h2 a:visited { color: #870722; }
#event_list h2 a:hover { color: #870722; }
#event_list h2 a:active { color: #870722; }


/* BRIDE SIGNUP FORM */

#bride_signup_form {
	float: right; 
	margin: 0px 16px 12px 12px;
	font-family: verdana; 
	font-size: 11px; 
	width: 160px; 
	padding: 10px 10px 10px 10px; 
	border: 1px solid #000000; 
	background: #dddddd;
	}