/* ----------------------------------------------------------------
* BROWSER RESET
 * ---------------------------------------------------------------- 
*/ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html, body { 
  line-height: 1.5; 
  height: 100%;
}

.clear {
	clear: both;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------------------------------------------- 
 *  GLOBAL
 * ---------------------------------------------------------------- 
*/ 

html { font-size: 75%; }
body { background: url(http://myheritagechurch.com/images/interface/body_bkg.gif) #F4ECE2 repeat-x; font-family: "Lucida Grande", "Helvetica", Arial, sans-serif; color: white;}

.clear { clear: both; width: 1px; height: 1px; margin: 0; padding: 0; }
.hidden { display: none; }
a { text-decoration: none; color: white;}
a:hover {text-decoration: none;}
p {font-size:0.85em; line-height:1.98em; letter-spacing: .03em;}


/* ----------------------------------------------------------------
* FRAMING
 * ---------------------------------------------------------------- 
*/ 


#outside {
	background: url(http://myheritagechurch.com/images/interface/main_bkg.jpg) 50% 0 no-repeat;
	min-height: 100%;
   	margin-bottom: -60px;
   	position: relative;
	}

#container {
	width: 960px;
	margin: 0 auto;
}

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

#header {
	padding: 30px 0 0 0;
}

#header .logo {
	height: 53px;
	width: 211px;
	float: left;
	margin-left: 23px;
}

#header .searchbox {
	float: right;
	background: #cbc2b6;
	height: 32px;
	width: 180px;
	margin: 21px 10px 0 0;
	padding: 6px;
	height: 22px;
}

#header .searchbox #search {
	height: 14px;
	width: 150px;
	float: left;
}

#header .searchimage {
	float: right;
	display: block;
	background: url(http://myheritagechurch.com/images/interface/searchimage.png) no-repeat;
	height: 20px;
	width: 20px;
	border: none;
	cursor: pointer;
}

/* ----------------------------------------------------------------
* CONTENT
 * ---------------------------------------------------------------- 
*/


/*** HOME ***/

#container #nav {
 margin: 15px 0 10px 0;
 height: 15px;
}

#container #nav li {
	float: left;
	font-size: 1.15em;
	padding: 0 25.75px;
	list-style: none;
	color: #5f5649;
}

#container #nav li a {
	color: #5f5649;
	text-decoration: none;
}

#container #nav li a:hover {
	color: #6b747c;
	text-decoration: none;
}


#container #main_col {
	width: 660px;
	float: left;
}

#container #main_col #gallery {
	background: url(http://myheritagechurch.com/images/interface/slideshow_bkg.png) top right no-repeat;
	width: 660px;
	height: 372px;
}
	#gallery .inside {
	width: 620px;
	height: 340px;
	padding: 15px 17px 15px 32px;
	position:relative;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:35px; 
		width:375px; 
		position:absolute;
		right:27px;
		top: 314px;
		font-size: 1.3em;
	}

	#gallery .caption .content {
		margin:6px 30px 2px 10px;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:white;
		font-size: 1.24em;
	}


#container #main_col .info_mod {
	background: url(http://myheritagechurch.com/images/interface/info_mod.png) top right no-repeat;
	width: 540px;
	height: 385px;
	float: right;
	margin-top: 5px;
	padding:  17px 30px 31px 90px;
}

#container #side_col {
	width: 300px;
	float: right;
}

#container #side_col .top_mod {
	background: url(http://myheritagechurch.com/images/interface/brown_mod.png) top left no-repeat;
	width: 240px;
	height: 266px;
	padding: 30px;
	position: relative;
	color: #E1D9CE;
}

#container #side_col .top_mod h1 {
	font-size: 2.25em;
	line-height: normal;
	color: white;
}

#container #side_col .top_mod h2 {
	line-height: normal;
	font-size: 1.5em;
	color: white;
	padding-bottom: 6px;
}

#container #side_col .top_mod p{
	font-size: 85%;
	color: #E1D9CE;
}

#container #side_col .top_mod ul {
	font-size: 90%;
	list-style: none;
	padding: 10px 0 0 10px;
	color: #e1d9ce;
}

#container #side_col .top_mod ul li {
	padding: 1px 0;
}

#container #side_col .stumps {
	position: absolute;
	background: url(http://myheritagechurch.com/images/interface/stumps.png) no-repeat;
	height: 131px;
	width: 171px;
	bottom: -5px;
	left: 152px;
}

