html {
        margin: 0;
	}

body {
	background: #40240d url(http://www.ardenfirstbaptist.org/images/interface/bg.png) top left repeat-x;
	position: relative;
        margin: 0;
	}

#nav {
	margin: 0 auto;
	width: 876px;
	height: 107px;
	background: url(http://www.ardenfirstbaptist.org/images/interface/nav-bg.png) top center no-repeat;
	z-index: 10;
	position: absolute;
	top: -60px;
	left: -24px;
	}

#nav img {
	float: left;
	padding: 4px 0 0 25px;
        border: none;
	}

#wrapper {
	width: 823px;
	margin: 66px auto 0 auto;
	background: url(http://www.ardenfirstbaptist.org/images/interface/body-bg.png) top center repeat-y;
	position: relative;
	}
	
#header {
	text-align: center;
	}
	
#content {
	padding: 30px 40px;
	float: none;
	}

#content p {
	margin: 20px;
	clear: both;
	font: bold 12pt/17pt Verdana,Helvetica, Arial, sans-serif;
	color: #40240D;
	}
	
/*********************Left Column*************************/
	
#leftCol {
	width:28%;
	float: left;
	margin: 1px 3% 0 0;
	}	
	
#events {
	width: 100%;
	background: #a48e62;
	float: left;
	margin: 3px 3% 3% 0;
	border:2px solid #40240d;
	}
	
h3.eventsList {
	margin: 0;
	padding: 9px 10px;
	font: bold 14pt Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	background: #3a200c;
	}

#leftCol ul {
	margin: 0;
	padding:0;
	}

	#leftCol ul li {
		min-height: 40px;
		margin: 0;
		padding: 4px 0;
		list-style: none;
		border-top: 1px solid #40240d;
		}
		
		#leftCol ul li span.date{
			float: left;
			clear: left;
			display: block;
			height:32px;
			width:32px;
			margin:5px 7px 0 9px;
			padding:0;
			text-align:center;
			background: url(http://www.ardenfirstbaptist.org/images/interface/calIcon.gif) left top no-repeat;
			font-size: 9pt;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
			}
		
			#leftCol ul li span.date span{
				float:left;
				padding:2px 0 0 5px;
				color: #5a260f
				}
		
		#leftCol ul li span.title{
			padding: 6px 0;
			}

#leftCol ul a {
	color: #fff;
        margin-left: 13px;
	padding: 4px 0 4px 10px;
	font: normal 12pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 175px;
	height: 100%;
	}

#leftCol .sideImage {
       margin: 0 0 6px;
       }

#leftCol .sideImage img {
       border:2px solid #40240d;
       }
	
/*******************Right Column*******************/

#rightCol {
	width:67%;
	float: left;
	}

#rightCol p, ul {
	font: normal 11pt Verdana, Arial, Helvetica, sans-serif;
	}

#rightCol h1 {
	margin: 0 0 2px 0;
	color: #5a260f;
	font: bold 18pt Verdana, Helvetica, Arial, sans-serif;
	}	

#rightCol h2 {
	margin: 16px 0 0 0;
	color: #5a260f;
	font: bold 13pt Verdana,Helvetica, Arial, sans-serif;
	}

#rightCol h3 {
	margin: -18px 0 4px 0;
	color: #5a260f;
	font: bold 10pt Verdana,Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #40240D;
	}

#rightCol p {
	width: 100%;
	margin: 0 0 20px 0;
	}

span .clear {
	clear: both
	}

div#clear p{
	font: 1pt Arial, Helvetica, sans-serif; !important
	color: #b8a276; !important
	margin: 0;
	}

#rightCol a {
	color: #5a260f;
	}		

#rightCol iframe {
	border: 0;
	margin: 0;
        width: 100%;
	}

#rightCol iframe.map {
	border: 2px solid #423f2d;
	margin-top: 6px;
	}
	
/*****************Misc Styles*************************/

.directions a {
	padding: 6px 0;
	maring: 2px 0;
	}

/***********Event Styles************/

#mainEventList {
	margin-top: 30px;
	}

.eventPageEvent {
	margin-bottom: 10px;
	width: 90%;
	padding: 6px 0 0 0;
	}

#mainEventList h2{
	font: bold 15pt Verdana, Arial, Helvetica, sans-serif;
	color: #40240d;
        background: #a48e62;
	padding: 4px 22px 5px 22px;
        margin:40px 0 0;
	}	
	
#rightCol .eventPageEvent h3{
	margin: 6px 0 6px 22px;
	font: bold 11pt Verdana, Arial, Helvetica, sans-serif;
	color: #40240d;
    border-bottom: 1px solid #40240d;
	padding: 4px 22px 5px 0;
	}
	
#mainEventList .eventPageEvent span.begin_date {
	float: right;
	margin: 17px 14px  0;
	font: bold 70%/110% Verdana, Arial, Helvetica, sans-serif;
    color: #40240d;
	}

#mainEventList .eventPageEvent span.time {
	display: block;
	font: 80%/110% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding: 0 0 0 22px;
	}

#mainEventList .eventPageEvent span.local {
	font: 80%/110% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 0 0 22px;
	}

#mainEventList .eventPageEvent span.shrtDesrp {
	font: 90%/110% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 0 0 22px;
	}

#mainEventList .eventPageEvent .smallTitle {
	color: #40240d;
	text-transform: uppercase;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	}

/***********Memberhsip Form Styles************/

#form {
	background: #a48e62;
        margin: 30px 0 0 0;
	}

#form p {
	display: block;
	padding: 9px 8px;
	font-size: 90%;
	}

#form h2 {
	padding: 6px 8px;
	margin: 0;
	}

#form h3 {
	padding: 10px 8px 3px 8px;
	color: #5a260f;
	font: 12pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
        clear: right;
	}	
	
#form .sideBySide label {
	display: block;
	width: 160px;
	padding: 0 8px 0 0;
	font-weight: bold;
	}

#form p img {
	margin: 0 0 -8px 0;
        padding: 6px 0 0 0;
	}
	
#form .sideBySide input, #form .sideBySide select, #form .sideBySide textarea {
	float: right;
	width: 54%;
	margin-right: 10%;
	}

#form input, #form select, #form textarea {
	border: 1px solid #423f2d;
	background: #b8a276;
	padding: 3px;
	}	
	
#form .sideBySide select {
	margin-right: 11.5%;
	}

#form small {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #eae9e9;
	font-size: 70%;
	}