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

	1. FRAMEWORK
		1.1.  LAYOUT
		1.2.  HTML RESET
		1.3.  NAVIGATION
		1.4.  TEXT
		1.5.  HYPERLINKS
		1.6.  FORMS
		1.7.  TABBING - MINISTRY/CAMPUS
		1.8.  DEFAULT CAMPUS POP UP
		1.9.  JAVA SHOW/HIDE
		
	2. CONTENT
		2.1.  HOME
		2.2.  I'M NEW
		2.3.  ABOUT US
		2.4.  GETTING CONNECTED
		2.5.  MEDIA
		2.6.  MINISTRIES
		2.7.  COMMUNITY
		2.8.  MYHAVEN
		2.9.  KIOSK
		2.10. CALENDAR
		2.11. RESOURCES
		2.12  VERSUS FANCYBOX
		
-------------------------------------------------------------------*/ 


/* ------------------------------------------------------*/
/* ------------------------------------------------------*/
/* ------------->>>  1. FRAMEWORK
/* ------------------------------------------------------*/
/* ------------------------------------------------------*/


/* ------------------------------------------------------*/
/* ------------->>>  1.1. LAYOUT
/* ------------------------------------------------------*/

body {
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: .75em;
	color: #3e3c2f;
	line-height: 1.5em;
	background-color: #0a3857;
}

#bgd_container {
	background: url(../../assets/images/framework/bgd_container.jpg) top center repeat-x #eee9d6;
	padding: 0;
	margin: 0;
	border-top: solid 5px #2e759c;
}

#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 center 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 center repeat-y;
	position: relative;
}

	#home_wrapper_bottom {
		width: 660px;
		text-align: left;
		margin-top: 0;
		height: 10px;
		background: url(../../assets/images/framework/home_wrapper_bottom_bgd.gif) top center repeat-y;
		clear: both;
	}

#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;
	position: relative;
	font-weight: 300;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
}

#shadow_left {
	min-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 {
	min-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_top {
	position: absolute;
	width: 640px;
	height: 20px;
	right: 20px;
	background: url(../../assets/images/framework/content_bgd.gif) top left repeat-x;
}

#padded_content {
	float: right;
	position: relative;
	width: 620px;
	right: 20px;
}

	#padded_content .sub_pad {
		padding: 10px 20px 20px 20px;	
	}

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


#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;
}

#header #locations_link {
	color: #FFFFFF;
	position: absolute;
	top: 0px;
	right: 10px;
	background-color: #2e759c;
	cursor: pointer;
	height: 27px;
	width: 126px;
	background: url(../../assets/images/locations/locations_btn.gif) top left no-repeat;
	overflow:hidden;
	text-indent: -9999px;
}

#header #locations_link:hover {
	background-position: top right;
}

#header #locations_link.open {
	background: url(../../assets/images/locations/locations_btn.gif) bottom left no-repeat;
}

#header #locations_link.open:hover {
	background-position: bottom right;
}

#locations {
	background-color: #2e759c;
	color: #FFFFFF;
	font-size: .9em;
	line-height: 130%;
	font-style: normal;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
}

	#locations a {
		color: #FFF;
		text-decoration: none;	
	}
	
	#locations a:hover {
		text-decoration: underline;
	}

	#locations strong {
		color: #fcba63; /* GOLD */
		font-size: 1.2em;
		padding-bottom: 10px;
		display: block;
		font-weight: 900;
	}

	#locations #limit {
		width: 800px;
		padding: 20px 0;
	}
	
	#locations .campus1 {
		width: 385px;
		text-align: left;
		float: left;
	}
	
	#locations .divider {
		width: 385px;
		border-right: solid 1px #FFF;	
	}
	
	#locations .campus2 {
		width: 385px;
		text-align: left;
		float: right;
	}

#locations img.centerville, #locations img.northmont {
	padding: 10px;
	background: #FFFFFF;
	clear: both;
	float: left;
	margin: 0 20px 0 0;
}


