body 
{
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial,San-serif;
	font-size:11px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	background-color:#999999;
	width:100%;
}


#leftGutter {
	width:16%;
	height:800px;
	background-color:#999999;
	float:left;
}


#mainContainer {
	width:960px;
	float:left;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	background-color:#fff;
}

#rightGutter {
	width:16%;
	height:700px;
	background-color:#999999;
	float:right;
}

img 
{
	border:0px;
}

a
{
      border:0px;
      text-decoration:none;
}

.italic
{
  font-style:italic;
}

div.header
{
	height:60px;
	width:100%;
	text-align:left;
	border-bottom:1px solid #636563;
 	font-weight:normal;
	padding: 0 0 0 0;
}

div.header .top {
	background-image: url(../images/bg_header.jpg);
	height:6px;
	width:100%;
}

div.header .title a
{
	height:50px;
	position:relative;
	left:205px;
	color:#212021;
	font-size:28px;
	font-family:Georgia,Times,san-serif;
	font-weight:normal;
	text-decoration:none;
}

div.header .address {
	height:12px;
	line-height:12px;
	font-size:11px;
	position:relative;
	color:#666;
	left:205px;
}

.middlePanel
{
   position:relative;
   left:0px;
   top:0px;
   height:700px;
   width:100%;
   float:left;
}

/* BANNER BEGINS */
.banner
{
    position:relative;
	width:150px;
	height:100px;
	float:left;
    left:25px;
	top:-55px;
	border-left:1px solid #5f5a57;
	border-right:1px solid #5f5a57;
	border-bottom:1px solid #5f5a57;
	padding:5 5 5 5;
	background-color:#f1efe4;
}

div.banner div.inner
{
    border-left:1px solid #5f5a57;
    border-right:1px solid #5f5a57;
    border-bottom:1px solid #5f5a57;
    width:144px;
	position:relative;
	left:2px;
	float:left;
	height:96px;
}

span.sky
{
	width:144px;
	background-image: url('../images/sky.jpg');
	float:left;
	height:97px;
}

span.tree
{
	width:144px;
	background-image: url('../images/tree.jpg');
	float:left;
	height:97px;
}

span.mountains
{
	width:144px;
	background-image: url('../images/mountains.jpg');
	float:left;
	height:97px;
}

span.waterfall
{
	width:144px;
	background-image: url('../images/waterfall.jpg');
	float:left;
	height:97px;
}

span.cheetah
{
	width:144px;
	background-image: url('../images/cheetah.jpg');
	float:left;
	height:97px;
}

span.galaxy
{
	width:144px;
	background-image: url('../images/galaxy.jpg');
	float:left;
	height:97px;
}
/* BANNER ENDS */

#menuAndContent {
	position:absolute;
	left:176px;
	float:left;
	width:530px;
}

/* MENU BEGINS */
div.menu
{
	position:absolute;
	float:left;
	left:27px;
	color:#000000;
	width:570px;
	height:20px;
}

div.menu .item
{
	width:70px;
	line-height:20px;
}

div.menu .item a
{
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#7A634A;
}

div.menu .item a:hover
{
	text-decoration:underline;
	color:#7A634A;
	
}

#menu a
{
	font-weight:normal;
	line-height:16px;
	color:#333333;
	font-size:11px;
	text-decoration:none;
}

.itemOn
{
    font-size:12px;
    font-weight:bold;
	color:#333333;
}

/* MENU ENDS */

/* CONTENT BEGINS */
#content
{
	position:absolute;
	float: left;
	margin-top:20px;
	width:520px;
    height:520px;
	left:27px;
    top:30px;
    font-family:Verdana, san-serif;
    color:#333333;
    font-size:12px;
    text-align:left;
}

#content a:hover {
	text-decoration:underline;
}

.welcome {
	font-size:16px;
	font-weight:bold;
	color:#7a5a37;
}
.contentHdr
{
   font-size:100%;
   margin-bottom:3px;
   font-weight:bold;
}

.contentBlock
{
   margin-bottom:20px;
   float:left;
   width:460px;
}

.contentLine
{
   margin-left:0px;
   margin-bottom:7px;
   line-height:18px;
}

