/************************
Title:			The Reach Church
Author:			miguel@artmil.com
Version:		1.0
Page:			Main Setup

Google is your friend ;) Use him

************************/

@import"navigation.css";


input {width:80px}
tr td p {font-size:12; color: white}

/* Basics */
html, body{
	background-color: #4c4b46;
	color: #FFFFFF;
	font-family: verdana,sans-serif;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}
img							{border: 0;}

#container{
	margin: 0 auto; 
	width: 765px; 
	background-color: #000000; 
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

/*Home*/
#header{
	width: 765px; 
	height: 107px;
}
	#logo{
		float: left;
	}
	#navContainer{
		float: right; 
		width: 320px; 
		height: 107px; 
		padding-right: 75px;
		position: relative;
                background-color:black;
	}
	
/* Middle */	
#mainBodyContainer{
	width: 765px; 
	height: 100%;
	float: left; 
	padding-top: 238px; 
	background: top left url(../images/home/banner.jpg) no-repeat #000000;
}

#submainBodyContainer{
	width: 765px; 
	height: 100%;
	float: left; 
	padding-top:58px; 
	background: #000000;
}

#mainBodyWrap{
	width: 760px;
	height: 100%;
	float: left;
	position: relative;
}
	
	#subNavContainer{
		float: left; 
		width: 157px; 
		height: 100%; 
		padding-top: 20px
	}
		#subNavWrap{
			width: 157px; 
			height: 290px; 
			background: top left url(../images/home/sub_nav.jpg) no-repeat #000000; 
			padding-top: 20px;
		}
			.subButtonWrap{
				padding-bottom: 27px; 
				width: 157px; 
				height: 15px;
			}
				.subButton a{
					display: block; 
					width: 157px; 
					height: 17px; 
					text-align: center; 
					background-color: #dec518;
					padding: 4% 0px; 
					color: #FFFFFF;
					text-decoration: none;
				}
				.subButton a:hover{
					background: bottom left url(../images/sub_nav.png) repeat-x #dec518;
				}
	
	#subNavContainer{
		float: left; 
		width: 157px; 
		height: 100%; 
		padding-top: 20px
	}
		#subNavWrap{
			width: 157px; 
			height: 290px; 
			background: top left url(../images/home/sub_nav.jpg) no-repeat #000000; 
			padding-top: 20px;
		}
			.subButtonWrap{
				padding-bottom: 27px; 
				width: 157px; 
				height: 15px;
			}
				.subButton a{
					display: block; 
					width: 157px; 
					height: 17px; 
					text-align: center; 
					background-color: #0066cc;
					padding: 4% 0px; 
					color: #FFFFFF;
					text-decoration: none;
				}
				.subButton a:hover{
					background: bottom left url(../images/sub_nav.png) repeat-x #0066cc;
				}
		
	#contentContainer{
		float: left;
		width: 590px;
		height: 100%;
		position: relative;
		border-left: 1px #373737 solid; 
		border-right: 1px #373737 solid; 
		border-bottom: 1px #373737 solid;
		background-color: #292929;
		padding-bottom: 10px;
	}
	#barsWrap{
		width: 590px; 
		height: 8px;
		padding-bottom: 20px;
	}
		#bars1{
			float: left; 
			width: 526px; 
			height: 8px; 
			background-color: #FFFFFF
		}
		#bars2{
			float: left; 
			width: 64px; 
			height: 8px; 
			background-color: #0066cc;
		}

/* Content Stuff */
#title1{
	width: 516px; 
	height: 20px; 
	text-align: left; 
	padding-left: 35px;
	padding-bottom: 20px
}
#moreInfo{
	color: #0066cc; 
	font-size: 11px
}
#moreInfo a	{
	color: #FFFFFF
}		

/* Text Styles */
.content{
	font-family: verdana,sans-serif; 
	font-size: 11px; 
	color: #929292;
	padding-left: 30px;
	padding-right: 20px;
}
.main{
	padding-left: 30px;
	padding-right: 10px
}