.social_links {
		clear: both;
		margin: 15px 0 0 0;
		width: 385px;
	}
	
		.social_links div {
			display: inline-block;
			overflow: hidden;
			margin-right: 13px;
		}
		
		.social_links div.email {
			background: url(../../assets/images/locations/email_up.jpg) no-repeat;
		}
		
		.social_links a.email {
			display: block;
			width: 24px;
			height: 24px;
			background: url(../../assets/images/locations/email_up.jpg) no-repeat;
			text-indent: -9999px;
			padding: 0;
		}
		
		.social_links a.email:hover {
			background: url(../../assets/images/locations/email_over.jpg) no-repeat;
		}
		
		.social_links div.facebook {
			background: url(../../assets/images/locations/facebook_up.jpg) no-repeat;
		}
		
		.social_links a.facebook {
			display: block;
			width: 24px;
			height: 24px;
			background: url(../../assets/images/locations/facebook_up.jpg) no-repeat;
			text-indent: -9999px;
			padding: 0;
		}
		
		.social_links a.facebook:hover {
			background: url(../../assets/images/locations/facebook_over.jpg) no-repeat;
		}
		
		.social_links div.twitter {
			background: url(../../assets/images/locations/twitter_over.jpg) no-repeat;
		}

		.social_links a.twitter {
			display: block;
			width: 24px;
			height: 24px;
			background: url(../../assets/images/locations/twitter_up.jpg) no-repeat;
			text-indent: -9999px;
			padding: 0;
		}
		
		.social_links a.twitter:hover {
			background: url(../../assets/images/locations/twitter_over.jpg) no-repeat;
		}
		
		

		.social_links div.vimeo {
			background: url(../../assets/images/locations/vimeo_over.jpg) no-repeat;
		}

		.social_links a.vimeo {
			display: block;
			width: 24px;
			height: 24px;
			background: url(../../assets/images/locations/vimeo_up.jpg) no-repeat;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
		}
		
		.social_links a.vimeo:hover {
			background: url(../../assets/images/locations/vimeo_over.jpg) no-repeat;
		}

		.social_links div.flickr {
			background: url(../../assets/images/locations/flickr_over.jpg) no-repeat;
		}

		.social_links a.flickr {
			display: block;
			width: 24px;
			height: 24px;
			background: url(../../assets/images/locations/flickr_up.jpg) no-repeat;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
		}
		
		.social_links a.flickr:hover {
			background: url(../../assets/images/locations/flickr_over.jpg) no-repeat;
		}


#footer {
	clear: both;
	background-color: #0a3857;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
}


#home_footer {
	clear: both;
	background-color: #0a3857;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
}
	
	#footer #limit {
		width: 900px;
		text-align: left;
		padding: 60px 20px 40px 20px;
		font-size: 80%;
		line-height: 1.3em;
		background: url(../../assets/images/framework/footer_bgd.gif) top center no-repeat;
		color: #FFFFFF;
	}
	
	#home_footer #limit {
		width: 900px;
		text-align: left;
		padding: 60px 20px 40px 20px;
		font-size: 80%;
		line-height: 1.3em;
		background: url(../../assets/images/framework/home_footer_bgd.gif) top center no-repeat;
		color: #FFFFFF;
	}
	
	#home_footer strong, #footer strong {
		color: #fcba63;
	}
			
	
	#site_map {
		padding: 0 0 0 50px;
		font-size: 110%;
	}
	
	#site_map ul {
		list-style: none;
		padding: 0;
	}
	
	#site_map ul li {
		padding: 1px 0;
	}
	
	#site_map p {
		text-transform: uppercase;
		font-weight: bold;
		line-height: 30%;
		padding-top: 10px;
	}
	
	#site_map span {
		color: #70aed1;
		font-style: italic;
	}
	
	#site_map a {
		color: #70aed1;
		text-decoration: none;	
	}
	
	#site_map a:hover {
		color: #70aed1;
		text-decoration: underline;	
	}
	
	#copyright {
		padding: 20px 0 0 0;	
	}




/* ------------------------------------------------------*/
/* ------------->>>  1.2. HTML RESET
/* ------------------------------------------------------*/


ul {
	padding-left: 15px;
	margin-left: 18px;	
}

ul.no_indent {
	margin-left: 0;	
	padding-left: 15px;
}

table tr td {
	vertical-align: top;
	}

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

hr {
	background-color:#dcceab;
	height: 1px;
	border: none;
	margin: 30px 40px;
}

blockquote, div.indent {
	padding-left: 20px;
	margin-left: 0;
}

strong {
	font-weight: 700;
}


/* ------------------------------------------------------*/
/* ------------->>>  1.3. NAVIGATION
/* ------------------------------------------------------*/

