/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: auto;
    margin-right: auto;
	width: 98%;
}

#header{
	background-color: #FFFFFF;
	background-image: url(../images/header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-bottom: 20px;
}

#headerImage {
	float: left;
	padding: 5px;
	filter:(shadow: black);
}

#churchName {text-align: center; padding: 15px;}

#footer { 
	background-color: #006600;
	color: white;
	font-size:11px;
	text-align:center;

	}

#contentArea {
	float: left;
	background-color:#FFFFCC;
	width:100%;
	height:auto;
	}

	
div #information{
	float: right;
	width: 25%;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-color:white;
}

div #times{
	
	float: right;
	width: 25%;
	background-color:#336633;	
	position: relative;
	z-Index: 0;
}

.timesInfo {
	font-size: 10pt;	
	color:white;
	position: relative;
	z-Index: 3;
	text-align:left;
	padding: 5px;
}

.bottomBar{
	background-color:#003300;
	height:5px;
	color:#FFFF00;
	position: relative;
	top:-3;
	z-Index:2;
}

.name {
	color:white;
	font-size: 36pt;
}
.local{ color: black;  font-size: 20pt;	letter-spacing: 15px;
	text-align:center;
}

.clearBoth { clear: both; }

#footer a {
	color:white;
}

#footer a:hover {
	text-decoration:none;
}

.content {
	padding: 15px;
	width: 70%;
	float: left;
	height:auto;
	
}

#churchInfo {
	padding: 5px;
}

.pageHeader {
	font-weight:bolder;
	font-size:18pt;
	border-bottom-width: medium;
	border-bottom-style: inset;
	border-bottom-color: #006600;
	
}