html {
background-color: #40544c;
text-align: center;
}

body {
background:#535c47 url(/img/bgd.jpg) center 0 repeat-x;
}

/* Main Layout */

div.wrap {
width:950px;
text-align: left;
margin: 0 auto;
position: relative;
}

div.masthead {
background: url(/img/masthead_bgd.jpg) 0 0 no-repeat;
height: 295px;
}

span.hide {
display: none;
}

div#flashContent {
position: relative;
left: -19px;
top:10px;
float: right;
}


hr.clearHack {
display: block;
visibility: hidden;
clear: both;
height: 0;
}


/* Typography */

a {
color: #ffffff;
}

p {
color: #ffffff;
font-size: 1.3em;
line-height: 1.5em;
}

h1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #fff;
font-size: 1.5em;
line-height: 2.5em;
}

h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #fff;
font-size: 1.25em;
}

h3 {
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #fff;
}

h3.date {
padding: 1em 0 0 2em;
}

em {
font-style: italic;
}

/* Main Nav */

div#nav ul li {
float: left;
clear: none;
display: inline;
padding: 0 5px;
position: relative;
top:155px;
left: 31px;
font-size: 1em;
}

div#nav ul li, div#nav ul li a {
text-decoration: none;
height: 94px;
display: block;
cursor: pointer;
}

li#home a {
width:54px;
}

li#home {
background: url(/img/nav/home.jpg) 5px 0 no-repeat;
}

li#about a {
width:95px;
}

li#about {
background: url(/img/nav/about.jpg) 5px 0 no-repeat;
}

li#resources a {
width:181px;
}

li#resources {
background: url(/img/nav/resources.jpg) 5px 0 no-repeat;
}

li#events a {
width:64px;
}

li#events {
background: url(/img/nav/events.jpg) 5px 0 no-repeat;
}

li#contact a {
width:77px;
}

li#contact {
background: url(/img/nav/contact.jpg) 5px 0 no-repeat;
}

li#home a:hover, .home_active a {
background: url(/img/nav/home_over.jpg) 0 0 no-repeat;
}

li#about a:hover, .about_active a {
background: url(/img/nav/about_over.jpg) 0 0 no-repeat;
position: relative;
z-index: 500;
}

li#resources a:hover, .resources_active a {
background: url(/img/nav/resources_over.jpg) 0 0 no-repeat;
}

li#events a:hover, .events_active a {
background: url(/img/nav/events_over.jpg) 0 0 no-repeat;
}

li#contact a:hover, .contact_active a {
background: url(/img/nav/contact_over.jpg) 0 0 no-repeat;
}

/* Left Column */

div.left_col {
float: left;
clear: both;
margin: -15px 0 0 0;
}

img.subhead {
position: relative;
left:30px;
top:2px;
}

div#main_text {
margin: 0 11px;
text-align: justify;
background: #425147 url(/img/body_text_top.gif) -2px 0 repeat-x;
padding: 1em 0 0 0px;
position: relative;
left: 0px;
}

div.sub_text {
width:894px;
}


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

div.events_text .main_text_inner div {
margin: 0 30px;
padding: 1.5em 0;
border-bottom: 1px #909683  solid;
width:776px;
float: left;
clear: both;
}


div.events_text .main_text_inner {
padding: 3em 0px;
width:865px;
}

div.events_text {
float: left;
clear: both;
}

div > div#main_text {
margin: 0 22px;
left: 0px;
}

div > div.events_text .main_text_inner {
padding: 3em 15px;
}

/* sub_text width is 774px */

div.sub_text .main_text_inner div {
padding: 3em 60px;
}

.contact_text p {
padding: 2em 0 2em 4em !important;
}


div.home_text {
width:543px;
position: relative;
top:-9px;
}

div.left_col img {
position: relative;
z-index: 5000;
}

div.home_text img {
padding-bottom: 1em;
}

div.main_text_inner {
background: url(/img/body_text_lower_bgd.gif) -2px bottom repeat-x;
min-height: 250px;
padding-bottom: 1em;
}

div.main_content {
float: left;
clear: both;
}

div.foot {
clear: both;
height: 100px;
background: #40544C;
border-top: 1px solid #595b4c;
text-align: center;
margin: 40px 0 0 0;
padding: 30px 0 0 0;
}

div.login {
position: relative;
margin-left: 50px;
top:10px;
float: left;
clear: none;
}

div.login,  div.login a {
color: #ffffff;
font-size: 1em;
}

