/*------------------------------------------------------------------ 
[Table of contents] 

	1. Body / Layout 
		1.1. Main Logo / Header 
		1.2. Footer
			1.2.1. Social Links
		1.3. Javascript On/Off Warning
		1.4. Navigation
		1.5. Show / Hide Details
	2. Font Styles
	3. Default Hyperlinks
	4. Form Styles
	5. Content
		5.1. HOME PAGE
		5.2. STAFF BIOS
		5.3. HISTORY
		5.4. CALENDAR
		5.5. WELCOME
		5.6. MYHAVEN
			5.6.1. REGISTER
		5.7. BIBLE STUDY RESOURCES
		5.8. SERVICES & DIRECTIONS
		5.9. NORTHMONT
		
-------------------------------------------------------------------*/ 



/* ------------------------------------------------------*/
/* ------------->>>  1. BODY / LAYOUT
/* ------------------------------------------------------*/

body {
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 75%;
	background: url(../../assets/images/framework/body_bgd.jpg) top center repeat-x #eaebe1;
	color: #3e3c2f;
	line-height: 1.5em;
	border-top: solid 5px #193756;
}

#wrapper {
	width: 920px;
	text-align: left;
	margin-top: 0; /* top height is the height of the no js warning (30px) */
	background: url(../../assets/images/framework/wrapper_bgd.gif) top left repeat-y;
	position: relative;
}

#home_wrapper {
	width: 920px;
	text-align: left;
	margin-top: 0; /* top height is the height of the no js warning (30px) */
	background: url(../../assets/images/framework/home_wrapper_bgd.gif) top left repeat-y;
	position: relative;
}

#header {
	height: 95px;
	width: 920px;
	background: url(../../assets/images/framework/header_bgd.jpg) top left no-repeat;
}

#container {
	width: 880px;
	padding: 0 10px 0 10px;
	float: left;
	border-top: 10px solid #FFFFFF;
}

#shadow_left {
	height: 680px;
	width: 10px;
	background: url(../../assets/images/framework/shadow_left.jpg) top left no-repeat;
	float: left;
	position: relative;
	z-index: 0;
}

#shadow_right {
	height: 680px;
	width: 10px;
	background: url(../../assets/images/framework/shadow_right.jpg) top left no-repeat;
	float: right;
}

#content {
	float: right;
	width: 660px;
}

#padded_content {
	float: right;
	position: relative;
	width: 620px;
	right: 20px;
	margin-bottom: 10px;
}

	#padded_content .twocolL {
		float: left;
		width: 50%;
	}
	
	#padded_content .twocolR {
		float: right;
		width: 50%;
	}
	
