/* Start of CMSMS style sheet 'index-layout' */
/* Index Pages CSS */
/* Patrick Goff */
/* patrickgoff.co.nz */

/* Universal Reset */
* {
	margin: 0;
	padding: 0;
}
/* Clearing & Floats*/
.clear-both {
	clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* Basic Styles */
body {
	background: #000;
	color: #fff;
	font-family: sans-serif;
	font-size: 16px;
}
a {
  outline: none;
}

a img {
	border: none;
}
#fbcmain {
	margin: 0 auto;
	width: 942px;
}
#header {
	height: 69px;
}
#logo, #menu {
	width: 369px;
	height: 69px;
}
#logo {
	float: left;
	background: url(../img/fbc-wolfforth-logo.gif) no-repeat top center;
}
#logo a {
        display: block;
        width: 369px;
        height: 69px;
}
#logo h1, #logo small {
	color: #fff;
	display: block;
	text-indent: -9999px;
}
#menu {
	float: right;
	text-align: right;
	line-height: 69px;
	vertical-align: middle;
	color: #81ce2e;
}
#menu ul li {
	display: inline;
	list-style: none;
	font-size: 0.8em;
}

#content {z-index:1}

#menu ul li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
#main-image {
	width: 734px;
	padding-top: 7px;
	float: left;
	background: url(../img/main-photo-top.gif) no-repeat top center;
z-index:2;
}
	#main-image-inner {
		padding-left: 7px;
		background: url(../img/main-photo-bckgrnd.gif) repeat-y top center;
                height: 456px;
z-index:3;
	}
#slideshow {z-index:1;}
#sidebar {
	width: 208px;height:470px;overflow:hidden;
	float: right;
	color: #000;
	font-size: 0.75em;background: url(../img/welcome-top.gif) no-repeat top center;
}
#sidebar p {
	padding: 0 10px 10px;
}
	#first-time {
		width: 208px;
		height: 104px;
		margin-top: 10px;
	}
	#first-time a {
		display: block;
		width: 208px;
		height: 104px;
		background: url(../img/button-firsttime01.gif) no-repeat top center;
	}
	#first-time a:hover {
		background: url(../img/button-firsttime02.gif) no-repeat top center;
	}
	#first-time h1, #first-time small {
		display: block;
		text-indent: -99999px;
	}
	#welcome {
		width: 208px;
		margin-top: 9px;height:337px;
		background: #fff url(../img/welcome-bottom.gif) no-repeat bottom center; padding-bottom:10px;overflow:hidden;
	}
	#welcome img {
		padding-bottom: 2px;
	}

#navigation {color:#fff;margin-bottom:10px;height:104px;z-index:999;position:relative;}
ul.home-nav {list-style:none;float:left;}
ul.home-nav li {float:left;position:relative;}

ul.home-nav li a {display:block;height:104px;text-indent:-9999px;}

ul.home-nav li a.ministries {width: 236px;margin-right: 10px;background: url(../img/button-ministries01.jpg) no-repeat left center;}
ul.home-nav li a.ministries:hover {background: url(../img/button-ministries02.jpg) no-repeat left center;}

ul.home-nav li a.sermons {width: 234px;margin-right: 10px;background: url(../img/button-sermons01.jpg) no-repeat left center;}
ul.home-nav li a.sermons:hover {background: url(../img/button-sermons02.jpg) no-repeat left center;}

ul.home-nav li a.blogs {width: 234px;margin-right: 10px;background: url(../img/button-blogs01.jpg) no-repeat left center;}
ul.home-nav li a.blogs:hover {background: url(../img/button-blogs02.jpg) no-repeat left center;}

ul.home-nav li a.resources {width: 208px;background: url(../img/button-resources01.jpg) no-repeat left center;	}
ul.home-nav li a.resources:hover {background: url(../img/button-resources02.jpg) no-repeat left center;}

ul.home-nav li ul {   display:none;   background: #81ce2e url(../img/navigation-top-green.jpg) no-repeat top center;border: 5px solid #000; left:0;list-style:none;padding-top:10px;position:absolute;top:104px;width:208px;z-index:999;}
ul.home-nav li ul li {float:none;padding-left:10px;text-indent:0;}
ul.home-nav li ul li.last-item {padding-bottom:10px;background: url(../img/navigation-bottom-green.jpg) no-repeat bottom center;}

ul.home-nav li:hover ul {display:block;}


ul.home-nav li ul li a {color:#fff;font-weight:bold;font-size:12px;height:1em;padding:4px;text-decoration:none;text-transform:uppercase;text-indent:0;}
ul.home-nav li ul li a:hover {color:#666;}


#footer {
	height: 25px;
  clear:both;
	width: 70%;
	margin: 0 auto 25px;
	line-height: 25px;
	vertical-align: bottom;
	color: #fff;
	font-size: 0.8em;
}
#footer a, #footer a:hover {
	color: #fff;
}
/* End of 'index-layout' */