/*
-----------------------------------------------
Screen Styles
Version:  08 January 2007
Font-Size: http://developer.yahoo.com/yui/fonts/
----------------------------------------------- */
body {
	background:#83CDCC url(/img/worship/bg_body.jpg) repeat-y top center;
	margin:0;
	padding:0;
	font:normal 62.5% Arial,Helvetica,Sans-serif; /* Approx. 10px */
	text-align:center;
}
img {border:0;}
p {margin:1em 0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.req {font-weight:bold; color:#f00;}
.float-left {float:left; display:inline; margin:1em 1.2em 1em 0;}
.float-right {float:right; display:inline; margin:1em 0 1em 1.2em;}
dfn { display: none; }

/* =Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family: Arial,Helvetica,Sans-serif;
	color:#9A3A05;
	font-weight:normal;
}
h1 {font-size:189%;}
h2 {font-size:240%;}
.main h2 {font-size:320%;}
h3 {font-size:160%;font-weight:bold;}
h4 {font-size:114%;}
h5 {font-size:100%;}
h6 {font-size:85%;}

/* =Links
----------------------------------------------- */
a:link, a:visited {color:#ac0000;font-weight:bold;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
.side a:link, table.side a:visited {color:#D7AC00;}

/* =Header
----------------------------------------------- */
div#header h1 a:link, div#header h1 a:visited {
	display:inline;
	float: right;
	background: url(/img/worship/btn_logo.png) no-repeat top right;
	width:211px;
	height:0px;
	margin: 15px 73px 0 0;
	padding-top:118px;
	overflow:hidden;
	font-size:1px;
	border:0;
	text-decoration:none;
}
div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}

p.home-button {margin:0; position:absolute; top:195px; left:518px; width:200px; text-align:right; z-index:100; font-size:92%;}
p.home-button a:link, p.home-button a:visited {color:#6F3E04;}
body.cal p.home-button {margin:0; position:relative; top:20px; left:0; width:200px; float:right; display:inline; text-align:right; z-index:100; font-size:92%;}

/* =Side
----------------------------------------------- */
table.side {font-size:14px; width:100%; color:#fff;}
table.side ul {padding:0 0 0 15px;}
table.side ul li {padding-bottom:8px;}
table.side ul, table.side a {font-size:13px !important;}

/* =Main
----------------------------------------------- */
div#content-wrap table td p {font-size:14px;}
table.mainTableTOC {position:relative; z-index:20;}
body.w div#calendar-wrap div.titleTOC {white-space:normal;}

.gradient {background: url(/img/worship/bg_gradient.jpg) repeat-x top left;}
div#content-wrap table.gradient h3 {font-size:20px; font-weight:normal; padding:10px 0;}
.gradient table td {font-size:14px;}
.gradient table ul {margin:0;}

/* =Footer
----------------------------------------------- */
div#footer p {font-size:1.1em; padding: 0 0 0 15px;}
div#footer ul li {
	margin: 0 0 0 15px;
	display:inline;
	border-right:1px solid #333;
}
div#footer ul li a {
	padding:0 5px;
}
p#copyright {margin:1em 0 0; color:#333;}
p#credits {margin:.1em 0 0; color:#333;}
p#credits a {color:#3194A5; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}

/* New Styles */
div#sidebar {
	float: left;
	width: 210px;
	padding: 15px;
	margin: 2em 0 0 15px;
	margin-bottom: 240px;
	background: #F4FDE2;
	font-size: 1.2em; /* making it show up right */
}
div#sidebar li, div#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#content {
	float: right;
	width: 415px;
	padding: 15px;
	margin: 1.7em 15px 0 0;
	margin-bottom: 240px;
	background: #F4FDE2;
	font-size: 1.4em; /* making it show up right */
}
div#fullcontent {
	float: right;
	width: 665px;
	padding: 15px;
	margin: 1.7em 15px 0 0;
	margin-bottom: 240px;
	background: #FFE;
	font-size: 1.4em; /* making it show up right */
}
div#content h2 {
	margin-bottom: 5px;
	clear: both;
}
div#inner-content {
	padding: 5px 15px 15px;
	background: transparent url(/img/worship/bg_gradient.jpg) repeat-x;
}
ul#nav li.memberLogin {
	float: right;
	border: none;
	padding-right: 107px;
}

ul#nav li.memberLogin a {
	color: #FFF;
}