div.clear_out {
	clear: both;
}	

	/* ------------------------------------------------------*/
	/* ------------->>>  1.1. MAIN LOGO & HEADER
	/* ------------------------------------------------------*/
	
	#header h1 {
		margin: 0;
		padding: 0;
		top: 17px;
		left: 39px;
		position: relative;
		background: url(../../assets/images/framework/fairhaven_logo.gif) no-repeat;
	}
	
	#header h1 a {
		display: block;
		width: 154px;
		height: 74px;
		text-indent: -9999px;
		margin:0;
		padding: 0;
		overflow:hidden;
	}
	
	#location {
		float: right;
		position: relative;
		right: 10px;
		top: 0;
		color: #90b3c6;
		line-height: 190%;
	}
	
	#location p {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	#location a {
		width: 125px;
		height: 25px;
		text-align: center;
		color: #70aed1;
		background-color: #193756;
		text-decoration: none;
		display: block;
		float: left;
		margin-right: 1px;
		line-height: 190%;
		/*
		border-radius-bottomleft: 5px; -o-border-radius-bottomleft: 5px; -icab-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -icab-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
			border-radius-bottomright: 5px; -o-border-radius-bottomright: 5px; -icab-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -icab-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;*/
		
	}
	
	#location a:hover {
		color: #FFFFFF;
	}
	
	#location #you_are_here {
		color: #FFFFFF;
		width: 125px;
		height: 25px;
		text-align: center;
		background-color: #193756;
		text-decoration: none;
		display: block;
		float: left;
		margin-right: 1px;
		line-height: 190%;
		/*
		border-radius-bottomleft: 5px; -o-border-radius-bottomleft: 5px; -icab-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -icab-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
			border-radius-bottomright: 5px; -o-border-radius-bottomright: 5px; -icab-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -icab-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;*/
		
	}

	/* ------------------------------------------------------*/
	/* ------------->>>  1.2. FOOTER
	/* ------------------------------------------------------*/
	
	#footer {
		clear: both;
		font-size: 80%;
		line-height: 1.3em;
		background: url(../../assets/images/framework/footer_bgd.gif) top center no-repeat;
		background-color: #0a3857;
		padding: 60px 0 40px 0;
		color: #FFFFFF;
	}
	
	#home_footer {
		clear: both;
		font-size: 80%;
		line-height: 1.3em;
		background: url(../../assets/images/framework/home_footer_bgd.gif) top center no-repeat;
		background-color: #0a3857;
		padding: 60px 0 40px 0;
		color: #FFFFFF;
	}
		
		#home_footer #limit, #footer #limit {
			width: 860px;
			text-align: left;
		}
		
		#home_footer strong, #footer strong {
			color: #80ac82; /* OLIVE GREEN */
		}
		
		#home_footer #left, #footer #left {
			float: left;
			width: 380px;
		}
		
			#home_footer #copyright, #footer #copyright {
				clear: both;
				color: #82A7BC;
			}
		
			#home_footer img.fairhaven, #footer img.fairhaven {
				padding: 5px;
				background: #FFFFFF;
				float: left;
				margin: 0 20px 10px 0;
			}
			
			#home_footer img.floor_plan, #footer img.floor_plan {
				padding: 5px;
				background: #FFFFFF;
				margin: 0 0 10px 0;
			}
			
			#home_footer img.imagine320, #footer img.imagine320 {
				padding: 5px;
				background: #FFFFFF;
				margin: 0 0 10px 0;
			}
		
		#home_footer #middle, #footer #middle {
			float: right;
			width: 160px;
			border-left: 1px solid #3f6b88;
			padding: 0 40px;
			border-right: 1px solid #3f6b88;
			margin-right: 40px;
		}
		
		#home_footer #right, #footer #right {
			float: right;
			width: 160px;
		}
		
		/* ------------------------------------------------------*/
		/* ------------->>>  1.2.1. SOCIAL LINKS
		/* ------------------------------------------------------*/
		
		#social_links {
			float: left;
			clear: both;
			margin: 8px 0 18px 0;
			width: 380px;
		}
		
			#social_links div {
				float: left;
			}
			
			#social_links div.facebook {
				background: url(../../assets/images/framework/facebook_over.gif) no-repeat;
			}
			
			#social_links a.facebook {
				display: block;
				width: 83px;
				height: 17px;
				background: url(../../assets/images/framework/facebook_up.gif) no-repeat;
				text-indent: -9999px;
				margin-right: 20px;
				padding: 0;
			}
			
			#social_links a.facebook:hover {
				background: url(../../assets/images/framework/facebook_over.gif) no-repeat;
			}
			
			#social_links div.twitter {
				background: url(../../assets/images/framework/twitter_over.gif) no-repeat;
			}
	
			#social_links a.twitter {
				display: block;
				width: 74px;
				height: 17px;
				background: url(../../assets/images/framework/twitter_up.gif) no-repeat;
				text-indent: -9999px;
				margin-right: 20px;
				padding: 0;
			}
			
			#social_links a.twitter:hover {
				background: url(../../assets/images/framework/twitter_over.gif) no-repeat;
			}
	
			#social_links div.vimeo {
				background: url(../../assets/images/framework/vimeo_over.gif) no-repeat;
			}
	
			#social_links a.vimeo {
				display: block;
				width: 59px;
				height: 17px;
				background: url(../../assets/images/framework/vimeo_up.gif) no-repeat;
				text-indent: -9999px;
				margin: 0;
				padding: 0;
			}
			
			#social_links a.vimeo:hover {
				background: url(../../assets/images/framework/vimeo_over.gif) no-repeat;
			}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  1.3. JAVASCRIPT ON/OFF WARNING
	/* ------------------------------------------------------*/
	
	div#no_js {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 30px;
		line-height: 2.4em;
		text-align: center;
		background-color: #FFBBAF; /* PINK */
		color: #000000;
	}
	
	/* hides the warning when java in ENABLED */
	div.js_enabled {
		display: none;
	}
	
	/* used when java in ENABLED */
	#wrapper.no_top_margin {
		margin-top: 0;
	}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  1.4. NAVIGATION
	/* ------------------------------------------------------*/
	
	#nav_container {
		float: left;
		width: 210px;
		background: #f5f5ed;
		font-size: 130%;
		margin-top: 160px;
		border-top: 10px solid #FFFFFF;
	}
	
		#nav_container ul#nav {
			padding: 10px 10px 10px 15px;
			margin: 5px 5px 0 5px;
			list-style: none;
			background: #ececdb;
		}
		
		#nav_container ul#nav p {
			padding: 0;
			margin: 0;
		}
	
		#nav_container ul#nav li {
			list-style: none;
			padding: 6px 5px 6px 0;
			border-top: 1px dotted #FFFFFF;
			color: #2c7198; /* BLUE */
			}
	
			#nav_container ul#nav li:first-child {
				border-top: none;
				}
		
		#nav_container ul#nav ul.submenu {
			list-style-type: none;
			padding: 5px 5px 5px 0;
			margin: 0 0 10px 20px;
			}
		
		#nav_container ul#nav ul li {
			list-style-type: none;
			padding: 1px 0;
			border-top: none;
			font-size: 80%;
			}
			
		#nav_container ul#nav li .nav_no_link {
			color: #80ac82; /* OLIVE GREEN */
			border: 0;
			text-decoration: none;
		}
				
		#nav_container ul#nav li .nav_open_link {
			color: #80ac82; /* OLIVE GREEN */
			border: 0;
			text-decoration: none;
			cursor: pointer;
		}
		
		#nav_container ul#nav li .nav_open_link:hover {
			color: #2c7198; /* BLUE */
			border: 0;
			text-decoration: none;
		}	
		
		#nav_container a:link, #nav_container a:visited	{
			color: #80ac82; /* OLIVE GREEN */
			border: 0;
			text-decoration: none;
			}
	
		#nav_container a:hover, #nav_container a:active	{
			color: #2c7198; /* BLUE */
			border: 0;
			text-decoration: none;
			}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  1.5. SHOW / HIDE DETAILS
	/* ------------------------------------------------------*/
	
	a.show_hide {
		display: none;
		color: #2c7198; /* BLUE */
		border: 0;
		text-decoration: none;
	}
	
	a.show_hide:hover {
		color: #084682; /* DARK BLUE*/
		border: 0;
		text-decoration: none;
		cursor: pointer;
	}
	


