/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { background:#4f2e0b; font-family:Arial, Helvetica, sans-serif;}

a:link, a:visited {color:#999; text-decoration: none}
a:hover {color:#444; text-decoration:underline}

p { font-size:12px; color:#FFFFFF}
h1 { font-size:33px; color:#502E0F}
h2 { font-size:18px; color:#244061}
h3 { font-size:16px; color:#244061}


/*
---------------------------------------------
02. header
---------------------------------------------
*/

#bgheader { width:100%; height:128px; float:left; background:url(../images/bg_header.gif) repeat-x top center}
#header { width:910px; margin:0 auto}

/*
---------------------------------------------
02.1 header - logo
---------------------------------------------
*/

#bgheader .logo { float:left; margin-left:-78px; position:relative}

/*
---------------------------------------------
02.2 header - search
---------------------------------------------
*/

#bgheader .search { width:231px; height:32px; float:right; background:url(../images/bg_search.gif) no-repeat top left; padding:3px 24px 0 9px; margin-top:-120px; position:relative}

#bgheader .search { width:230px; float:right}
#bgheader .search .input { width:125px; height:14px; float:left; border:1px solid #565550; font-size:12px; color:#565550; padding:13px; margin-top:2px}
#bgheader .search .searchButton{ float:right; padding-right:2px;  background:url(../images/bg_button_search.png) no-repeat top left; height: 26px; width: 80px; border: none; }
#bgheader .search .buttonText {color: #fff;}
 


/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:100%; float:left; background:#502E0B url(../images/bg_wrapper.jpg) repeat-x top center}

/*
---------------------------------------------
04. content
---------------------------------------------
*/

#content { width:910px; margin:0 auto}

/*
---------------------------------------------
05. photo
---------------------------------------------
*/

#mainphoto { width:821px; height:261px; float:left; background:url(../images/bg_photo.png) no-repeat top left; padding:40px 46px 29px 41px; margin-top:-28px; margin-bottom:-12px; position:relative}


/*
---------------------------------------------
06. button list homepage
---------------------------------------------
*/


#buttonlist { width:860px; height:65px; float:left; padding-left:50px; padding-bottom:39px}
#buttonlist ul li { width:200px; height:65px; float:left; padding-right:10px}
#buttonlist ul li a { width:200px; height:60px; float:left; text-decoration:none; padding-top:5px}

#buttonlist ul li a h1 { font-size:21px; color:#1C4554}
#buttonlist ul li a:hover h1 { color:#C4A873}
#buttonlist ul li.selected h1 { color:#C4A873}
#buttonlist ul li a p { font-size:12px; color:#FFFFFF; padding-left:8px}

#buttonlist ul li a.newhere { width:156px; background:url(../images/bg_button_new.png) no-repeat top left; padding-left:44px}
#buttonlist ul li a.newhere:hover { background:url(../images/bg_button_new_hover.png) no-repeat top left}
#buttonlist ul li.selected a.newhere { background:url(../images/bg_button_new_hover.png) no-repeat top left}

#buttonlist ul li a.messages { width:159px; background:url(../images/bg_button_messages.png) no-repeat top left; padding-left:41px}
#buttonlist ul li a.messages:hover { background:url(../images/bg_button_messages_hover.png) no-repeat top left}
#buttonlist ul li.selected a.messages { background:url(../images/bg_button_messages_hover.png) no-repeat top left}

#buttonlist ul li a.getconnected { width:158px; background:url(../images/bg_button_getconnected.png) no-repeat top left;padding-left:42px}
#buttonlist ul li a.getconnected:hover { background:url(../images/bg_button_getconnected_hove.png) no-repeat top left}
#buttonlist ul li.selected a.getconnected { background:url(../images/bg_button_getconnected_hove.png) no-repeat top left}

#buttonlist ul li a.ministries { width:148px; background:url(../images/bg_button_ministries.png) no-repeat top left; padding-left:52px}
#buttonlist ul li a.ministries:hover { background:url(../images/bg_button_ministries_hover.png) no-repeat top left}
#buttonlist ul li.selected a.ministries { background:url(../images/bg_button_ministries_hover.png) no-repeat top left}



/*
---------------------------------------------
07. leftpanel
---------------------------------------------
*/


#content #leftpanel { width:250px; float:left; padding-left:26px}


/*
---------------------------------------------
07.1 leftpanel - calender
---------------------------------------------
*/


#content .calender { width:250px; float:left; padding-bottom:7px}
#content .calender .heading { width:186px; height:39px; float:left; background: url(../images/bg_heading.png) no-repeat top left; padding:11px 0 0 64px}


/*
---------------------------------------------
07.2 leftpanel - upcoming events
---------------------------------------------
*/


#content .upcomingevents { width:200px; height:255px; float:left; background:url(../images/bg_upcomingevents.png) no-repeat top left; padding:23px 27px 0 23px; position:relative;}

#content .upcomingevents h2 { font-weight:bold; padding-left:17px; padding-top:10px}
#content .upcomingevents h2 a { text-decoration:none; color:#C4A873}
#content .upcomingevents h2 a:hover { text-decoration: underline; color:#C4A873}

#content .upcomingevents p { font-size:11px; color:#6D8C9B; font-style:italic; padding-left:17px; padding-bottom:5px; margin-top:-3px}


/*
---------------------------------------------
08. rightpanel
---------------------------------------------
*/


#content #rightpanel { width:605px; float:left; padding-left:7px}

/*
---------------------------------------------
08.1 rightpanel - welcome
---------------------------------------------
*/


#content .welcome { width:177px; float:left; padding:3px 8px 0 38px}
#content .welcome h1 { padding-bottom:15px} 
#content .welcome p { font-size:14px}


/*
---------------------------------------------
08.2 rightpanel - photo small
---------------------------------------------
*/


#content .photo_small { width:328px; height:212px; float:left; background:url(../images/bg_photo_small.png) no-repeat top left; padding:32px 27px 19px 26px; margin-top:-13px; position:relative}


/*
---------------------------------------------
08.3 rightpanel - location
---------------------------------------------
*/


#content .location { width:561px; height:76px; float:left; background:url(../images/bg_location.png) no-repeat top left; padding:9px 0 0 43px}
#content .location h2 { color:#FFFFFF}
#content .location .address { width:220px; float:left; padding-right:50px;}
#content .location .button_clickmap a { width:203px; height:37px; float:left; background:url(../images/bg_button_click.gif) no-repeat top left; font-size:18px; font-weight:normal; color:#FFFFFF; text-align:center; text-decoration:none; padding-top:14px; margin-top:6px}



/*
---------------------------------------------
09. footer
---------------------------------------------
*/


#bgfooter { width:100%; height:80px; float:left; background:url(../images/bg_footer.jpg) repeat-x top center; padding-top:22px}

#footer { width:835px; margin:0 auto}
#footer p { font-size:13px; color:#71471C}
#footer p a { color:#71471C; text-decoration: underline}

/*
---------------------------------------------
09.1 footer - copyright, address and logo
---------------------------------------------
*/

#footer .copyright { float:left; padding-right:65px}

#footer .address { width:165px; float:left}
#footer .address p { text-align:center}

#footer .logo_footer { float:right; margin-top:-5px; position:relative}


/*
---------------------------------------------
10. innerpage - header
---------------------------------------------
*/


#header_inner { width:947px; margin:0 auto}


/*
---------------------------------------------
10.1 innerpage - header - search
---------------------------------------------
*/


#header_inner .search { width:231px; height:32px; float:right; background:url(../images/bg_search.gif) no-repeat top left; padding:3px 24px 0 9px; margin-top:11px}


/*
---------------------------------------------
10.2 innerpage - header - top nav
---------------------------------------------
*/

#header_inner .topnav { width:560px; float:right; margin-top:-59px; position:relative}
#header_inner .topnav ul { float:left} 
#header_inner .topnav ul li { width:135px; height:34px; float:left; font-size:14px; color:#1C4554; padding-left:5px}
#header_inner .topnav ul li.selected a { color:#C4A873}

#header_inner .topnav ul li a { width:135px; height:32px; float:left; color:#1C4554; text-decoration:none; padding-top:12px}
#header_inner .topnav ul li a:hover { color:#C4A873}

#header_inner .topnav ul li a.newhere { width:98px; background:url(../images/bg_topnav_new.png) no-repeat top left; padding-left:37px}
#header_inner .topnav ul li a.newhere:hover { background:url(../images/bg_topnav_new_hover.png) no-repeat top left}
#header_inner .topnav ul li.selected a.newhere { background:url(../images/bg_topnav_new_hover.png) no-repeat top left}

#header_inner .topnav ul li a.messages { width:96px; background:url(../images/bg_topnav_messages.png) no-repeat top left; padding-left:39px}
#header_inner .topnav ul li a.messages:hover { background:url(../images/bg_topnav_messages_hover.png) no-repeat top left}
#header_inner .topnav ul li.selected a.messages { background:url(../images/bg_topnav_messages_hover.png) no-repeat top left}

#header_inner .topnav ul li a.getconnected { width:105px; background:url(../images/bg_topnav_getconnected.png) no-repeat top left;padding-left:30px}
#header_inner .topnav ul li a.getconnected:hover { background:url(../images/bg_topnav_getconnected_hove.png) no-repeat top left}
#header_inner .topnav ul li.selected a.getconnected { background:url(../images/bg_topnav_getconnected_hove.png) no-repeat top left}

#header_inner .topnav ul li a.ministries { width:92px; background:url(../images/bg_topnav_ministries.png) no-repeat top left; padding-left:43px}
#header_inner .topnav ul li a.ministries:hover { background:url(../images/bg_topnav_ministries_hover.png) no-repeat top left}
#header_inner .topnav ul li.selected a.ministries { background:url(../images/bg_topnav_ministries_hover.png) no-repeat top left}


/*
---------------------------------------------
11. innerpage - wrapper
---------------------------------------------
*/


#wrapper_inner { width:100%; float:left; background: url(../images/bg_wrapper_inner.jpg) repeat-x top center}

/*
---------------------------------------------
12. innerpage - content
---------------------------------------------
*/

#bgcontent_inner { width:947px; margin:auto}
#content_inner { width:857px; float:left; background:url(../images/bg_content_inner.png) repeat-y top left; padding-left:90px}

#bgcontent_inner .content_borderbottom { width:947px; height:55px; float:left; background:url(../images/bg_content_borderbottom.png) no-repeat bottom left; margin-bottom:25px}


/*
---------------------------------------------
13. innerpage - leftpanel
---------------------------------------------
*/

#content_inner #leftpanel { width:259px; float:left; background:url(../images/bg_leftpanel_inner.gif) no-repeat top left;padding-top:80px}


/*
---------------------------------------------
13.1 innerpage - leftpanel - leftnav
---------------------------------------------
*/

#content_inner #leftpanel .leftnav { width:259px; float:left; background:url(../images/bg_leftnav_borderbottom.gif) no-repeat bottom left; padding-bottom:45px}
#content_inner #leftpanel .leftnav ul li { width:259px; float:left; font-size:16px; color:#502E0F; line-height:1.5em}
#content_inner #leftpanel .leftnav ul li a { width:240px; float:left; color:#502E0F; text-decoration:none; padding-left:19px}
#content_inner #leftpanel .leftnav ul li a:hover { background:#9E9074}

#content_inner #leftpanel .leftnav ul li ul li a { width:204px; float:left; color:#502E0F; text-decoration:none; padding-left:55px}
#content_inner #leftpanel .leftnav ul li ul li a:hover { background:#9E9074}
#content_inner #leftpanel .leftnav ul li ul li.selectedPage a { background:#9E9074}

a.backhome {color: #502E0F; padding-left: 19px; width: 259px; line-height: 1.5em; }
a.backhome:hover {text-decoration: underline; }

/*
---------------------------------------------
14. innerpage - rightpanel
---------------------------------------------
*/


#content_inner #rightpanel { width:598px; float:left; margin-bottom:-48px; position:relative}


/*
---------------------------------------------
14.1 innerpage - rightpanel - photo
---------------------------------------------
*/


#content_inner .photo { width:538px; height:203px; float:left; background:url(../images/bg_photo_inner.png) no-repeat top left; padding:34px 34px 24px 26px; margin-top:-15px; margin-bottom:-18px; position:relative}


/*
---------------------------------------------
14.2 innerpage - rightpanel - content
---------------------------------------------
*/


#content_inner .contents { width:545px; float:left; background:url(../images/bg_welcome_inner.png) no-repeat top left; padding-left:30px; padding-top:22px}

#content_inner .contents h1 { padding-bottom:24px; font-weight:bold}
#content_inner .contents h3 { font-weight:bold; padding-top:7px}

#content_inner .contents p { color:#502E0F; line-height:1em; padding-bottom:24px}

#content_inner .contents .leftcontent { width:335px; float:left; padding: 0 10px 30px 0; height: auto;}
#content_inner .contents .leftcontentdetail { width:335; float:left; }
#content_inner .contents .leftcontentadmin { width:500; float:left;}


#content_inner .contents .rightcontent { width:143px; float:left; padding-bottom:50px}

#content_inner .contents .rightcontent .persondetails { width:143px; float:left}
#content_inner .contents .rightcontent .persondetails .photo_person { float:left; }
#content_inner .contents .rightcontent .persondetails .photo_person img {border:1px solid #50300F}
#content_inner .contents .rightcontent .persondetails p { float:right; color:#725536; text-align:right; line-height:1.5em; padding-top:5px}
#content_inner .contents .rightcontent .persondetails p a { color:#725536; text-decoration:none}


#content_inner .contents ol {
	list-style: decimal;
	margin: 15px 35px;
}
#content_inner .contents ol li {
		padding: 0 0 5px 0;
	}	
		
#content_inner .contents ul {
	list-style: disc;
	margin: 15px 35px;
}
#content_inner .contents ul li {
		padding: 0 0 5px 0;
	}


#footer .spacer { width:25px; height:30px; float:left}


/* event list */
.eventsList {
padding: 0;
}
.eventsList ul {
margin: 0 !important;
padding: 0 !important;
list-style: none;
list-style-image: none;
}
.eventsList ul li {
list-style: none;
list-style-image: none;
padding: 0 0 5px;
}
.eventsList ul li a {
font-size: 18px;
font-family: georgia, serif;
line-height: 1;
margin: 0 0 5px;
font-weight: normal;
text-decoration: none;
color: #C4A873;
}
.eventsList ul li .eventDate {
font-size: 12px;
margin: 0 0 15px;
color: #777;
font-style: italic;
}


/* calendar detail page */
.event h2 {
margin: 0 0 5px;
font-size: 25px;
font-family: georgia, serif;
line-height: 1;
margin: 0 0 5px;
font-weight: bold;
}
.event .eventDate {
font-size: 18px
margin: 0 0 15px 0;
color: #888;
font-style: italic;
}
.event .eventBack p a {
font-weight: bold;
}

/* Graphical Calendar */

.eventsCalendar table {
border: none;
border-color: #fff;
width: 100%;
border-collapse: collapse;
}
.calendarDay,
.calendarToday,
.calendarDayHeader,
.calendarTitle td,
.calendarWeekendDay,
.calendarOtherMonthDay {
padding: 2px;
border: 1px solid #fff;
text-align: left;
vertical-align: top;
background: #fff !important;
padding: 5px;
border-bottom: 1px solid #f4f4f4;
color: #444;
}
/* top bar with current month and next/previous buttons */
.calendarTitle td {
text-align: center;
color: #fff !important;
font-weight: bold !important;
background: #444 !important;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 2px;
height: 27px;
}
.calendarNextPrevious {
color: #000 !important;
font-weight: bold;
padding: 0 !important;
}
.calendarNextPrevious a {
color: #000 !important;
}
/* next/previous arrows */
.calendarNextPrevious a[title="Go to the previous month"] {
display: block;
margin-top: 15px;
border: 0;
height: 27px;

}
.calendarNextPrevious a[title="Go to the next month"] {
display: block;
margin-top: 15px;
border: 0;
height: 27px;
}
/* m-f bar */
.calendarDayHeader {
color: #444;
background: #fff;
font-weight: bold;
text-align: center;
padding: 4px 2px;
text-transform: uppercase;
border-bottom: 1px solid #f4f4f4;
}
/* current day */
.calendarToday,
.calendarToday a {
font-weight: bold;
color: #444 !important;
}
/* weekends */
.calendarWeekendDay {
color: #000 !important;
}
.calendarDay {
color: #000 !important;
}
/* previous or next months days on current months calendar */
.calendarOtherMonthDay {
color: #000;
}

/* Forms */

.form_container .title {
font-weight: bold;
display: block;
color: #244061;
font-size: 13px;
}