body {
background-color: #5a3d1c;
font: 67.5%;
text-align:center;
font-family: Helvetica, Verdana, Arial, sans-serif;
line-height:120%;
font-size:12px;
color:#5a3d1c;
}


/* Typography */

a {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 1em;
text-decoration: none;
color: #5a3d1c;
}

a:hover {
color:#FF9900;
}


div.mainContentArea a {
color: #1a52e5
}

h3 {
color:#FF9900;
border-bottom:#FF9900 solid 1px;
display:block;
font-size:10px;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 10px;
}

h2, .contentheading {
font-weight:bold;
color:#FF9900;
font-weight:bold;
font-size:2em;
line-height:2.3em;
text-transform: capitalize;
position: relative;
}

p {
font-size: 12px;
line-height: 1.5em;
font-family: Helvetica, Verdana, Arial, sans-serif;
padding-bottom: 10px;
}

em {
font-style: italic;
}

strong {font-weight: bold;}

/* Floats */

.flcb {
float:left;
clear:both;
}

.flcn {
float:left;
clear:none;
}

.frcb {
float:right;
clear:both;
}

.frcn {
float:right;
clear:none;
}

.flcl {
float:left;
clear:left;
}

.frcr {
float:right;
clear:right;
}


/* Main Layout */

.menu {
width:148px;
background-color:#FFFFFF;
height:350px;
display:block;
}

.wrapper {
text-align:left;
margin: 0 auto;
position: relative;
width: 784px;
margin-top: 3px;
}

.whatsNew h3 {
padding:0px 0 0px 5px;
margin:0px 0 5px 3px;
font-size:0.6em;
}

.whatsNew .giftGiveaway  {
margin:0 0 0 0; 
}

.whatsNew {
padding:0 0 0 0px;
margin:-15px 0 0;
width:148px;
height:138px;
overflow:hidden; 
}

.mainContentArea {
min-height:350px;
width:569px;
margin: 0 0 2em 2px;
padding: 0 30px 0 30px;
float: right;
clear: none;
}

.homeContentArea {
min-height:350px;
width:629px;
margin: 0 0 2em 0px;
padding: 0 1px 0 0px;
float: right;
clear: none;
}

.greyBorder {
border:#8BA299 2px solid;
background:#FFFFFF;
}

.bottomBar {
height:27px;
text-align:center;
width:784px;
margin: 0 auto;
position: relative;
width: 784px;
float:left;
clear:both;
top:4px;

}

.bottomBar a, .bottomBar span {
color:#fff;
font-size:0.7em;
text-decoration:none;
margin:0 2px 0 2px;
display:inline;
background-color: #5a3d1c;
border:#5a3d1c 4px solid;
font-weight:normal;
top:0px;

}

.bottomBar a:hover, .bottomBar span:hover {
background-color: #5a3d1c;
border:#5a3d1c 4px solid;
font-weight:normal;
color:#FFFF99;
}


img.img_border {
padding:3px;
border:#CCCCCC solid 1px;
margin:15px;
}

div#main_content p {
padding: 0 30px 0.5em 0;
}

/* FORMS */

label {
padding: 1em 0 0 0;
height: 1.5em;
float: left;
clear: both;
}