#nav_container {
	float: left;
	width: 210px;
	font-size: 130%;
	margin-top: 160px;
	border-top: 10px solid #FFFFFF;
	font-weight: 500;
}

	#nav_container ul#nav {
		padding: 0 0 0 0;
		margin: 0 10px 0 10px;
		list-style: none;
		border-top: 10px solid #dcceab;
	}
	
	#nav_container ul#nav p {
		padding: 0;
		margin: 0;
		/*text-shadow: 1px 1px #FFF;*/
	}

	#nav_container ul#nav li {
		list-style: none;
		padding: 10px 10px 10px 15px;
		border-top: 1px solid #F2EFE6;
		color: #34769B;
		/*font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
		font-weight: 500;*/
		}

		#nav_container ul#nav li:first-child {
			border-top: none;
			}
	
	#nav_container ul#nav ul.submenu {
		list-style-type: none;
		padding: 5px 0 0 0;
		margin: 0 0 0 10px;
		}
	
	#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: #34769B;
		border: 0;
		text-decoration: none;
		font-style: italic;
	}
			
	#nav_container ul#nav li .nav_open_link {
		color: #34769B;
		border: 0;
		text-decoration: none;
		cursor: pointer;
	}
	
	#nav_container ul#nav li .nav_open_link:hover {
		color: #0A3857;
		border: 0;
		text-decoration: none;
	}	
	
	#nav_container a:link, #nav_container a:visited	{
		color: #34769B;
		border: 0;
		text-decoration: none;
		}

	#nav_container a:hover, #nav_container a:active	{
		color: #0A3857;
		border: 0;
		text-decoration: none;
		}
		
	#nav_container strong {
		font-weight: normal;
		color: #0A3857;
	}


/* ------------------------------------------------------*/
/* ------------->>>  1.4. FONT STYLES
/* ------------------------------------------------------*/

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

p.contact {
	background-color: #F2EFE6;
	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: #fcba63;
	font-size: 340%;
	font-style: normal;
	font-weight: 900;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
	padding: 10px 0 15px 0;
	margin: 40px 20px 0 20px;
	border-bottom: solid 2px #fcba63;
}

h4 {
	color: #084682; /* DARK BLUE*/
	font-size: 150%;
	margin-bottom: 0;
	padding: 0;
	/*border-bottom: 1px dotted #ececdb;*/
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
}

	h4.no_border {
		border: none;	
	}

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) 0px 3px no-repeat;
	display: block;
	font-style: normal;
	font-weight: 700;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
}

	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;
	}
	
	#media_icons h5 {
		padding: 0;
		background: none;
		margin: 0;
		text-transform: uppercase;
		font-size: 110%;
		font-weight: bold;
	}

	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;
			text-transform: uppercase;
		}
		
		/*h5.cal_badge .details*/
		h5 .details {
			font-size: 70%;
			font-weight: normal;
		}

h6 {
	color: #084682; /* DARK BLUE*/
	font-size: 110%;
	margin: 1em 0 .25em 0;
	padding: 0;
}

	h6 .details, h6.details{
		font-weight: normal;
	}

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

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

table.bottom_margin tr td {
	padding-bottom: 10px;
}
	
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading #container,
.wf-loading #locations,
.wf-loading #footer,
.wf-loading #home_footer {
	visibility: hidden;	
}

/* ------------------------------------------------------*/
/* ------------->>>  1.5. 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.gif) 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;
}

a.email_icon {
	width: 14px;
	height: 10px;
	background: url(../../assets/images/framework/mail_icon.gif) top left no-repeat;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
}

/* ------------------------------------------------------*/
/* ------------->>>  1.6. FORMS
/* ------------------------------------------------------*/

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%;
	}

/* ------------------------------------------------------*/
/* ------------->>>  1.7. TABBING - MINISTRY/CAMPUS
/* ------------------------------------------------------*/

div#tabs {
	border-top: solid 40px #F2EFE6;
	background: url(../../assets/images/framework/tab_bgd_fade.gif) top left repeat-x #FFFFFF;
	clear: both;
}

ul.tab_nav {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	
	font-weight: bold;
	font-size: 102%;
	font-style: normal;
	font-weight: 900;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
}

ul.show_tab_nav {
	display: inline;
}

ul.tab_nav li {
	display: inline;
	float: left;
}

ul.tab_nav li a {
	padding: 15px 20px;
	color: #8A673B;
	text-decoration: none;
	display: inline-block;
	border-left: solid 1px #F2EFE6;
	margin: 0 0 10px 0;
}

ul.tab_nav li:first-child a:first-child {
	border-left: none;
}

ul.tab_nav li a.selected {
	background-color: #FFFFFF;
	color: #FEC35A;
}

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

div#tabs div.tab_content_with_java {
	padding: 5px 20px 10px 20px;
}

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

div#campus_tabs {
	margin: 20px 0 0 0;
}

ul.show_campus_tab_nav {
	display: block;
	background-color: #f2efe6;
	min-height: 40px;
	margin: 0;
	padding: 0;
}

	#campus_tabs #choose_location {
		display: block;
		text-indent: -999px;
		overflow: hidden;
		width: 200px;
		height: 50px;
		padding: 0;
		margin: 0;
		float: right;
		background: url(../../assets/images/framework/choose_location.gif) top right no-repeat;
	}