/* ------------------------------------------------------*/
/* ------------->>>  2. FONT STYLES
/* ------------------------------------------------------*/

div.indent {
	padding-left: 20px;
}

.details {
	font-size: 90%;
	font-style: italic;
	color: #818079;
}

p.contact {
	background-color: #f5f5ed;
	padding: 8px 8px 7px 10px;
}

p.alert {
	border-left: 5px solid #ececdb;
	padding: 3px 3px 3px 7px;
	color: #ba3f26;
	margin-top: 1.3em;
	background-color: #fcfcfa;
}

/* USED FOR PAGE HEADERS */
h3 {
	color: #80ac82;
	text-shadow: 1px 1px #ececdb;
	font-size: 270%;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0 0 10px 0;
	margin: 30px 0 25px 0;
}

	h3.graphic {
		display: block;
		text-indent: -999px;
		overflow: hidden;
		width: 620px;
		height: 50px;
		padding: 0;
		margin: 30px 0 0 0;
	}
	
	h3#welcome {background: url(../../assets/images/headers/welcome.gif) top left no-repeat;}
	h3#start_here {background: url(../../assets/images/headers/start_here.gif) top left no-repeat;}
	h3#what_we_believe {background: url(../../assets/images/headers/what_we_believe.gif) top left no-repeat;}
	h3#services_directions {background: url(../../assets/images/headers/services_directions.gif) top left no-repeat;}
	
	h3#the_journey {background: url(../../assets/images/headers/the_journey.gif) top left no-repeat;}
		h3#baptism {background: url(../../assets/images/headers/baptism.gif) top left no-repeat;}
		h3#reaching_2 {background: url(../../assets/images/headers/reaching_2.gif) top left no-repeat;}
	h3#how_to_join {background: url(../../assets/images/headers/how_to_join.gif) top left no-repeat;}
	h3#our_history {background: url(../../assets/images/headers/our_history.gif) top left no-repeat;}
	h3#facilities {background: url(../../assets/images/headers/facilities.gif) top left no-repeat;}
	h3#jobs {background: url(../../assets/images/headers/job_opportunities.gif) top left no-repeat;}
	h3#staff {background: url(../../assets/images/headers/staff.gif) top left no-repeat;}

	h3#taste_of_community {background: url(../../assets/images/headers/taste_of_community.gif) top left no-repeat;}
	h3#connections_seminar {background: url(../../assets/images/headers/connections_seminar.gif) top left no-repeat;}
	h3#community_groups {background: url(../../assets/images/headers/community_groups.gif) top left no-repeat;}
		h3#placement_questionnaire {background: url(../../assets/images/headers/placement_questionnaire.gif) top left no-repeat;}
	h3#adult_education {background: url(../../assets/images/headers/adult_education.gif) top left no-repeat;}
	
	h3#calendar {background: url(../../assets/images/headers/calendar.gif) top left no-repeat;}
	
	h3#weekly {background: url(../../assets/images/headers/weekly.gif) top left no-repeat;}
	h3#podcast {background: url(../../assets/images/headers/podcast.gif) top left no-repeat;}
	h3#video {background: url(../../assets/images/headers/video.gif) top left no-repeat;}
	
	h3#early_childhood {background: url(../../assets/images/headers/early_childhood.gif) top left no-repeat;}
		h3#nursery {background: url(../../assets/images/headers/nursery.gif) top left no-repeat;}
	h3#kids {background: url(../../assets/images/headers/kids.gif) top left no-repeat;}
	h3#special_needs {background: url(../../assets/images/headers/special_needs.gif) top left no-repeat;}
	h3#middle_school {background: url(../../assets/images/headers/middle_school.gif) top left no-repeat;}
	h3#high_school {background: url(../../assets/images/headers/high_school.gif) top left no-repeat;}
	h3#college_career {background: url(../../assets/images/headers/college_career.gif) top left no-repeat;}
		h3#live_mac {background: url(../../assets/images/headers/live_mac.gif) top left no-repeat;}
	h3#young_marrieds {background: url(../../assets/images/headers/young_marrieds.gif) top left no-repeat;}
	h3#single_adults {background: url(../../assets/images/headers/single_adults.gif) top left no-repeat;}
		h3#joans_thoughts {background: url(../../assets/images/headers/joans_thoughts.gif) top left no-repeat;}
	h3#women {background: url(../../assets/images/headers/women.gif) top left no-repeat;}
		h3#womens_bible_studies {background: url(../../assets/images/headers/womens_bible_studies.gif) top left no-repeat;}
		h3#alliance_women {background: url(../../assets/images/headers/alliance_women.gif) top left no-repeat;}
		h3#mom_to_mom {background: url(../../assets/images/headers/mom_to_mom.gif) top left no-repeat;}
		h3#connections_clubs {background: url(../../assets/images/headers/connections_clubs.gif) top left no-repeat;}
	h3#men {background: url(../../assets/images/headers/men.gif) top left no-repeat;}
	h3#senior_adults {background: url(../../assets/images/headers/senior_adults.gif) top left no-repeat;}
	h3#outreach {background: url(../../assets/images/headers/outreach.gif) top left no-repeat;}
		h3#global_staff {background: url(../../assets/images/headers/global_staff.gif) top left no-repeat;}
		h3#short_term {background: url(../../assets/images/headers/short_term.gif) top left no-repeat;}
	h3#worship_fine_arts {background: url(../../assets/images/headers/worship_fine_arts.gif) top left no-repeat;}
	
	h3#alpha {background: url(../../assets/images/headers/alpha.gif) top left no-repeat;}
	h3#job_seekers {background: url(../../assets/images/headers/job_seekers.gif) top left no-repeat;}
	h3#marriage_enrichment {background: url(../../assets/images/headers/marriage_enrichment.gif) top left no-repeat;}
	
	h3#about_myhaven {background: url(../../assets/images/headers/about_myhaven.gif) top left no-repeat;}
	h3#register {background: url(../../assets/images/headers/register.gif) top left no-repeat;}
	h3#giving {background: url(../../assets/images/headers/giving.gif) top left no-repeat;}
	h3#profile {background: url(../../assets/images/headers/profile.gif) top left no-repeat;}
	
	h3#support_groups {background: url(../../assets/images/headers/support_groups.gif) top left no-repeat;}
	h3#community_service {background: url(../../assets/images/headers/community_service.gif) top left no-repeat;}
	h3#bible_studies {background: url(../../assets/images/headers/bible_studies.gif) top left no-repeat;}
	
	h3#northmont {background: url(../../assets/images/headers/northmont_campus.gif) top left no-repeat;}
	
	h3#page_not_found {background: url(../../assets/images/headers/page_not_found.gif) top left no-repeat;}
	
	h3#community_news {background: url(../../assets/images/headers/community_news.gif) top left no-repeat;}
	
