@charset "UTF-8";

/* CSS Document */

#home_top {
	height: 263px;
	margin-bottom: 30px;
}

#welcome {
	background: url("../images/welcome.png") no-repeat scroll 5px 5px transparent;
	color: #fff;
	float: left;
	font-size: 0.8em;
	height: 228px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin: 15px 0 0 20px;
	padding-top: 50px;
	width: 250px;
}

#welcome p {
	margin: 0 0 0 22px;
}

#welcome ul {
	display: block;
	height: 45px;
	margin: 20px 0 0 20px;
}

#welcome ul li {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 20px;
	float: left;
}

#welcome ul li a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
}

#welcome ul li a.twitter {
	background: url(../images/img_icon2.png) no-repeat top left;
}

#welcome ul li a.facebook {
	background: url(../images/img_icon1.png) no-repeat top left;
}

#welcome ul li a.rss {
	background: url(../images/img_icon3.png) no-repeat top left;
}

#home_bottom div#latest_news {
	margin: 0;
}

/*--Main Container--*/

.main_view {
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/

.window {
	margin: 15px 0;
	height: 210px;
	width: 569px;
	overflow: hidde

n;
	/*--Hides anything outside of the set width/height--*/
	position: relative;
	float: left;
	border: #3b4652 10px solid;
	background: #3b4652;
}

/*sliderchurch Plugin Styles*/

#sliderchurch {
	height: 211px;
	width: 569px;
	overflow: hidden;
	position: relative;
}

#sliderchurch img, #sliderchurch a {
	position: absolute;
	z-index: 0;
}

#sliderchurch .prevslide, #sliderchurch .prevslide img {
	z-index: 1;
}

#sliderchurch .activeslide, #sliderchurch .activeslide img {
	z-index: 2;
}

/*-- boxes styles --*/

div.box {
	height: 222px !important;
	width: 270px;
	position: relative;
	float: left;
	background: url(../images/box.header.bg.png) no-repeat top left;
	margin-right: 36px;
	color: #3f3f3f;
}

#upcoming_events {
	margin-right: 0px !important;
}

span.box_header {
	display: block;
	height: 42px;
}

span.box_header h3 {
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 270px;
}

.box_subjects {
	background: url(../images/recentpost.png) no-repeat 20px 8px;
}

.box_sermons {
	background: url(../images/recentsermon.png) no-repeat 20px 8px;
}

.box_events {
	background: url(../images/upcomingevents.png) no-repeat 20px 12px;
}

span.box_content {
	display: block;
	height: 125px;
	padding: 10px 20px 20px;
	font-size: 0.7em;
	position: relative;
	background: #b0c3cf;
}

div.news_box {
	margin: 0;
	clear: both;
}

.news_box span {
	display: block;
	float: left;
}

.news_box span.news_box_icon {
	width: 45px;
	height: 45px;
	overflow: hidden;
	margin: 11px 10px 11px 0;
}

.news_box_content {
	height: 45px;
	overflow: hidden;
	padding: 12px 0;
	width: 175px;
}

.news_box_content h3 a, .sermon_box_content h3 a {
	text-decoration: underline;
	color: #3f3f3f;
}

.news_box_content h3 a:hover, .sermon_box_content h3 a:hover {
	color: #1a85eb;
}

.news_date {
	font-size: 7pt;
	font-variant: small-caps;
}

.read_more {
	clear: both;
	display: block;
	height: 12px;
	margin-left: 157px;
}

.sermon_box_icon {
	height: 90px;
	width: 55px;
	margin: 20px 10px 20px 0;
	display: block;
	float: left;
}

.sermon_box_content {
	display: block;
	float: left;
	width: 155px;
	height: 130px;
}

.sermon_box_content span {
	display: block;
	margin-top: 25px;
	padding: 2px 0 0 2px;
	width: 175px;
	height: 50px;
	background: url(../images/home.box.sermons.player.png) no-repeat top left;
}

.sermon_box_content a.listen {
	background: url("../images/home.box.sermons.more.png") no-repeat scroll right top transparent;
	color: #3F3F3F;
	display: block;
	font-size: 1.2em;
	height: 15px;
	margin-top: 10px;
	width: 160px;
	padding-left: 5px;
}

.sermon_box_content a.listen:hover {
	color: #1a85eb;
}

.box_footer {
	height: 17px;
	width: 270px;
	background: url(../images/box.footer.bg.png) no-repeat bottom left;
}