#campus_tabs ul.campus_tab_nav li {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../../assets/images/framework/tab_bgd_fade.gif) top left repeat-x;
}

#campus_tabs ul.campus_tab_nav li a.centerville {
	width: 135px;
	height: 40px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	border-left: none;
	background: url(../../assets/images/framework/location_centerville.gif) top left no-repeat;
}

	#campus_tabs ul.campus_tab_nav li a.centerville:hover {
		background-position: bottom left;
	}
	
#campus_tabs ul.campus_tab_nav li a.northmont {
	width: 135px;
	height: 40px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	border-left: solid 1px #F2EFE6;
	background: url(../../assets/images/framework/location_northmont.gif) top left no-repeat;
}

	#campus_tabs ul.campus_tab_nav li a.northmont:hover {
		background-position: bottom left;
	}

	#campus_tabs ul.campus_tab_nav li div.northmont_disabled {
		width: 135px;
		height: 40px;
		text-decoration: none;
		display: block;
		overflow: hidden;
		text-indent: -999px;
		border-left: solid 1px #F2EFE6;
		background: url(../../assets/images/framework/location_northmont_disabled.gif) top left no-repeat;
	}

#campus_tabs ul.campus_tab_nav li a.selected {
	background-color: #FFFFFF;
	background-position: bottom left;
	color: #FEC35A;
}

#campus_tabs ul.campus_tab_nav li a:hover {
	color: #FEC35A;
}

#campus_tabs div.tab_content_with_java {
	padding: 5px 0 0 0;
}

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

/* ------------------------------------------------------*/
/* ------------->>>  1.8. DEFAULT CAMPUS POP UP
/* ------------------------------------------------------*/

#default_campus {
	background-color: #2e759c;
	color: #FFFFFF;
	font-family: "museo-sans-1", "museo-sans-2", Helvetica, Arial, sans-serif;
	padding: 20px;
}

#default_campus .title {
	margin: 0 0 16px 0;
	color: #FFFFFF;
	font-size: 180%;
	background: none;
	padding: 0;
	font-weight: 900;
}

#default_campus a {
	color: #FFF;
	text-decoration: none;	
}

#default_campus a:hover {
	text-decoration: underline;
}

#default_campus strong {
	color: #fcba63; /* GOLD */
	font-weight: 900;
}

a.select:link, a.select:visited {
		text-decoration: none;
		text-indent: -9999px;
		display: block;
		background: url(../../assets/images/framework/select_button.gif) top left no-repeat;
		height: 27px;
		width: 113px;
		border: none;
		overflow: hidden;
		margin-top: 16px;
	}
	
	a.select:hover, a.select:active {
		text-decoration: none;
		text-indent: -9999px;
		background: url(../../assets/images/framework/select_button.gif) bottom left no-repeat;
		height: 27px;
		width: 113px;
		border: none;
		overflow: hidden;
	}

/* ------------------------------------------------------*/
/* ------------->>>  1.9. JAVA SHOW/HIDE 
/* ------------------------------------------------------*/

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. CONTENT
/* ------------------------------------------------------*/
/* ------------------------------------------------------*/

div#photo_centerville, div#photo_northmont {
	width: 294px;
	height: 178px;
	float: right;
	background: url(../../assets/images/framework/photo_bgd.jpg) center center no-repeat;
	margin: 5px -7px 20px 20px;
	overflow: hidden;
}

/* ------------------------------------------------------*/
/* ------------->>>  2.1. HOME
/* ------------------------------------------------------*/

#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;
	height: 360px;
	overflow: hidden;
	background-color: #f2efe6;
	padding: 10px;
	border-bottom: 10px solid #FFFFFF;
}
	
	#slideshow img {
			border: none;
		}
	
#weather_alert {
	width: 626px;
	background: url(../../assets/images/home/weather_alert.jpg) left center no-repeat #FFF;
	min-height: 46px;
	padding: 12px 10px 0 24px;
	border-bottom: 10px solid #FFFFFF;
	color: #0e3d65;
	font-weight: bold;
	line-height: 3em;
}

#home_2col {
	background: url(../../assets/images/framework/home_2col_bgd.gif) top center repeat-y;	
}