ul.logged-in {
	float: right;
	padding: 0 0 10px;
	margin: 0;
}
ul.logged-in li {
	list-style: none;
	float: left;
	font-size: 0.8em;
	padding: 0 0 0 10px;
}
ul.logged-in li a {
	font-weight: normal;
}

/*
-----------------------------------------------
Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)

Forms Style Sheet
Version: $Id: forms.css 1 2008-07-10 18:41:20Z chansen $
-----------------------------------------------
*/

/* =Contact Form
-----------------------------------------------
*/
/* 	================================
		FORMS
		================================	*/
input {clear: both; float: left; margin:0 0 1em; padding: 0; }		
form { margin:1em 0 2em 0; }
form p { clear:both; }
fieldset { border:2px solid #ccc; padding:2em; position:relative; margin:0 0 1em 0; }
legend { float:left; display:inline; padding:.5em; background:#fff; font-size:1.75em; }
label {font-weight:bold;float:left; padding:0 1em 0 0; margin:0 0 .5em 0; }
div.formfield input { font-weight: normal; width:200px; margin:.3em 0 .5em 0; padding:.2em .5em; }
select { font-weight: normal; width:200px; margin:.3em 0 .5em 0; }
textarea { clear: both; float: left; margin:0 0 1em; font-weight: normal; width:200px; height: 100px; padding:.5em; }
select { width:auto; }
option { padding:0 .5em; }

div.formfield input, textarea {
	border: none;
	border: 1px solid #666;
}
div.formfield input:focus, textarea:focus {
	background: #EEF;
}
form div {
	margin-bottom: 0.5em;
	clear: both;
}
input.fbsubmit {
	cursor: pointer;
}
div.checkbox input {
	width: auto;
	text-align: left;
}
div.captcha img {
	display: block;
}
/*	===================
		Radio Buttons
		===================	*/

/*	===================
		Check Boxes 
		===================	*/


/*	===================
		Submit Buttons
		===================	*/
input#btn_submit { width:auto; cursor:pointer; }
input#btn_reset { width:auto; cursor:pointer; }

/* safari 3 hack (these also affect Opera v9) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	fieldset { display:block; margin:1em 0 2em 0; }
	legend { position:absolute; top:-18px; left:20px; }
}


.mainTableTOC {
	width:645px;
	table-layout:fixed;
 }

.navTableTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: Normal;
	text-decoration: none;
	color: #003366;
	}

/* Month and Year Row Setup */
.monthYearRowTOC {
    height: 32px;
	text-align: left;
	vertical-align: middle;
    margin: 0px;
    padding: 6px;
	}

/* Month and Year Text Setup */
.monthYearTextTOC {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: Bold;
	color: #9A3A40;
	}

/* Day Names Row Setup */
.dayNamesRowTOC {
    height: 20px;
	background-color: #0D737F;
	text-align: center;
	vertical-align: middle;
	}

/* Day Name Setup */
.dayNamesTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #FFFFFF;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {
	font-family: Arial, Geneva, Verdana, sans-serif;
	font-size: 10px;
	color: #433D27;
	text-align: left;
	vertical-align: top;
	height: 88px;
	}

/* Color of Today's Date */
.todayTOC {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: Bold; 
	color: #FFF;
	background-color: #8FB25E;
	text-align: left;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
	}

.titleTOC {
	position:relative;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    padding: 1px;
    margin: 0px;
    }

.daynumTOC {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: Bold; 
	color: #FBFCEF;
	background-color: #B8A048;
	text-align: left;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
	}

.formElements {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.formButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.sOtherTOC {
    background-color: #EFE4C2;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999;
	vertical-align: top;
	}
.s20TOC {
	background-color: #FFFBEF;
	height: 88px;
	vertical-align: top;
	}
.s20TOC0 {
	background-color: #DFCE99;
	height: 88px;
	vertical-align: top;
	}













/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	width: 175px;
 }

.navTable {
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	width: 175px;
 }

.navTableText {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: Normal;
	text-decoration: none;
	color: #003366;
	}

/* Month and Year Row Setup */
.monthYearRow {
	background-image:   url("monthBg.gif");
    line-height: 17pt;
	background-color: #D8E2EC;
	text-align: center;
	vertical-align: middle;
	}

/* Month and Year Text Setup */
.monthYearText {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #252216;
	}

/* Day Names Row Setup */
.dayNamesRow {
    line-height: 11pt;
	background-color: #F5F4D3;
	text-align: center;
	vertical-align: middle;
	}

/* Day Name Setup */
.dayNamesText {
	background-image:   url("dayBg.gif");
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #433D27;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	color: #CF0000;
    }

/* Pop-up Events Setup */
.popupDate {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-color: #336699;
	}

.popupEventTitle {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;
}

.popupEventTime {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	background-color: #F4F4F4;
	border: 1px dotted #EFEFEF;
	padding: 1px;
}

.popupEventDescription {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	padding: 2px;
}


.popupEventDate {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #446B93;
	text-align: center;
	vertical-align: middle;
	background-color: #F7F8F9;
	border: 1px solid #FFFFFF;
	padding: 1px;
	}

.popupEnd {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #A4A4A4;
	}

.popupClose {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	background-color: #336699;
	}

.popupCloseBrackets {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	text-align: right;
	background-color: #336699;
	}
/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-color: #E0E0E0;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-color: #EBEBEB;
	}

