html, body
	{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	height: auto;
	background: url(../Images/background.jpg) repeat fixed 0 0;
	}
	
*	{
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #777777;
	}

h1, h2, h3, h4, h5 { line-height: 1.2em; }

h2	{
	margin: 0 0 20px 0;
	color: #96a532;
	font-size: 15px;
	}
h3	{
	color: #000;
	margin: 20px 0;
	font-size: 1em;
	}
hr	{
	margin: 3px 0;
	border: none;
	border-top: 1px solid #d1c6ca;
	}

a	{
	color: #0095e1;
	text-decoration: none;
	}
	a:hover { text-decoration: underline; }

div.shadowbox
	{
	background: url(../Images/shadow.png) repeat-y 993px 0;
	}
	
div.container
	{
	width: 993px;
	background: #fff;
	min-height: 100% !important;
	overflow: hidden;
	padding: 0 0 20px 0;
	}
	
div.topbar
	{
	background: #1c191a;
	margin: 0;
	padding: 0;
	width: 985px;
	height: 46px;
	}
	div.topbar ul#nav_766390
		{
		width: 780px;
		float: left;
		padding: 0;
		margin: 0;
		height: 46px;
position: relative;
z-index: 2;
		}
	a.logo
		{
		float: right;
		margin: 6px 7px 0 0;
		display: block;
		height: 36px;
		width: 145px;
		background: url(../Images/grow-life-church-logo.png) no-repeat 0 0;
		}
		
div.slideshow
	{
	height: 455px;
	width: 985px;
	margin: 5px 0 0 0;
	}
div.banner
	{
	height: 185px;
	width: 985px;
	margin: 5px 0 0 0;
	background: url(../Images/wesley-chapel-church-banner.jpg) no-repeat 0 0;
	}
	
div.utilityrow
	{
	width: 985px;
	margin: 5px 0 0;
	overflow: hidden;
	}
	ul.home-utils
		{
		padding: 0;
		margin: 0;
		float: left;
		}
		ul.home-utils li
			{
			display: inline;
			padding: 0 10px 0;
			}
			ul.home-utils * { font-size: 11px; }
	div.announce
		{
		float: right;
		
		}
		
div.home-trio
	{
	border-bottom: 1px solid #d1c6ca;
	padding: 0 0 3px 0;
	width: 936px;
	margin: 30px auto;
	}
div.home-trio-wrapper
	{
	background: #f1eeef;
	padding: 12px;
	overflow: hidden;
	}
	.blurb
		{
		border-left: 1px solid #d1c6ca;
		padding: 0 33px 0 10px;
		width: 260px;
		float: left;
		}
		.blurb h2 { margin: 0 0 15px 0; font-size: 13px; }
		.blurb p 
			{ 
			margin: 0; 
			color: #777777;
			font-size: 12px;
			}
			