h4 {
	color: #084682; /* DARK BLUE*/
	font-size: 150%;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 0;
	padding: 0;
	text-shadow: 1px 1px #ececdb;
	border-bottom: 1px dotted #ececdb;
}

h5 {
	color: #0a3857;
	font-size: 130%;
	margin: 1.2em 0 -5px 0;
	padding: 0 0 0 18px;
	background: url(../../assets/images/framework/square_bullet.gif) center left no-repeat;
}

	h5.no_icon {
		color: #0a3857;
		font-size: 130%;
		margin: 1.2em 0 -5px 0;
		padding: 0;
		background: none;
	}

	#sermon_series h5 {
		padding: 0;
		background: none;
	}

	h5 a:link, h5 a:visited	{
		color: #0a3857;
		border: 0;
		text-decoration: underline;
		}
	
	h5 a:hover, h5 a:active	{
		color: #0a3857;
		border: 0;
		text-decoration: none;
		}
		
	h5.cal_badge {
		margin: 1.2em 0 -5px 0;
		padding: 0 0 0 0;
		background: none;
	}
	
		h5.cal_badge label {
			display: block;
			float: left;
			font-size: 85%;
			font-weight: bold;
			background-color: #ececdb;
			color: #3e3c2f;
			text-align: center;
			padding: 0 0 2px 0;
			line-height: 120%;
			margin: 0 10px 0 0;
		}
		
		h5.cal_badge label strong {
			display: block;
			background-color: #605C48;
			color: #FFFFFF;
			padding: 2px 6px 0px 6px;
			font-size: 75%;
			margin-bottom: 2px;
			font-family: Georgia;
		}
		
		/*h5.cal_badge .details*/
		h5 .details {
			font-size: 70%;
			font-weight: normal;
		}

h6 {
	color: #084682; /* DARK BLUE*/
	font-size: 110%;
	margin: 1.5em 0 1em 0;
	line-height: 50%;
	padding: 0;
}

