* {
	margin:0;
	padding:0;
color: #000;
}

#calendar p {
color: #000;
}

html {
	background-color: #3a3f39;
	margin:0;
	padding:0;
}

body {
	background-color: #2c2c28;
	color: #000;
	text-align:center;
	font-family: arial, verdana, sans-serif;
	font-size: 12pt;
}

#wrapper {
	margin:auto;
	width: 700px !important;
	width: 710px;
	text-align:left;
	background-color: #f5f4f0;
	border: 40px solid #f5f4f0;
}

#header {
	padding: 20px 0 20px 0;
	
}

#header img {
	border: 10px solid #ddd;
	margin: 20px 0 0 0;
}

#logo { /* #3a3f39 */
	background-color: #586755;
	padding: 10px;
	margin: -40px 0 0 0;
	
}
h1 {
	text-indent: -99999999px;
	background: transparent url(images/logo.gif) no-repeat 0 0;
	height: 89px;
	
}

#content {
	float:left;
	width: 530px;
}

#content ul li,
#content ol li {
	margin: 0 0 0 20px;
	padding: 5px 0 5px 0;
}

#spotlight {
	width: 230px;
	float:left;
	font-size: 9pt;
}

h2 {
	font-family: georgia, times new roman, sans-serif;
	color: #7b4431;
	font-style: italic;
	font-size: 16pt;
}

h3 {
	font-family: georgia, times new roman, sans-serif;
	color: #7b4431;
	font-style: italic;
	padding: 10px 0 0 0;
	margin: 0 0 -7px 0;
}

h4 {
	font-family: georgia, times new roman, sans-serif;
	color: #3b4841;
	font-size: 13pt;
	font-weight:bold;
	font-style: italic;
	padding: 10px 0 0 0;	
}

#calendar {
	width: 230px;
	float: right;
	margin: 0 40px 0 0;
}

#calendar img,
#spotlight img {
	border: 5px solid #ddd;
}
	

.calendaritem {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ddd;

}


.calendaritem .date {
	background: transparent url(images/date.png) no-repeat 0 0;
	font-family: Georgia, Times New Roman, Sans-serif;
	float:left;
	width: 35px;
	height: 40px;
	padding: 0 10px 0 0;text-align:center;
}

.calendaritem .date em {
	color: #808080;
	padding: 3px 0 3px 0;
	width: 35px;
	text-transform: uppercase;
	font-size: 8pt;
}

.calendaritem .date b {
	color: #404040;
	width: 35px;
	text-transform: uppercase;
	font-size: 16pt;
	font-weight:normal;
	position: relative;
	top: -2px;
	left:0;
}

.calendaritem a {
	color: #3b4841;
	/*font-style: italic;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px;
font-size: 14pt;*/
}

.calendaritem a:hover {
	border-bottom: 1px solid #3b4841;
}

.calendaritem p {
	padding: 0 0 20px 0;
	text-align:left;
	position: relative;
	top: 0;
	left: 10px;
font-size: 10pt;
	color: #c0c0c0;
}

#right {
	width: 150px;
	padding: 0 0 0 0;
	float:right;
}



#footer {
	clear:both;
	width: 100%;
	background-color: #3a3f39;
	border-top: 10px solid #3a3f39;
	color: #e0e0e0;
	font-size: 10pt;
	padding: 10px 0 10px 0;
}

#footer p {
	margin: auto;
	width: 750px;
	clear:both;
}

p {
	padding: 10px 0 10px 0;
}

#right ul {
	padding: 5px 0 5px 0;
	width: 160px;
	list-style-type: none;

	background-color: #d47130;
	border: 2px solid #93411d;

}

#right li a {
	background-color: transparent;
	padding: 5px;
	display:block;
	color: #000;
	text-decoration: none;
	
}

#right li a:hover {
	background-color: #F5F4F0;
	border-left: 2px solid #F5F4F0;
	margin: 0 0 0 -2px;
}

.clear {
	clear:both;
}

.date {
	font-size: 10pt;
	font-style: italic;
}

#verse {
	font-size: 9pt;
	font-style: italic;
	color: #FFF;
	padding: 0 0 5px 0;
}