div.trio-blurb
	{
	padding: 13px;
	background: #f1eeef;
	}
	div.trio-blurb:hover { background: #e4dfe0; }
	.blurb
		{
		border-left: 1px solid #d1c6ca;
		padding: 0 33px 0 10px;
		float: left;
		}
		.trio-blurb h2 { margin: 0 0 12px 0; color: #000; font-size: 13px; }
		.trio-blurb p 
			{ 
			margin: 0; 
			color: #777777;
			font-size: 12px;
			}
			
			
div.children-trio
	{
	border-bottom: 1px solid #d1c6ca;
	padding: 0 0 3px 0;
	width: 550px;
	margin: 30px auto;
	}
div.children-trio-wrapper
	{
	background: #f1eeef;
	padding: 12px;
	overflow: hidden;
	}
	.childrenblurb
		{
		border-left: 1px solid #d1c6ca;
		padding: 0 33px 0 10px;
		width: 210px;
		float: left;
		}
		.childrenblurb h2 { margin: 0 0 15px 0; font-size: 13px; }
		.childrenblurb p 
			{ 
			margin: 0; 
			color: #777777;
			font-size: 12px;
			}


div.home-welcome
	{
	background: #1c191a;
	padding: 17px 335px 17px 88px;
	width: 562px;
	}
	div.home-welcome h1
		{
		color: #fff;
		font-weight: normal;
		font-size: 18px;
		}
	div.home-welcome p
		{
		color: #777;
		}
		
div.footer
	{
	border-top: 1px solid #d1c6ca;
	padding: 10px 0 0 0;
	width: 936px;
	margin: 35px auto;
	background: url(../Images/grow-life-church-icon-lower.jpg) no-repeat 0 10px;
	overflow: hidden;
	}
	div.footer * { margin: 0; }
	div.footer .left
		{
		width: 300px;
		float: left;
		margin-left: 45px;
		}
	div.footer .right
		{
		width: 500px;
		float: right;
		text-align: right;
		}
		
div.pagetitle
	{
	background: #1c191a;
	padding: 25px 7px 2px 88px;
	margin: 40px 0 0;
	width: 890px;
	}
	div.pagetitle h1
		{
		color: #fff;
		font-weight: normal;
		font-size: 20px;
		margin: 0;
		font-family: DinSchrift, Arial;
		text-transform: uppercase;
		}

div.contentwrapper
	{
	overflow: hidden;
	margin: 30px 0 0;
	}
	div.leftcol
		{
		width: 555px;
		float: left;
		margin: 0 0 0 88px;
		}
	div.rightcol
		{
		float: right;
		width: 285px;
		}


/*Drop Down Menu*/
div.topbar ul#nav_766390 { 
    list-style: none;  
    padding: 0 20px;  
    margin: 0;  
    float: left;  
    font-size: 1.2em;  
}  
div.topbar ul#nav_766390 li {  
    float: left;  
    margin: 0 5px;  
    padding: 0 2px;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
div.topbar ul#nav_766390 li a{  
    padding: 12px 8px 11px 8px;  
    color: #0095e1;
    font-size: 15px;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
div.topbar ul#nav_766390 li.selected, div.topbar ul#nav_766390 li.selected a{ 
    background: #413b3d; color: #fff; }
div.topbar ul#nav_766390 li a:hover{  
    /*background: url(topnav_hover.gif) no-repeat center top;  */
    color: #fff;
}  

div.topbar ul#nav_766390 li.hovered { background: #413b3d !important; }
div.topbar ul#nav_766390 li.hovered a { color: #fff; padding-bottom: 12px; }
	}

div.topbar ul#nav_766390 li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
div.topbar ul#nav_766390 li ul {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 45px;  
    background: #1c191a;  
    background: #413b3d;
    margin: 0; padding: 4px 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 0px solid #111;
}  
div.topbar ul#nav_766390 li ul li{  
    margin: 0; padding: 0;  
    clear: both;  
    width: 170px;  
    background: none;
}  
html div.topbar  ul#nav_766390 li ul li a {  
    float: left;  
    width: 154px;
    padding: 3px 8px !important;
    font-size: 12px;
    background: none;
    color: #938e90 !important;
}  
html div.topbar ul#nav_766390 li ul li a:hover { /*--Hover effect for subnav links--*/  
    background: #413b3d !important;
    color: #fff !important;  
}  
div.topbar ul#nav_766390 li img { /*--Drop down trigger styles--*/  
	display: none !important; }  
	
	
	