.subheading {
	color: #084682; /* DARK BLUE*/
	font-size: 110%;
	font-weight: bold;
}

th {
	color: #82A7BC;
	border-bottom: 1px solid #82A7BC;
}

p.breadcrumbs {
	color: #c2c7ae;
	font-size: 80%;
	margin: 0;
	padding: 0;
	display: block;
}



/* ------------------------------------------------------*/
/* ------------->>>  3. DEFAULT HYPERLINKS
/* ------------------------------------------------------*/

a:link, a:visited	{
	color: #2c7198; /* BLUE */
	border: 0;
	text-decoration: underline;
	}
	
a:hover, a:active	{
	color: #2c7198; /* BLUE */
	border: 0;
	text-decoration: none;
	}
	
a img {
	border: none;
}

a.pdf	{
	padding: 1px 0 1px 2.3em;
	background: url(../../assets/images/framework/pdf_icon.gif) center left no-repeat;
	}
	
a.youtube	{
	padding: 1px 0 1px 4.3em;
	background: url(../../assets/images/framework/youtube_logo_small.jpg) center left no-repeat;
	}
	
p.breadcrumbs a {
	color: #c2c7ae;
}
	
.fake_link {
	color: #2c7198; /* BLUE */
	border: 0;
	text-decoration: underline;
}

.fake_link:hover {
	color: #2c7198; /* BLUE */
	border: 0;
	text-decoration: none;
}



/* ------------------------------------------------------*/
/* ------------->>>  4. FORM STYLES
/* ------------------------------------------------------*/

label {
	color: #084682;
	font-weight: bold;
	}
	
label.radio {
	color: #084682;
	font-weight: normal;
	}
	
.formlabel {
	color: #084682;
	font-weight: bold;
	}
	
.form_success {
	padding:15px; 
	background-color: #ececdb;
	font-weight: bold;
	text-align:center;
	border: 1px solid #c2c7ae;
	font-size: 13px;
	}
	
.form_failed {
	padding:15px; 
	background-color: #ececdb;
	color: #FF0000;
	text-align:center;
	border: 1px solid #c2c7ae;
	font-size: 13px;
	}
	
.asterisk_required {
	color: #FF0000;
	font-size: 120%;
	}



/* ------------------------------------------------------*/
/* ------------->>>  5. CONTENT
/* ------------------------------------------------------*/	

div#tabs {
	margin: 30px 0 0 0;	
}

ul.tab_nav {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.show_tab_nav {
	display: inline;
}

ul.tab_nav li {
	display: inline;
	margin-right: 4px;
}

	ul.tab_nav li:first-child {
	display: inline;
	margin-right: 4px;
	margin-left: 7px;
}

ul.tab_nav li a {
	padding: 7px 9px;
	font-weight: bold;
	color: #80ac82;
	text-shadow: 1px 1px #ececdb;
	text-decoration: none;
	border-top: 1px solid #c9decb;
	border-left: 1px solid #c9decb;
	border-right: 1px solid #c9decb;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
}

ul.tab_nav li a.selected {
	background-color: #f5f5ed;
	color: #2a809d;
	text-shadow: 1px 1px #ececdb;
	border-color: #ececd8;
}

ul.tab_nav li a:hover {
	color: #2a809d;
}

div#tabs div.tab_content_with_java {
	padding: 5px 20px 10px 20px;
	margin-top: 5px;
	background-color: #f5f5ed;
	border: 1px solid #ececd8;
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
}

div#tabs h4.tab_h4_header {
	margin-top: 0;
	padding-top: 0;
}


table tr td {
	vertical-align: top;
	}
	