#home_left {
	width: 305px;
	float: left;
	background: url(../../assets/images/framework/tab_bgd_fade.gif) top left repeat-x #FFFFFF;
	border-top: solid 10px #F2EFE6;
	border-left: solid 10px #F2EFE6;
	border-right: solid 10px #F2EFE6;
	padding: 0 0 10px 0;
}

	#home_left #title {
		color: #084682; /* DARK BLUE*/
		font-weight: bold;
		margin: 15px 0 0 0;
		padding: 0;
	}
	
	#home_left #outline {
		font-size: 90%;
		color: #818079;
	}
	
	#home_left h4, #home_right h4 {
		background-color: #FFFFFF;
		display: inline-block;
		text-shadow: none;
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 15px;
		border: none;
		line-height: 1em;
		color: #FCBA63;
		border-right: solid 1px #F2EFE6;
	}
	
	#home_left .indent, #home_right .indent {
		padding: 0 15px;
	}
	
	#home_left h5 {
		margin-top: .8em;	
	}
	
	#home_left h4.last_weekend {
		font-size: 1.2em;
		text-transform: uppercase;
		padding: 0;
		border: none;
		color: #FCBA63;
		margin: 0;
		border-right: solid 1px #F2EFE6;			
	}
	
	
	
#home_right {
	width: 305px;
	float: right;
	background: url(../../assets/images/framework/tab_bgd_fade.gif) top left repeat-x #FFFFFF;
	border-top: solid 10px #F2EFE6;
	border-left: solid 10px #F2EFE6;
	border-right: solid 10px #F2EFE6;
	padding: 0 0 10px 0;
}

	#bulletin_select {
		
	}
	
	#bulletin_select #arrow {
		background: url(../../assets/images/home/bulletin_select_arrow.gif) bottom left no-repeat;
		width: 20px;
		height: 10px;
		display: block;
		margin-left: 162px;
	}

	#bulletin_select #text {
		background: #F2EFE6;
		margin-right: 10px;
		padding: 5px;
		text-align:center;
	}
	
	#newsletter_cover {
		text-indent: -9999px;
		background: url(../../assets/images/home/newsletter_cover.jpg) top left no-repeat;
		height: 95px;
		width: 88px;
		border: none;
		overflow: hidden;
		float: left;
		margin: 0 20px 5px 0;	
	}
	
	#newsletter_cover a {
		text-indent: -9999px;
		border: none;
		height: 90px;
		width: 87px;
		overflow: hidden;
		float: left;
		margin: 0;	
	}
	
	#home_left h4:first-child, #home_right h4:first-child {
		margin: 0;
	}
	
	#spacer_right {
		width: 325px;
		height: 10px;
		display: block;
		background-color: #FFFFFF;
		float: right;
	}

/* ----------------------*/
/* ---->>>  MEDIA ICONS
/* ----------------------*/
		
#media_icons {
	padding: 20px 0 0 9px;
}	
	
#media_icons a.video {
	width: 49px;
	height: 44px;
	background: url(../../assets/images/home/video.gif) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 16px;
}
	
	#media_icons a.video:hover {
		background: url(../../assets/images/home/video.gif) bottom center no-repeat;
	}
	
	#media_icons div.video {
		width: 49px;
		height: 44px;
		background: url(../../assets/images/home/video.gif) top center no-repeat;
		display: inline-block;
		text-indent: -9999px;
		overflow: hidden;
		margin-right: 16px;
	}

#media_icons a.audio {
	width: 51px;
	height: 44px;
	background: url(../../assets/images/home/audio.gif) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 16px;
}
	
	#media_icons a.audio:hover {
		background: url(../../assets/images/home/audio.gif) bottom center no-repeat;
	}
	
	#media_icons div.audio {
		width: 51px;
		height: 44px;
		background: url(../../assets/images/home/audio.gif) top center no-repeat;
		display: inline-block;
		text-indent: -9999px;
		overflow: hidden;
		margin-right: 16px;
	}

#media_icons a.bulletin {
	width: 69px;
	height: 44px;
	background: url(../../assets/images/home/bulletin.gif) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 16px;
}
	
	#media_icons a.bulletin:hover {
		background: url(../../assets/images/home/bulletin.gif) bottom center no-repeat;
	}
	
	#media_icons div.bulletin {
		width: 69px;
		height: 44px;
		background: url(../../assets/images/home/bulletin.gif) top center no-repeat;
		display: inline-block;
		text-indent: -9999px;
		overflow: hidden;
		margin-right: 16px;
	}

#media_icons a.insert {
	width: 53px;
	height: 44px;
	background: url(../../assets/images/home/insert.gif) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
}
	
	#media_icons a.insert:hover {
		background: url(../../assets/images/home/insert.gif) bottom center no-repeat;
	}
	
	#media_icons div.insert {
		width: 53px;
		height: 44px;
		background: url(../../assets/images/home/insert.gif) top center no-repeat;
		display: inline-block;
		text-indent: -9999px;
		overflow: hidden;
	}