div.subrow
	{
	width: 985px;
	margin: 5px 0 0;
	overflow: hidden;
	}
	.submenu ul
		{
		padding: 0;
		margin: 0;
		float: left;
		}
		.submenu ul li
			{
			display: inline;
			padding: 0 10px 0;
			display: none;
			}
			ul.submenu * { font-size: 13px; }
		.submenu ul li.section { display: block !important; }
		.submenu ul li.section a[href~='#']
			{ 
			position: absolute; 
			top: 190px; 
			left: 22px;
			font-size: 30px !important;
			text-transform: uppercase;
			cursor: default;
			text-decoration: none;
			color: #fff !important;
			}
		.submenu ul.sub { position: absolute; display: block; top: 241px; left: 15px; }
		.submenu ul li.active.section ul li a { display: inline !important; position: relative !important; font-size: 13px; width: auto !important; position: relative !important; top: 0 !important; left: 0 !important; text-transform: none !important; color: #0095e1; }
		.submenu ul li.active ul li { display: inline !important; }
		.submenu ul li.active ul li.active { color: #000; font-weight: bold; }
		.submenu ul li a img { display: none !important; }
			
	ul.content-utils
		{
		padding: 20px 0 0;
		margin: 0;
		float: right;
		width: 993px;
		text-align: right;
		}
		ul.content-utils li
			{
			display: inline;
			padding: 0 10px 0;
			}
			ul.content-utils * { font-size: 11px; }
			ul.content-utils li a
			{
			font-size: 11px;
			}
			
.FormWrapper
	{
	background: #f1f1f1;
	border: 3px solid #dfdfdf;
	width: 345px;
	padding: 20px;
	overflow:hidden;
	margin: 30px auto;
	}
.FormWrapper h1
	{
	color: #5c5d69;
	margin:10px 0 0 0;
	padding-bottom: 10px;
	}
.FormWrapper p
	{
	display:block;
	margin: 15px auto 20px auto;
	border-bottom: 1px dashed #959497 !important;
	padding: 0 0 17px 0;
	}
#staffbio {  
    width:100%;  
    display: none;  
    padding:10px 10px 10px 15px;  
    border:none;  
    background-color:#FDF4E1;  
}  
#staffbioslide {  
    display:block;  
    width:100%;  
    padding:5px 10px 5px 15px;  
    border:1px solid #D0E8F4;  
    background-color:#ECF8FD;  
} 
#staffbio2 {  
    width:100%;  
    display: none;  
    padding:10px 10px 10px 15px;  
    border:none;  
    background-color:#FDF4E1;  
}  
#staffbioslide2 {  
    display:block;  
    width:100%;  
    padding:5px 10px 5px 15px;  
    border:1px solid #D0E8F4;  
    background-color:#ECF8FD;  
} 
#staffbio3 {  
    width:100%;  
    display: none;  
    padding:10px 10px 10px 15px;  
    border:none;  
    background-color:#FDF4E1;  
}  
#staffbioslide3 {  
    display:block;  
    width:100%;  
    padding:5px 10px 5px 15px;  
    border:1px solid #D0E8F4;  
    background-color:#ECF8FD;  
} 
#staffbio4 {  
    width:100%;  
    display: none;  
    padding:10px 10px 10px 15px;  
    border:none;  
    background-color:#FDF4E1;  
}  
#staffbioslide4 {  
    display:block;  
    width:100%;  
    padding:5px 10px 5px 15px;  
    border:1px solid #D0E8F4;  
    background-color:#ECF8FD;  
} 
#staffbio5 {  
    width:100%;  
    display: none;  
    padding:10px 10px 10px 15px;  
    border:none;  
    background-color:#FDF4E1;  
}  
#staffbioslide5 {  
    display:block;  
    width:100%;  
    padding:5px 10px 5px 15px;  
    border:1px solid #D0E8F4;  
    background-color:#ECF8FD;  
} 
#grey_header {
	margin: 0 0 -12px 0;
	width: 896px;
	text-align: right;
	overflow: hidden;
}
.podcast {
	width: 154px;
	height: 42px;
	text-indent: -999px;
	display: inline-block;
	background: url(../Images/podcast.png);
}

.view_map {
	background: url(../Images/view_map.jpg);
	width: 121px;
	height: 32px;
	text-indent: -999px;
	display: inline-block;
	float: right;
	margin: -65px -289px 0 0;
}
.view_map2 {
	display: none;
	width: 325px !important;
	height: 133px !important;
	display: inline-block !important;
	float: right !important;
	margin: -65px 200px 0 0!important;
}

.bio {
	overflow:hidden;
}
.primary {
	width: 350px;
	float: right;
	position: relative;
}
.secondary {
	width: 183px;
	min-height: 200px;
	background: url(../Images/staff-images.jpg) no-repeat 0 0;
	float: left;
	position: relative;
	}
	.bio.alt .primary { float: left; }
	.bio.alt .secondary { float: right; }
.secondary .headshot { position: absolute; top: 6px; left: 6px; }
.secondary p { text-align: center; position:absolute; top: 150px; width: 183px; }
.secondary .twitter {
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(../Images/staff-twitter.jpg);
}
.secondary .facebook {
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(../Images/staff-facebook.jpg);
}
.secondary .email {
	width: 16px;
	height: 15px;
	display: inline-block;
	background: url(../Images/staff-email.jpg);
}
hr {
	background: url(../Images/hr.jpg);
	height: 14px;
	border: 0;
	margin: 15px 0 20px;
}