/* Show dates from other months */
.sOther {
    background-color: #EEEEEE;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
	}
/* Weekend Cell Background (date number with no event markings) */
.s200 {
	background-color: #D0D0D0;
	}


.categoryName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}
.categorySelection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #777777;
}
.categoryDiv {
	background-color: #FCF5EF;
}


/* CALENDAR
----------------------------------------------- */
caption.calendar-month {position: relative; width: 655px; height: 64px; font-size: 180%; color: #666; padding: 0 0 0 20px; border: 2px solid #EED;}
span.calendar-prev a:hover, span.calendar-next a:hover {text-decoration: none;}
table#big {position: relative; margin: 0 0 25px 0; width: 655px;}
table#big td {position: relative; height: 92px; background: #FFE; padding: 0 0 0 10px; margin: 0; vertical-align: top; border: 2px solid #EED;}
table#big td.calendar-event {background: #EED; padding: 0 5px 0 10px; margin: 0;}
table#big td.empty {background: none;}
table#big th {width: 80px; padding: 15px 0 0 10px;}
#fullcontent .popup {background: none;}
#fullcontent ul {
	padding: 0;
	margin: 0;
}
#fullcontent li {
	padding: 0 0 0 0;
	line-height: 1.4;
	margin: 0 0 0 18px;
	list-style: outside disc;
	
}
span.month-name {float: left; display: inline; padding: 25px 0 10px;}
span.calendar-prev a:link, span.calendar-prev a:visited {
	float: left;
	display:block;
	position:relative;
	width: 30px;
	height: 60px;
	border:0;
	text-decoration:none;
	margin: 22px 0 0;
	color: #666;
}
span.calendar-next a:link, span.calendar-next a:visited {
	float: left;
	display:inline;
	position:relative;
	width:30px;
	height: 60px;
	border:0;
	text-decoration:none;
	margin: 22px 0 0;
	color: #666;
}
.bubbleInfo {position:relative; z-index:300;}
.trigger {padding: 10px 0 0 0px; height: 92px;}
.trigger a:link, .trigger a:visited {color: #033; text-decoration: none;}
#fullcontent .bubbleInfo ul {margin-top: 5px;}
#fullcontent .bubbleInfo li {font-size: 90%; line-height: 80%;}
#fullcontent .popup {
    position: absolute;
	z-index:500;
	text-align:left;
	bottom:92px;
	left:-105px;
    display: none;  /*keeps the popup hidden if no JS available */
}
#fullcontent .popup h4 {background: #CCB; color:#033; padding:10px 10px 0 20px; white-space:nowrap; font: 120% "Century Gothic" Arial, Helvetica, sans-serif; font-weight: normal;}
#fullcontent .popup ul {background: #EED; width:250px; padding:10px 10px 10px 20px; margin:0; border: 1px solid #CCB;}
#fullcontent .popup li {padding-bottom:8px; line-height:116%;}
#fullcontent .popup span.summary {display:block; color:#033; font-size:85%;}
.calendar-returnlink {margin: 0 0 20px 0;}
.calendar-returnlink a:link, .calendar-returnlink a:visited {color:#900; text-decoration: none; padding: 0;}
.calendar-returnlink a:hover {text-decoration: underline;}
.calendar-date-from, .calendar-details-title {font-weight: bold; padding: 10px 0;}

/* member-tools */
#m3moduleform_1 input{
	float: none;
}

#m3moduleform_1 .captchapict{
	border: 6px solid #f4fde2;
	margin-bottom: 10px;
}