#media_icons a.notes {
	width: 53px;
	height: 44px;
	background: url(../../assets/images/home/notes.gif) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
}
	
	#media_icons a.notes:hover {
		background: url(../../assets/images/home/notes.gif) bottom center no-repeat;
	}
	
	#media_icons div.notes {
		width: 53px;
		height: 44px;
		background: url(../../assets/images/home/notes.gif) top center no-repeat;
		display: inline-block;
		text-indent: -9999px;
		overflow: hidden;
	}
	
/* ----------------------*/
/* ---->>>  HOMEPAGE HIGHLIGHTS
/* ----------------------*/
	
#highlights {
	background-color: #FFFFFF;
	padding-top: 20px;
	clear: both;
}

	#highlights #top_border {
		clear: both;
		border-top: solid 1px #dcceab;
	}

	#highlights div.item {
		background: url(../../assets/images/home/highlight_pic_white.gif) left 10px no-repeat;
		min-height: 119px;
		clear: both;
		padding: 10px 0 10px 10px;
	}
	
	#highlights div.tan {
		background: url(../../assets/images/home/highlight_pic_tan.gif) left 10px no-repeat #F2EFE6;
		padding: 10px 0 10px 10px;
	}
	
	#highlights .item .image {
		padding: 0 20px 0 0;
		float: left;
		margin: 17px 0 10px 7px;
		background: none;
	}
	
	#highlights .text {
		padding: 3px 20px 0 0;
		margin: 0;
	}
	
	#highlights h4 {
		border: none;
		margin: 0;
		padding: 0;
		line-height: 1em;
		padding: 13px 0 4px 0;
		font-size: 1.3em;
	}
	
	#highlights .campus {
		text-transform: uppercase;
		color: #8a673b;
	}
	
	#highlights h4 a {
		text-decoration: none;
		color: inherit;
	}
	
	#highlights h4 a:hover {
		text-decoration: underline;
	}
	
/* ------------------------------------------------------*/
/* ------------->>>  2.2. I'M NEW
/* ------------------------------------------------------*/

#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 #F2EFE6;
}


#signature {
	background: url(../../assets/images/im_new/david_sig.gif) top left no-repeat;
	padding: 85px 0 20px 65px;
	
}

/* ------------------------------------------------------*/
/* ------------->>>  2.3. ABOUT US
/* ------------------------------------------------------*/

div.believe_show_hide {
	border-bottom: solid 1px #F2EFE6;
}

div.believe_show_hide h5 {
		cursor: pointer;
		border-top: solid 1px #F2EFE6;
		padding: 10px 0 10px 15px;
		margin: 0 0 0 0;
	}
	
	div.believe_show_hide h5:hover {
		background-color: #F2EFE6;
	}
	
	div.believe_content {
		padding: 10px 20px 20px 35px;
	}

div.history {
		padding: 10px;
		border: 1px solid #F2EFE6;
		margin-bottom: 10px;
	}
	
		div.history div.pic {
			float:left; 
			margin: 0 15px 0 0; 
			border: 5px solid #F2EFE6;
		}

#staff_pic {
	float: right;
	margin: 20px 0 20px 20px;
}

	.staff_pic_preview {
		height: 100px;
		width: 100px;
		padding: 5px;
		background-color: #F2EFE6;
		overflow: hidden;
	}
	
#staff_tables table td {
	vertical-align: top;
	padding-top: 40px;
}


#staff_tables h4 {
	border: none;
	margin-top: 30px;
}

p#bio_divider {
	border-top: 1px solid #F2EFE6;
	padding-top: 10px;
	margin-top: 10px;
}

/* ------------------------------------------------------*/
/* ------------->>>  2.4. GETTING CONNECTED
/* ------------------------------------------------------*/



/* ------------------------------------------------------*/
/* ------------->>>  2.5. MEDIA
/* ------------------------------------------------------*/

.twtr-widget h3, .twtr-widget h4 {
	border: none;
	font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif;
}

/* ------------------------------------------------------*/
/* ------------->>>  2.6. MINISTRIES
/* ------------------------------------------------------*/

/* ----------------------*/
/* ---->>>  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;}
	
/* ----------------------*/
/* ---->>>  OUTREACH
/* ----------------------*/
	
#life_changing_pics {
	background-color: #F2EFE6;
	padding: 5px;
	float: right;
	margin: 0 0 20px 20px;
}