#container #side_col .bottom_mod {
	width: 300px;
	margin: -2px 0 10px 0;
}

	.bottom_mod_tgreen {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_t.png) no-repeat;
	height: 29px;
	}
	
	.bottom_mod_mgreen {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_m.png) repeat-y;
	min-height: 400px;
	padding: 0 30px 0 30px;

	}
	
	.bottom_mod_bgreen {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_b.png) no-repeat;
	height: 29px;
	}

	
	.bottom_mod_tyellow {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_yellow_t.png) no-repeat;
	height: 29px;
	}
	
	.bottom_mod_myellow {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_yellow_m.png) repeat-y;
	min-height: 400px;
	padding: 0 30px 20px 30px;

	}
	
	.bottom_mod_byellow {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_yellow_b.png) no-repeat;
	height: 29px;
	}
	
	.yellow {
	color: #fdf1d7 !important;
	}
	
	.yellow_h4 {
		border-bottom: 1px solid #fdf1d7 !important;
		margin-bottom: 6px !important;
	}

	.yellow p {
		font-size: 85%;
		padding: 0px 0 7px;
	}
	
	.bottom_mod_tteal {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_teal_t.png) no-repeat;
	height: 29px;
	}
	
	.bottom_mod_mteal {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_teal_m.png) repeat-y;
	min-height: 400px;
	padding: 0 30px 20px 30px;
	color: #d9ebee;
	}
	
	.bottom_mod_bteal {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_teal_b.png) no-repeat;
	height: 29px;
	}

	
	.teal {
	color: #e2f1f3 !important;
	}
	
	.teal_h4 {
		border-bottom: 1px solid #e2f1f3 !important;
		margin-bottom: 6px !important;
	}

	.teal p {
		font-size: 85%;
		padding: 0px 0 7px;
	}

	.bottom_mod_tblue {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_blue_t.png) no-repeat;
	height: 29px;
	}
	
	.bottom_mod_mblue {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_blue_m.png) repeat-y;
	min-height: 400px;
	padding: 0 30px 20px 30px;
	color: #a1aebb;

	}
	
	.bottom_mod_bblue {
	background: url(http://myheritagechurch.com/images/interface/bottom_mod_blue_b.png) no-repeat;
	height: 29px;
	}


	.bluemod {
	color: #e2f1f3 !important;
	}
	
	.bluemod_h4 {
		border-bottom: 1px solid #dce6f0 !important;
		margin-bottom: 6px !important;
	}

	.bluemod p {
		font-size: 85%;
		padding: 0px 0 7px;
	}

	
#container #side_col .bottom_mod h4 {
	text-transform: uppercase;
	font-size: 1.5em;
	color: white;
	border-bottom: 1px solid #becea7;
	padding-bottom: 5px;
}

#container #side_col .bottom_mod h4.latest_message {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #e5e4da;
	border: none;
}


#container #side_col .bottom_mod .tweet {
	background-color: #aa8c4b;
	padding: 10px;
}

#container #side_col .bottom_mod .tweet h5 {
	border-bottom: none !important;
	font-size: 1.3em;
	padding-bottom: 7px;
	text-transform: none !important;
}


/* HOMEPAGE EVENTS */

#container #side_col .bottom_mod .home_event {
	height: 80px;
	font-size: 90%;
	border-bottom: 1px dotted #6b7f4e;
	padding-top: 10px;
}

#container #side_col .bottom_mod .home_event:last-child {
	border-bottom: none;

}

#container #side_col .bottom_mod .home_event .event_title {
	color: white;
	font-size: 1em;
	font-weight: bold;
}

#container #side_col .bottom_mod .home_event p.details {
	color: #24320f;
	min-height: 30px;
}

#container #side_col .bottom_mod .home_event span.link a {
	color: #d5dfc6;
	margin-top: 7px;
	padding-right: 13px;
	float: right;
	background: url(http://myheritagechurch.com/images/interface/green_arrow.gif) no-repeat center right;
}


#container #side_col .bottom_mod .green_accent {
	background: #849b62;
	padding: 15px;
	margin-top: 10px;
}

#container #side_col .bottom_mod .green_accent .message {
	background: #768b58;
	padding: 5px 10px;
	margin: 6px 0 0 0;
}

#container #side_col .bottom_mod .green_accent .message span {
	color: white;
	font-size: 85%;

}

#container #side_col .bottom_mod .green_accent .message span.play{
	font-weight: bold;
	float: right;
}

#container #side_col .bottom_mod .green_accent p.download {
	color: #586842;
	padding: 5px 10px;
}