#content .text
{
   font-weight:normal;
   color:#333333;
   line-height:12px;
}

.contentCell
{
  height:70px;
  width:150px;
  text-align:left;
  float:left;
}

/* CONTENTS END*/

/* MAP BEGINS */
#mapContainer
{
  width:450px;
  height:200px;
  border: 1px solid #666666;
  float:left;
  margin-top:0px;
}

/* MAP ENDS */

/* SIDEBAR BEGINS */
#sideBar
{
	position:absolute;
	top:0px;
	left:730px;
	width:220px;
	height:550px;
	padding:0 0 0 0px;
    float:left;
}

#sideBar #sbInner
{
    position:relative;
    float:left;
    color:#333333;
    width:220px;
    height:700px;
    border-left:1px solid #dedbde;
}

#sbContent
{
    padding:5px;
    width:215px;
    margin-top:20px;
}

#sb_belief a
{
	font-weight:normal;
}
.sbHeader
{
    color:#333;
    font-weight:bold;
    font-size:12px;
    margin-bottom:6px;
    
}

.sbul
{
	list-style:none;
	margin:10px;
	font-size:100%;
}

.sbList
{
	margin-left:10px;
	margin-bottom:5px;
}

.sideBar a, #content a {
	font-weight:bold;
	color:#31639c;
	text-decoration:none;
}

#content a {
	font-size:12px;
}

.sideBar a {
	font-size:11px;
}

.sideBar a:Hover {
	font-weight:bold;
	color:#31639c;
	text-decoration:underline;
}

.sideBar .divider
{
   width:165px;
   margin-top:10px;
   text-align:center;
}

span.readMore
{
	width:210px;
	text-align:right;
	float:left;
}
a.readMore
{
	color:#404040;
	font-weight:bold;
	font-size:100%;
}

a.readMore:Hover
{
	text-decoration:none;
	color:#404040;
}

.spacing
{
	margin-top:10px;
}


/* SIDEBAR ENDS */



.dateDisplay
{
	position:absolute;
	font-style:italic;
   	font-size:11px;
   	float:left;
   	top:30px;
  	width:180px;
    text-align:center;
   	color:#333333;
}

div.footer
{
    position:relative;
    left:0px;
    top:0px;
    text-align:left;
    border-top:1px solid #dedbde;
    border-bottom:1px solid #dedbde;
    float:left;
    color:#666666;
    height:25px;
    width:100%;
}

div.footer .inner
{
   width:750px;
   text-align:left;
   margin-left:25px;
   height:25px;
   line-height:25px;
}

div.footer .inner a
{
    color:#666666;
    text-decoration:underline;
}

div.footer .inner a:hover
{
    color:#666666;
    text-decoration:underline;
}

.divider
{
	padding:5px 0 5px 0;
	height:30px;
	background: url('../images/divider.jpg') no-repeat center;
}

div#contacts .welcome {
	font-size:14px;
	height:25px;
	line-height:25px;
	margin-bottom:20px;
	font-style: italic;
}

div#contacts .pastor {
}

div#contacts .pastor .hdr {
	font-weight:bold;
	bottom-margin:5px;
	font-size:12px;
}

div#contacts .elders {
	padding:5px;
	height:30px;
}

div#contacts .deacons .hdr {
	font-weight:bold;
	bottom-margin:5px;
	font-size:12px;
}

div#contacts .deacons ul {
	list-style-type: none;
	padding:0px;
}

div#contacts .deacons ul li {
	padding:5px;
}

div#contacts .deacons input[type="text"] {
	width:200px;
	height:20px;
	line-height:12px;
	color:#333;
	border:1px solid #a1a1a1;
}

div#contacts .deacons textarea {
	width:300px;
	height:200px;
}

div#contacts .deacons ul label {
	width:70px;
	font-weight:bold;
	line-height:20px;
	float:left;
}

.pastor .email, .deacons .email {
	color:#31639C;
	font-weight:bold;
}

.error {
	margin-left:10px;
	color: red;
	font-weight:bold;
}

.confirmation {
	margin-left:10px;
	color: green;
	font-weight:bold;
}