div.sub_pic {
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #ececd8;
	float: left;
	margin: 0 15px 15px 0;
}


	/* ------------------------------------------------------*/
	/* ------------->>>  5.1. HOMEPAGE
	/* ------------------------------------------------------*/
		
	#main_links {
		width: 230px;
		height: 170px;
		position: absolute;
		background: url(../../assets/images/framework/main_links_bgd.gif) top left no-repeat;
		padding-bottom: 10px;
		z-index: 500;
		top: 95px;
		left: 0;
	}
		
		#main_links div a {
			display: block;
			height: 50px;
			margin-bottom: 5px;
			text-indent: -9999px;
		}
		
		#main_links div.new_to_fairhaven a {
			background: url(../../assets/images/framework/new_to_fairhaven_up.gif) no-repeat;
			margin-top: 10px;
		}
		
		#main_links div.new_to_fairhaven a:hover {
			background: url(../../assets/images/framework/new_to_fairhaven_over.gif) no-repeat;
		}
		
		#main_links div.new_to_fairhaven {
			background: url(../../assets/images/framework/new_to_fairhaven_over.gif) no-repeat;
		}
		
		#main_links div.services_directions a {
			background: url(../../assets/images/framework/services_directions_up.gif) no-repeat;
		}
		
		#main_links div.services_directions a:hover {
			background: url(../../assets/images/framework/services_directions_over.gif) no-repeat;
		}
		
		#main_links div.services_directions {
			background: url(../../assets/images/framework/services_directions_over.gif) no-repeat;
		}
		
		#main_links div.now_try_god a {
			background: url(../../assets/images/framework/now_try_god_up.gif) no-repeat;
		}
		
		#main_links div.now_try_god a:hover {
			background: url(../../assets/images/framework/now_try_god_over.gif) no-repeat;
		}
		
		#main_links div.now_try_god {
			background: url(../../assets/images/framework/now_try_god_over.gif) no-repeat;
		}
		
		#main_links div.calendar a {
			background: url(../../assets/images/framework/calendar_up.gif) no-repeat;
		}
		
		#main_links div.calendar a:hover {
			background: url(../../assets/images/framework/calendar_over.gif) no-repeat;
		}
		
		#main_links div.calendar {
			background: url(../../assets/images/framework/calendar_over.gif) no-repeat;
		}
	
	#slideshow {
		width: 640px;
		background-color: #f5f5ed;
		border-bottom: 10px solid #FFFFFF;
		padding: 10px;
	}
	
	#slideshow #slides {
		width: 640px;
		height: 360px;
		position: relative;
		overflow: hidden;
	}
		#slideshow #slides div {
			display: none;
		}
		
		#slideshow #slides div:first-child {
			display: block;
		}
		
		/*
		#slideshow #slides a:hover {
					opacity: 0.85;
					filter:alpha(opacity=85);
				}*/
		
	
			#slides div img {
				border: none;
			}
	
	
	
	
	
	
	
	
			/*div#slideshow_nav {
				display: none;
				position: relative; 
				top: 145px; 
				z-index: 15;
			}
				div#slideshow_nav #back {
					float: left; 
					margin: 0 0 0 20px;
				}
				div#slideshow_nav #forward {
					float: right; 
					margin: 0 20px 0 0;
				}
				div#slideshow_nav a {
					display: block; 
					width: 40px; 
					height: 70px;
					text-indent: -999px;
					overflow: hidden;
				}
					div#slideshow_nav #back {
						background: url(../../assets/images/framework/slide_left.png) top center no-repeat;
					}
					
					div#slideshow_nav #forward {
						background: url(../../assets/images/framework/slide_right.png) bottom center no-repeat;
					}
					
					div#slideshow_nav a#back:hover {
						background: url(../../assets/images/framework/slide_left.png) bottom center no-repeat;
					}
					
					div#slideshow_nav a#forward:hover {
						background: url(../../assets/images/framework/slide_right.png) top center no-repeat;
					}*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
				
	#slideshow #thumbs div {
		margin-left: 11px;
		float: left;
		width: 206px;
		height: 116px;
		position: relative;
	}	
		
		#slideshow #thumbs div#first {
			float: left;
			margin-left: 0;
		}
		
		#slideshow #thumbs div#last {
			float: right;
			margin-left: 0;
		}
		
		/*
		#slideshow #thumbs div a:hover {
					opacity: 0.85;
					filter:alpha(opacity=85);
				}*/
		
		
		#slideshow #thumbs a img {
			border: none;
		}
	
		/*
		#slideshow #thumbs a div {
					width: 196px;
					height: 106px;
					border: 5px solid #FFFFFF;
					position: absolute;
				}
				
				#slideshow #thumbs a div.selected {
					border-color: #c2c7ae;
				}*/
		
	
	#slideshow #text {
		margin-bottom: 10px;
		padding: 0;
		overflow: hidden;
	}
	
	#slideshow #text div {
		width: 625px;
		background-color: #dadbcf;
		padding: 5px 5px 5px 10px;
		display: none;
	}
		
		#slideshow #text div:first-child {
			display: block;
		}
	
		#slideshow #text div strong {
			color: #084682; /* DARK BLUE*/;
		}
		
	
		
	#weather_alert {
		width: 640px;
		background-color: #f5f5ed;
		border-bottom: 10px solid #FFFFFF;
		padding: 10px;
		text-align: center;
		color: #ba3f26;
		font-weight: bold;
	}
	
	#sermon_series {
		width: 305px;
		float: left;
		padding: 10px;
	}
	
		#sermon_series #title {
			color: #084682; /* DARK BLUE*/
			font-weight: bold;
			margin: 15px 0 0 0;
			padding: 0;
		}
		
		#sermon_series #outline {
			font-size: 90%;
			color: #818079;
		}
		
		#sermon_series h4, #upcoming_events h4 {
			background-color: #dadbcf;
			text-shadow: none;
			font-size: 1em;
			text-transform: uppercase;
			padding: 7px 0 5px 7px;
			border: none;
			line-height: 1em;
		}
		
		#sermon_series .indent, #upcoming_events .indent {
			padding: 0 10px;
		}
		
	#upcoming_events {
		width: 305px;
		float: right;
		padding: 10px;
	}
		
		#sermon_series h4:first-child, #upcoming_events h4:first-child {
			margin: 0;
		}
		
		/* calendar date div tag css*/
			#upcoming_events .date	{
				font-weight: bold;
				color: #084682;
				padding: 0px 0px 4px 0px;
				}
				
		/* calendar event div tag css*/
			#upcoming_events .event	{
				padding: 0 0px 5px 10px;
				}
				
			#upcoming_events .time	{
				font-style: italic;
				}
			
	/* ------------------------------------------------------*/
	/* ------------->>>  5.2. STAFF BIOS
	/* ------------------------------------------------------*/			
	
	#staff_pic {
		float: right;
		margin: 0 0 20px 20px;
	}
	
		.staff_pic_preview {
			height: 50px;
			width: 50px;
			padding: 3px;
			border: 1px solid #ececdb;
			background-color: #f5f5ed;
			overflow: hidden;
		}
		
	
	#staff_tables table td {
		border-bottom: 1px solid #f5f5ed;
		vertical-align: middle;
	}
	
	#staff_tables table {
		margin-top: 10px;
		border-top: 1px solid #f5f5ed;
	}
	
	#staff_tables table tr:hover {
		background-color: #f5f5ed;
	}
	
	#staff_tables h4 {
		border: none;
	}
	
	p#bio_divider {
		border-top: 1px solid #f5f5ed;
		padding-top: 10px;
		margin-top: 10px;
	}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  5.3. HISTORY
	/* ------------------------------------------------------*/
	
	div.history {
		padding: 10px;
		border: 1px solid #f5f5ed;
		margin-bottom: 10px;
	}
	
		div.history div.pic {
			float:left; 
			margin: 0 15px 0 0; 
			border: 5px solid #ececdb;
		}
		
	/* ------------------------------------------------------*/
	/* ------------->>>  5.4. CALENDAR
	/* ------------------------------------------------------*/
					
	#calendar .daySpacing	{
		margin-top:10px;
		}
		
	#calendar .monthSpacing	{
		margin-top:30px;
		border-bottom: 1px solid #c2c7ae;
		color:#c2c7ae;
		font-weight: bold;
		font-size: 12px;
		}
	
	/* calendar date div tag css*/
		#calendar .date_label	{
			font-weight: bold;
			padding: 9px 0px 4px 0px;
			font-size: 110%;
			}
			
	/* calendar event div tag css*/
		#calendar .event	{
			padding: 0px 0px 0px 10px;
			}
			
	#calendar_filtering {
		padding: 20px 0 5px 0;
	}
	
	#calendar_filters {
		border: solid 1px #f5f5ed;
	}
		#cal_filter_legend {
			padding: 0 5px 0 5px;
		}
	
	#calendar .group1 {
		width: 10px;
		height: 10px;
		background-color: #1F6CB4;
		float:left;
		margin: 3px 5px 0 0;
		}
	#calendar .group2 {
		width: 10px;
		height: 10px;
		background-color: #D66262;
		float:left;
		margin: 3px 5px 0 0;
		}
	#calendar .group3 {
		width: 10px;
		height: 10px;
		background-color: #539F4D;
		float:left;
		margin: 3px 5px 0 0;
		}
	#calendar .group4 {
		width: 10px;
		height: 10px;
		background-color: #AEC85E;
		float:left;
		margin: 3px 5px 0 0;
		}
	#calendar .group5 {
		width: 10px;
		height: 10px;
		background-color: #FF9C3C;
		float:left;
		margin: 3px 5px 0 0;
		}
	#calendar .group6 {
		width: 10px;
		height: 10px;
		background-color: #844141;
		float:left;
		margin: 3px 5px 0 0;
		}
	#calendar .group7 {
		width: 10px;
		height: 10px;
		background-color: #A058AB;
		float:left;
		margin: 3px 5px 0 0;
		}
	#calendar .group8 {
		width: 10px;
		height: 10px;
		background-color: #CA8787;
		float:left;
		margin: 3px 5px 0 0;
		}
	
	#calendar_filtering .group1 {
		width: 10px;
		height: 10px;
		background-color: #1F6CB4;
		float:left;
		margin: 3px 4px 0 0;
		}
	#calendar_filtering .group2 {
		width: 10px;
		height: 10px;
		background-color: #D66262;
		float:left;
		margin: 3px 4px 0 0;
		}
	#calendar_filtering .group3 {
		width: 10px;
		height: 10px;
		background-color: #539F4D;
		float:left;
		margin: 3px 4px 0 0;
		}
	#calendar_filtering .group4 {
		width: 10px;
		height: 10px;
		background-color: #AEC85E;
		float:left;
		margin: 3px 4px 0 0;
		}
	#calendar_filtering .group5 {
		width: 10px;
		height: 10px;
		background-color: #FF9C3C;
		float:left;
		margin: 3px 4px 0 0;
		}
	#calendar_filtering .group6 {
		width: 10px;
		height: 10px;
		background-color: #844141;
		float:left;
		margin: 3px 4px 0 0;
		}
	#calendar_filtering .group7 {
		width: 10px;
		height: 10px;
		background-color: #A058AB;
		float:left;
		margin: 3px 4px 0 0;
		}
	#calendar_filtering .group8 {
		width: 10px;
		height: 10px;
		background-color: #CA8787;
		float:left;
		margin: 3px 4px 0 0;
		}
		
	#calendar_filtering input {
		float:left;
		}
			
	/* ------------------------------------------------------*/
	/* ------------->>>  5.5. WELCOME
	/* ------------------------------------------------------*/
	
	#signature {
		background: url(../../assets/images/im_new/david_sig.gif) top left no-repeat;
		padding: 85px 0 20px 65px;
		
	}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  5.6. MYHAVEN
	/* ------------------------------------------------------*/
	
	a.launch:link, a.launch:visited {
		color: #FFFFFF;
		padding: 10px 15px;
		font-size: 130%;
		background-color: #80ac82; /* OLIVE GREEN */
		border: 2px solid #ececdb;
		text-decoration: none;
		line-height: 300%;
	}
	
	a.launch:hover {
		background-color: #2c7198; /* BLUE */
	}
	
	a.register:link, a.register:visited {
		text-decoration: none;
		text-indent: -9999px;
		display: block;
		background: url(../../assets/images/framework/register_button.gif) bottom left no-repeat;
		height: 22px;
		width: 83px;
		border: none;
		overflow: hidden;
	}
	
	a.register:hover, a.register:active {
		text-decoration: none;
		text-indent: -9999px;
		background: url(../../assets/images/framework/register_button.gif) top left no-repeat;
		height: 22px;
		width: 83px;
		border: none;
		overflow: hidden;
	}
	
	a.email:link, a.email:visited {
		text-decoration: none;
		text-indent: -9999px;
		display: block;
		background: url(../../assets/images/framework/email_button.gif) bottom left no-repeat;
		height: 22px;
		width: 83px;
		border: none;
		overflow: hidden;
	}
	
	a.email:hover, a.email:active {
		text-decoration: none;
		text-indent: -9999px;
		background: url(../../assets/images/framework/email_button.gif) top left no-repeat;
		height: 22px;
		width: 83px;
		border: none;
		overflow: hidden;
	}
	
	a.bio:link, a.bio:visited {
		text-decoration: none;
		text-indent: -9999px;
		display: block;
		background: url(../../assets/images/framework/bio_button.gif) bottom left no-repeat;
		height: 22px;
		width: 68px;
		border: none;
		overflow: hidden;
	}
	
	a.bio:hover, a.bio:active {
		text-decoration: none;
		text-indent: -9999px;
		background: url(../../assets/images/framework/bio_button.gif) top left no-repeat;
		height: 22px;
		width: 68px;
		border: none;
		overflow: hidden;
	}
	
	div.unavailable {
		color: #c2c7ae;
		font-style: italic;
	}
	
		/* ------------------------------------------------------*/
		/* ------------->>>  5.6.1. REGISTER
		/* ------------------------------------------------------*/
		
		#myhaven_tables table td {
			border-bottom: 1px solid #f5f5ed;
		}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  5.7. BIBLE STUDY RESOURCES
	/* ------------------------------------------------------*/
	
	#bible_study_resources table {
		margin-top: 10px;
	}
	
	
	/* ------------------------------------------------------*/
	/* ------------->>>  5.8. SERVICES & DIRECTIONS
	/* ------------------------------------------------------*/
	
	#map {
		float: left;
		margin: 16px 20px 20px 0;
		background: url(../../assets/images/im_new/map.jpg) top left no-repeat;
		width: 220px;
		height: 220px;
		border: 5px solid #f5f5ed;
	}
	
	
	/* ------------------------------------------------------*/
	/* ------------->>>  5.9. NORTHMONT
	/* ------------------------------------------------------*/
		
	#right_subcolumn {
		width: 200px;
		background-color: #f5f5ed;
		padding: 0 10px 0 13px;
		float: right;
		margin: 10px 0 20px 20px;
	}
	
	#northmont_map {
		width: 175px;
		height: 150px;
		background: url(../../assets/images/campuses/northmont_map.jpg) top left no-repeat;
		border: 5px solid #FFFFFF;
		display: block;
	}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  5.10. OUTREACH
	/* ------------------------------------------------------*/
		
	#life_changing_pics {
		background-color: #f5f5ed;
		padding: 5px;
		float: right;
		margin: 0 0 20px 20px;
	}
	
	/* ------------------------------------------------------*/
	/* ------------->>>  5.11 KIDS
	/* ------------------------------------------------------*/
		
	#facilities_pics img {
		background-color: #ffffff;
		padding: 5px;
		border: 1px solid #ececdb;
	}
		
		#facilities_pics p a {margin: 0 14px 14px 0; float: left;}
	
		#facilities_pics p a:last-child {margin-right: 0;}