/* HOMEPAGE TABS */

.htabs {	
	overflow:hidden;
	margin: 0 auto;
	width: 540px;
}

.htabs h3 a {
	font-size: 1.8em;
	color: #ced3d8;
}

.htabs li {
	float:left;
	margin-top: 2px;
	padding: 3px 33px 0 33px;
	overflow: hidden;
	border-right: 1px solid #8592a0;
}

.htabs li:first-child {
	padding-left: 8px;
}
.htabs li:last-child {
	border: none;
	padding-right: 0;
}

.tabs .bullet {
	border-right:1px solid #e00;
	color:#d00;
	font: bold 1em Georgia,"Times New Roman",Times,serif;
	margin: 0px 4px 4px 0;
	padding-right:4px;
	clear:right;
	display:block;
	float:left;
	height:17px;
	overflow:hidden;
	text-align:right;
	width:10px;
}

.bmod .bullet {
	background-color:#fff;
	margin:-9px 6px 0 -10px;
	padding:8px;
}

.tabs {
	margin-top:2px;
	overflow:hidden;
}

.tabs li {
	background-color:#EEEEEE;
	clear:both;
	margin:4px 0;
	padding:9px;
	font-family: "NuvoOT-medi";
}

.tabs li a:hover {
	padding-left:1px;
}

.tabs #about {
	background: url(http://myheritagechurch.com/images/interface/nav_about_arrow.gif) #304151 no-repeat top left;
	padding: 24px 16px 16px 16px;
	height: 260px;
	position: relative;
}

.tabs #values {
	background: url(http://myheritagechurch.com/images/interface/nav_values_arrow.gif) #304151 no-repeat top left;
	padding: 24px 16px 16px 16px;
	height: 260px;
	position: relative;
}

.tabs #beliefs {
	background: url(http://myheritagechurch.com/images/interface/nav_beliefs_arrow.gif) #304151 no-repeat top left;
	padding: 24px 16px 16px 16px;
	height: 260px;
	position: relative;
}

.tabs #outreach {
	background: url(http://myheritagechurch.com/images/interface/nav_outreach_arrow.gif) #304151 no-repeat top left;
	padding: 24px 16px 16px 16px;
	height: 260px;
	position: relative;

}

.tabs h6 {
	color: white;
	font-size: 1.06em;
}

.tabs p {
	color: #a1aebb;
	margin-top: 5px;
}

.tabs span.link a {
	color: #c6d1db;
	font-size: 95%;
	margin-top: 7px;
	padding-right: 13px;
	float: right;
	background: url(http://myheritagechurch.com/images/interface/blue_arrow.gif) no-repeat center right;
	position: absolute;
	bottom: 15px;
	right: 20px;
}

/*** MEDIA ***/


#container #main_col .top {
	height: 24px;
}

#container #main_col .middle {
	padding: 11px 52px;
}

#container #main_col .middle ol {
	padding: 0 0 0 22px;
}

#container #main_col .middle ol li {
	padding: 7px 0;
}

#container #main_col .middle img {
	padding: 0 0 10px 0;
}

#container #main_col .bottom {
	height: 23px;
}

	#container #main_col .blue .top  {
		height: 24px;
		background: url(http://myheritagechurch.com/images/interface/box_blue_top.png) no-repeat;
	}
	
	#container #main_col .blue .middle  {
		background: url(http://myheritagechurch.com/images/interface/box_blue_middle.png) repeat-y;
	}
	
	#container #main_col .blue  .bottom {
		background: url(http://myheritagechurch.com/images/interface/box_blue_bottom.png) no-repeat;
	}
	
	#container #main_col .blue {
		color: #c6d1db;
	}
	
	#container #main_col .brown .top  {
		height: 24px;
		background: url(http://myheritagechurch.com/images/interface/box_brown_top.png) no-repeat;
	}
	
	#container #main_col .brown .middle  {
		background: url(http://myheritagechurch.com/images/interface/box_brown_middle.png) repeat-y;
	}
	
	#container #main_col .brown  .bottom {
		background: url(http://myheritagechurch.com/images/interface/box_brown_bottom.png) no-repeat;
	}
	
	#container #main_col .brown {
		color: #cecece;
	}

	#container #main_col .red .top  {
		height: 24px;
		background: url(http://myheritagechurch.com/images/interface/box_red_top.png) no-repeat;
	}
	
	#container #main_col .red .middle  {
		background: url(http://myheritagechurch.com/images/interface/box_red_middle.png) repeat-y;
	}
	
	#container #main_col .red  .bottom {
		background: url(http://myheritagechurch.com/images/interface/box_red_bottom.png) no-repeat;
	}
	
	#container #main_col .red {
		color: #e5bab9;
	}