/* ------------------------------------------------------*/
/* ------------->>>  2.7. COMMUNITY
/* ------------------------------------------------------*/



/* ------------------------------------------------------*/
/* ------------->>>  2.8. MYHAVEN
/* ------------------------------------------------------*/

#myhaven_tables table td {
	border-bottom: 1px solid #F2EFE6;
}

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) top left no-repeat;
	height: 27px;
	width: 113px;
	border: none;
	overflow: hidden;
}

a.register:hover, a.register:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/framework/register_button.gif) bottom left no-repeat;
	height: 27px;
	width: 113px;
	border: none;
	overflow: hidden;
}

a.online_giving:link, a.online_giving:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: url(../../assets/images/framework/online_giving_button.gif) top left no-repeat;
	height: 27px;
	width: 209px;
	border: none;
	overflow: hidden;
}

a.online_giving:hover, a.online_giving:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/framework/online_giving_button.gif) bottom left no-repeat;
	height: 27px;
	width: 209px;
	border: none;
	overflow: hidden;
}

a.profile_editor:link, a.profile_editor:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: url(../../assets/images/framework/profile_editor_button.gif) top left no-repeat;
	height: 27px;
	width: 218px;
	border: none;
	overflow: hidden;
}

a.profile_editor:hover, a.profile_editor:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/framework/profile_editor_button.gif) bottom left no-repeat;
	height: 27px;
	width: 218px;
	border: none;
	overflow: hidden;
}

#container a.email:link, #container a.email:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: inline-block;
	background: url(../../assets/images/about_us/email_16.png) bottom left no-repeat;
	height: 16px;
	width: 16px;
	padding-right: 5px;
	margin-bottom: -4px;
	border: none;
	overflow: hidden;
}

#container a.email:hover, #container a.email:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/about_us/email_16.png) top left no-repeat;
	height: 16px;
	width: 16px;
	border: none;
	overflow: hidden;
}

#container a.bio:link, #container a.bio:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: inline-block;
	background: url(../../assets/images/about_us/bio_16.png) bottom left no-repeat;
	height: 16px;
	width: 16px;
	padding-right: 5px;
	margin-bottom: -4px;
	border: none;
	overflow: hidden;
}

#container a.bio:hover, #container a.bio:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/about_us/bio_16.png) top left no-repeat;
	height: 16px;
	width: 16px;
	border: none;
	overflow: hidden;
}

#container a.twitter:link, #container a.twitter:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: inline-block;
	background: url(../../assets/images/about_us/twitter_16.png) bottom left no-repeat;
	height: 16px;
	width: 16px;
	padding-right: 5px;
	margin-bottom: -4px;
	border: none;
	overflow: hidden;
}

#container a.twitter:hover, #container a.twitter:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/about_us/twitter_16.png) top left no-repeat;
	height: 16px;
	width: 16px;
	border: none;
	overflow: hidden;
}

#container a.blog:link, #container a.blog:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: inline-block;
	background: url(../../assets/images/about_us/blog_16.png) bottom left no-repeat;
	height: 16px;
	width: 16px;
	padding-right: 5px;
	margin-bottom: -4px;
	border: none;
	overflow: hidden;
}

#container a.blog:hover, #container a.blog:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/about_us/blog_16.png) top left no-repeat;
	height: 16px;
	width: 16px;
	border: none;
	overflow: hidden;
}

div.unavailable {
	color: #c2c7ae;
	font-style: italic;
}

/* ------------------------------------------------------*/
/* ------------->>>  2.9. CALENDAR
/* ------------------------------------------------------*/
				
#calendar .daySpacing	{
	margin-top:10px;
	}
	
#calendar .monthSpacing	{
	margin-top:30px;
	border-bottom: 1px solid #dcceab;
	color:#dcceab;
	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: 2px 0px 7px 10px;*/
		padding: 2px 0px 2px 10px;
		color: #2c7198;
		
		}
		
	#calendar .event:hover {
		background-color: #F2EFE6;	
	}
	
	#calendar .event .details {
		font-style: normal;
	}
	
	#calendar .event em	{
		color: #3e3c2f;
	}
		
		
#calendar_filtering {
	padding: 20px 0 5px 0;
}

#calendar_filters {
	border: solid 1px #F2EFE6;
}
	#cal_filter_legend {
		padding: 0 5px 0 5px;
	}