input.text, .textarea {
padding: 3px;
border: 1px #ccc solid;
margin: 3px;
background: #a1a1a1;
color: #fff;
width:300px;
float: left;
clear: both;
font-size: 1em;
font-weight: normal;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

input.submit {
padding: 8px;
float: left;
clear: both;
margin: 15px;
cursor: pointer;
background-color: #FF9900;
color: #111;
}

div.dmenus {
position: relative;
z-index: 4;
float: right;
clear: none;
right:10px;
top:-50px
}

div.dmenus select {
display: inline;
float: left;
clear: none;
margin: 4px;
}
/* Section Specific */

/* Staff */


.staffContentArea {
min-height:350px;
width:599px;
margin: 0 0 2em 2px;
padding: 0 0px 0 20px;
float: right;
clear: none;
}


ul.staff_list * {
background-color: none;
}

ul.staff_list a  {
padding: 0;
margin: 0;
color: inherit;
background: none;
border: none;
font-weight: normal;
padding: 2px;
color: #5a3d1c;
font-size: 13px;
}

ul.staff_list a:hover {
color: #FF9900;
}


ul.staff_list li {
padding: 0 0 1em 20px;
}

ul.staff_list li a span {
color: #777;
font-size: 11px;
font-style: italic;
}

/* Minsitries */

.ministriesContentArea {
min-height:350px;
width:569px;
margin: 0 0 2em 30px;
clear: none;
float: left;
}

.ministriesContentArea h3.min_list {
padding: 5px;
margin: 5px;
float:left;
clear: both;
display: inline;
width:60%;
}

.ministriesContentArea h3.min_list a:hover, .ministriesContentArea h3.min_list a {
font-weight: bold;
color:  #5a3d1c;
border: none;
padding: 0;
margin: 0;
background-color: transparent;
}

div.min_events {
padding: 15px 0;
float: left;
clear: both;
}

div.min_events p, div.min_events h3 {
float: left;
clear: both;
width:400px;
display: block;
margin: 10px 0;
}

/* Download  */

div.file_download {
padding: 15px 0;
float: left;
clear: both;
}

div.file_download p, div.file_download h3 {
float: left;
clear: both;
width:400px;
display: block;
}

div.file_download a.download_button {
width:125px;
height: 27px;
float: left;
clear: both;
display: block;
background: url(/img/download_button.gif) 0 0 no-repeat;
margin: 20px 15px 15px 15px;
display: block;
}

div.file_download a.download_button:hover {
background-position: 0 -27px;
}

/* Offering */

.offering_text_input {
width:130px !important;
clear: none;
}

/* Contact */

#contact_body_text h3 {
width:325px;
}

#contact_body_text {
margin: 15px;
float: left;
clear: both;
}

/* Calendar */

p.date_head {
text-align: center;
}

.calendarBG {
 background-color: #412f1a; 
}

.calendarBG td {
padding: 3px 0 0 3px;
}

.calendarBlank { 
 background-color: #fff;
 color: #fff;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size: 1px;
}

.calendarHeader { 
 font-weight: bold; 
 color: #663300; 
 text-align: center;
 background-color: #fff; 
 
}

.calendarMonthLinks {
font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:         10px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
 position:relative;
 z-index: 4;
 margin: 5px;
}

.calendarMonthLinks a {
 color:             #663300;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #663300;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #cacaca;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	9px;
 color: #fff; 
 background-color:#3d2f1c; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:         9px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #412f1a;
 background-color: 	#eeefee;
  width: 83px;
 height: 80px;
 text-align: left;
 vertical-align: top;
 border-top: 1px solid #bbbebd;
}

.calendarCell {
font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:         9px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #3b3c3c;
 background-color:  #eeefee;
 width: 83px;
 height: 80px;
 text-align: left;
 vertical-align: top;
 border-top: 1px solid #bbbebd;
}

.calendarCell a {
 color:             #3b3c3c;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #3b3c3c;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             orange;
 text-decoration:   none;
 background-color:  transparent;
}

/* Main Navigation Menu */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width:140px;
	background: #fff;
	position: relative;
	z-index: 5000;
}

#nav a {
	display: block;
	width: 140px;
	background: #fff;
	padding: 9px 10px;
	border-bottom: solid 1px #5a3d1c;
}

#nav li ul a {
 background: #eeefee;
}

#nav a:hover {
color: #fff;
background: #5a3d1c;
cursor: pointer;
}

#nav li { /* all list items */
	float: left;
	width: 140px; /* width needed or else Opera goes nuts */
	text-transform: uppercase;
	font-size: 10px;
	background: #fff;
 	font-weight: bold;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -29px 0 0 160px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -29px 0 0 160px;
	 background-color: #412f1a; 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* Control Bar */

div.control_bar {
float: left;
clear: both;
height: 40px;
position: relative;
top:10px;
}

div.control_bar a, a.edit {
padding: 4px 8px;
margin: 3px 10px;
color: white;
background: orange;
font-size: 0.8em;
}

div.control_bar a:hover, a.edit:hover {
padding: 4px 8px;
margin: 3px 10px;
color: white;
background: #412f1a;
}