#container #main_col #main h1 {
	font-size: 2.45em;
	margin-bottom: 10px;
	color: white;
}

#container #main_col #main .media_title {
	padding: 10px 0;
	display: block;
	font-size: 94%;
}

.title {
	padding: 7px 0 0px 0;
	display: block;
	font-size: 95%;
	color: white;
}

.event_title2 {
	font-size: 1.5em;
	padding-bottom: 10px;
}

.title:first-child {
	padding: 5px 0 0px 0;

}

#google_map {
	position: relative !important;
	margin: 10px 0 !important;
	height: 250px !important;
	width:554px !important;
}

#container #main_col #main .row {
	width: 100%;	
	height: 15px;
	width: 521px;
	padding: 8px 15px;
	font-size: 85%;	
}

#container #main_col #main .row:nth-child(even) {
	background: #4b657d;
}

	#main .date {float: left; width: 80px;}
	#main .name {float: left; width: 225px; font-weight: bold;}
	#main .speaker {float: left; width: 150px;}
	#main .play {float: left; width: 50px;}
	#main .download {float: left; width: 65px;}

#container #main_col #main .row a {
	font-weight: bold;
}

#container #main_col #main span.link {
	color: #c6d1db;
	font-size: 92%;
	width: 530px;
	margin: 0px 10px 20px 0;
	padding: 10px 15px 10px 0;
	float: right;
	text-align: right;
	border-bottom: 1px dotted #c6d1db;	
}

#container #main_col #main span.link a {
	color: #c6d1db;
	}

/*** LOCATION ***/


#container #main_col .middle .location_highlight {
	padding: 8px 15px 9px 15px;
	margin: 15px 0 15px 0;
	background-color: #797577;
	font-weight: bold;
}


/*** LEADERSHIP ***/


#container #main_col .middle .leader_container {
	padding: 15px 0;
	border-bottom: 1px dotted #8b7776;
}

#container #main_col .middle .leader_container:last-child {
	padding: 15px 0;
	border-bottom: none;
}

#container #main_col .middle .leader_container .leader_image {
	width: 165px;
	float: left;
}

#container #main_col .middle .leader_container .leader_info {
	float: left;
	width: 350px;
}

/* ----------------------------------------------------------------
* EVENTS
 * ---------------------------------------------------------------- 
*/

#container #main_col .middle .featured_event {
	background: #3b4f63;
	padding: 15px;
	margin: 10px 0 20px 0;
}

#container #main_col .middle .featured_title {
	font-size: 1.2em;
	line-height: 1.3em;
	padding-bottom: 5px;
}

#container #main_col .middle .featured_event img {
	float: left;
	margin-right: 20px;
}

#container #main_col .middle .featured_event .event_info {
	width: 265px;
	float: left;
	color: #a1aebb;
}


#container #main_col .middle .featured_event .event_info .event_details {
	margin-top: 10px;
	font-size: 80%;
	line-height: 1.5em;
}

#container #main_col .middle .featured_event .event_info .event_details a {
	color: #e2f1f3;
}

#container #main_col .middle .event {
	padding: 10px 0 10px 0;
	margin: 0px 15px;
	border-bottom: 1px dotted #626e7b;
}

#container #main_col .middle .event .eventpage_name {
	color: #c6d1db;
	font-size: 90%;
	float: left;
	width: 400px;
}

#container #main_col .middle .event .eventpage_date {
	color: #c6d1db;
	font-size: 88%;
	float: right;
}

#container #main_col .middle .event p {
	color: #a1aebb;
	font-size: 90%;
	padding: 6px 0;
}

#container #main_col .middle .event .eventpage_readmore {
	font-size: 85%;
	float: right;
}

/* ----------------------------------------------------------------
* FOOTER
 * ---------------------------------------------------------------- 
*/
 #footer {
	height: 60px;
	position: relative;
	background: #d7cfc6;
}

.clearfooter {
   height:30px;
   clear: both;
}

#footer .mini {
	float: left;
	width: 30px;
	margin: 19px 0 0 20px;
}

#footer .map {
	float: left;
	width: 700px;
	padding: 16px 0 6px 20px;
}

#footer .map p {
	color: #817c77;
	font-size: .80em;	
}

#footer a.footer {
	color: #817c77;
}

.center {margin: 0 auto; width: 960px;}