#calendar .group1 {
	width: 10px;
	height: 10px;
	background-color: #1F6CB4;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group2 {
	width: 10px;
	height: 10px;
	background-color: #D66262;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group3 {
	width: 10px;
	height: 10px;
	background-color: #539F4D;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group4 {
	width: 10px;
	height: 10px;
	background-color: #AEC85E;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group5 {
	width: 10px;
	height: 10px;
	background-color: #FF9C3C;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group6 {
	width: 10px;
	height: 10px;
	background-color: #844141;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group7 {
	width: 10px;
	height: 10px;
	background-color: #A058AB;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group8 {
	width: 10px;
	height: 10px;
	background-color: #CA8787;
	float:left;
	margin: 4px 5px 0 0;
	}
#calendar .group9 {
	width: 10px;
	height: 10px;
	background-color: #219f9b;
	float:left;
	margin: 4px 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 .group9 {
	width: 10px;
	height: 10px;
	background-color: #219f9b;
	float:left;
	margin: 3px 4px 0 0;
	}
	
#calendar_filtering input {
	float:left;
	}

/* ------------------------------------------------------*/
/* ------------->>>  2.10. KIOSK
/* ------------------------------------------------------*/
	
a.kiosk_register:link, a.kiosk_register:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: url(../../assets/images/kiosk/register_up.jpg) top left no-repeat;
	height: 201px;
	width: 217px;
	border: none;
	overflow: hidden;
}

a.kiosk_register:hover, a.kiosk_register:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/kiosk/register_over.jpg) top left no-repeat;
	height: 201px;
	width: 217px;
	border: none;
	overflow: hidden;
}

a.kiosk_update:link, a.kiosk_update:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: url(../../assets/images/kiosk/profile_up.jpg) top left no-repeat;
	height: 201px;
	width: 217px;
	border: none;
	overflow: hidden;
}

a.kiosk_update:hover, a.kiosk_update:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/kiosk/profile_over.jpg) top left no-repeat;
	height: 201px;
	width: 217px;
	border: none;
	overflow: hidden;
}

a.kiosk_give:link, a.kiosk_give:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: url(../../assets/images/kiosk/give_up.jpg) top left no-repeat;
	height: 201px;
	width: 217px;
	border: none;
	overflow: hidden;
}

a.kiosk_give:hover, a.kiosk_give:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/kiosk/give_over.jpg) top left no-repeat;
	height: 201px;
	width: 217px;
	border: none;
	overflow: hidden;
}

a.kiosk_browse:link, a.kiosk_browse:visited {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: url(../../assets/images/kiosk/browse_up.jpg) top left no-repeat;
	height: 201px;
	width: 217px;
	border: none;
	overflow: hidden;
}

a.kiosk_browse:hover, a.kiosk_browse:active {
	text-decoration: none;
	text-indent: -9999px;
	background: url(../../assets/images/kiosk/browse_over.jpg) top left no-repeat;
	height: 201px;
	width: 217px;U
	border: none;
	overflow: hidden;
}

/* ------------------------------------------------------*/
/* ------------->>>  2.11. RESOURCES
/* ------------------------------------------------------*/

#bible_study_resources table {
	margin-top: 10px;
}

/* ------------------------------------------------------*/
/* ------------->>>  2.12. VERSUS FANCYBOX
/* ------------------------------------------------------*/

.versus_ad {
	background: url(../../assets/images/versus/versus_ad.jpg) top left no-repeat; width:660px; height: 124px; margin-bottom: 10px; display:block;
}

.versus_ad:hover {
	background: url(../../assets/images/versus/versus_ad.jpg) bottom left no-repeat; width:660px; height: 124px; margin-bottom: 10px; cursor: pointer; display:block;
}

#versus_ad {
	border: 10px solid #ffeebf;
	padding: 10px 10px 20px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;	
	font-size: 110%;
	font-style: italic;
}

.header_versus {
	background: url(../../assets/images/versus/header_versus.gif) top left no-repeat; width:311px; height: 43px; margin-bottom: 10px; text-indent: -999px; overflow: hidden;
}

.header_book {
	background: url(../../assets/images/versus/header_book.gif) top left no-repeat; width:217px; height: 43px; margin-bottom: 10px; text-indent: -999px; overflow: hidden;
}

.versus_book {
	background: url(../../assets/images/versus/click_here.jpg) top left no-repeat; width:255px; height: 108px; display:block; margin-left: -16px; text-indent: -999px; overflow: hidden;
}

.versus_book:hover {
	background: url(../../assets/images/versus/click_here.jpg) bottom left no-repeat; width:255px; height: 108px; cursor: pointer; display:block; margin-left: -16px; text-indent: -999px; overflow: hidden;
}

.versus_laptop {
	background: url(../../assets/images/versus/versus_laptop.jpg) top left no-repeat; width:81px; height: 60px; display:block; margin: 0 15px 0 0; float: left;
}