a.ms_logo {
background: url(/img/ms_logo.gif) 0 0 no-repeat;
width:68px;
height: 51px;
display: block;
float: left;
clear: both;
margin-left: 20px;
}

/* Right Column */

div.right_col {
float: left;
clear: none;
width:329px;
}

div.newsletter {
background: url(/img/newsletter.gif) 0 0 no-repeat;
}

div.newsletter a {
background: url(/img/newsletter.gif) 0 0 no-repeat;
width:329px;
height: 135px;
display: block;
margin: 10px 0;
}

div.newsletter a:hover {
background: url(/img/newsletter_over.gif) 0 0 no-repeat;
}

div.gods_plan {
background: url(/img/gods_plan.gif) 0 0 no-repeat;
}

div.gods_plan a {
background: url(/img/gods_plan.gif) 0 0 no-repeat;
width:329px;
height: 135px;
display: block;
margin: 15px 0 0 0;
}

div.gods_plan a:hover {
background: url(/img/gods_plan_over.gif) 0 0 no-repeat;
}


/* Sections Specific */


/* Staff */

div.staff_outer {
width:733px;
float: left;
clear: none;
padding: 0;
}

div > div.staff_outer {
width:776px;
}

div.staff_wrap p {
font-size: 1em;
text-align: left;
}

div.staff_wrap p, div.staff_wrap h2, div.staff_wrap em, div.staff_wrap h3, div.staff_wrap {
text-align: left;
width:208px;
}

div > div.staff_wrap p, div > div.staff_wrap h2, div > div.staff_wrap em, div > div.staff_wrap h3, div > div.staff_wrap {
width:225px;
}

div.staff_wrap p em {
text-align: left;
}


div.staff_wrap h2 {
}

div.staff_wrap h3.date {
font-size: 1em;
}

div.staff_wrap {
float: left;
clear: none;
display: inline;
height: 5em;
}

/* Churches */

div#churches_tabs ul li{
font-size: 1.2em;
display: inline;
padding: 0 10px;
}

div#churches_tabs ul {
float: left;
clear: both;
padding: 1.5em 0 0.25em 0;
position: relative;
left: 75px;
}

div#churches_tabs {
width:716px;
float: left;
clear: both;
text-align: left;
padding: 0;
}


body div div div div div.church_wrap {
float: left;
clear: both;
padding: 0;
margin: 0;
width:716px;
text-align: left;
}

.ui-tabs-hide {
display: none;
}

.ui-tabs-selected a {
color: #feee47;
}

div.church {
width:200px;
float: left;
clear: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: left;
}

div.church_left {
clear: both
}

div.church p {
padding: 0;
display:block;
width:200px;
margin: 0;
float: left;
}

div.church h2 {
font-size: 1.4em;
line-height: 1.6em;
width:230px;
font-weight: bold;
}


h1#churches {
position: relative;
left: 75px;
}

/* Edit Forms */

div.f_buttons {

float: left;
clear: both;
padding: 0;
margin: 0;
text-align: left;
position: relative;
left:-50px;
}

div.f_buttons a {
padding: 3px 7px;
margin: 0 5px;
float: left;
clear: none;
display: inline;
background: #a1a1a1;
text-decoration: none;
}

div.edit p {
float: left;
clear: both;
display: block;
padding: 5px;
}

div.edit table {
float: left;
clear: both;
}


input.text, div#image_editor_delete_form input, textarea.textarea   {
padding: 5px;
background: #aaa;
color: #fff;
border: #f1f1f1 solid 1px;
float: left;
clear: both;
}

div#image_editor_delete_form input {
margin: 10px;
}

div.edit p {
float: left;
clear: both;

display: block;
}

select.text {
float: left;
clear: both;
margin: 10px 0 30px 0;
}

.text, textarea.textarea  {
margin-bottom: 1.5em;
}

textarea.textarea {
width:600px;
height: 250px;
}

input.text {
width:350px;
}

input.submit {
padding: 5px;
background: #f9b24a;
color: #fff;
border: #f9b24a;
cursor: pointer;
float: left;
clear: both;
display: inline;
margin: 5px;
}

div.edit em {
font-size: 0.8em;
font-style: italic;
}

label {
float: left;
clear: both;
display: block;
position: relative;
color: #fff;
}

a.edit {
background: #f9b24a;
color: #fff;
padding: 2px 5px;
float: left;
clear: both;
text-decoration: none;
position: relative;
z-index: 5000;
}


/* Calendar */

.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #ccc;
}

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

.calendarMonthLinks {
font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:         1em;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

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

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

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

.calendarToday { 
font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

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