/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {
	font-size:100%;
	line-height:1.125em;
	background-image: url(images/bg.gif);
}
html, input, textarea	{
	font-family: Arial, Helvetica, sans-serif;
	color:#233436;
}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#23898e; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#23898e; font-weight: bold}
.link1{color:#eca908; font-weight: bold; text-decoration:none}
.link1:hover{text-decoration: underline }
.link2{color:#233436;}

#header .button{color:#ebecdb; background:url(images/button.gif) top left no-repeat; font-weight:bold; padding-left:9px; width:91px; text-transform:uppercase; font-size:1.08em; text-decoration:none; line-height:27px; display:block  }
#header .button:hover{text-decoration:none; color:#fff }

ul{margin:0; padding:0; list-style:none;}
ul li{
	background-position:0 0px;
	margin:0;
}
ul li a{
	color:#3333CC;
	text-decoration: none;
	line-height:1.16em
} 
ul li a:hover { text-decoration:none; }

.title-1 { display:block; float:left; background:url(images/title_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; width:100% }
.title-1 em { display:block; background:url(images/title_left.gif) no-repeat left top}
.title-1  b { display:block; background:url(images/title_right.gif) no-repeat right top; padding:11px 21px 15px 21px; font-weight:normal; font-style:normal;}

#content .img-left3{float:left; margin:0 10px 0px 0; text-align:center; font-size:.916em; font-weight:bold; color:#FFF}
#content .img-left4{
	float:left;
	background:url(images/button1.gif) no-repeat top left;
	width:49px;
	height:50px;
	text-align:center;
	font-size:.916em;
	font-weight:bold;
	color:#FFF;
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 8px;
	margin-left: 0;
}

/*header*/
#header {font-size:0.75em; color:#233436 }
#header .logo{ margin-top:25px; position:absolute; font-family:Tahoma, Geneva, sans-serif}
#header .menu{
	margin:50px 0 0 207px;
	position:absolute;
	width:758px;
	height:47px;
	background:url(images/bg_menu.gif) no-repeat top left;
	padding-top:6px;
	line-height:1.25;
	font-size:.95em
}
#header .indent{padding:123px 0 0 0}
#header .indent1{padding:128px 0 0 35px}
#header .indent2{padding:30px 20px 10px 24px}
#header p{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
#header .p{ margin:0 0 27px 0}
#header h2{color:#233436; text-transform:uppercase; font-size:2.16em; margin-bottom:13px;  }
#header h3{color:#233436; font-size:2.16em;}
#header a{color:#233436; text-decoration:underline; outline:none} 
#header a:hover{text-decoration:none}

#header h1{color:#23898e; font-size:3.64em; margin-bottom:13px; line-height:normal; text-transform:uppercase  }
#header h1 strong{color:#233436; display:block; font-size:0.76em; line-height:0.84; margin-left:40px}
#header h1 a{color:#23898e; text-decoration:none}
#header h1 a:hover{text-decoration:none  }

#header .slogan{color:#f3de71; text-transform:uppercase; font-size:3.33em; line-height:1.4em; }
#header .slogan strong{color:#fff; display:block; font-size:1.25em}
#header .slogan b{color:#f3de71; display:block; font-size:1.71em; margin-left:35px}
#header .slogan span{color:#fff; margin-left:15px;}

#header .slogan-p3{color:#007FFF; text-transform:uppercase; font-size:3.33em; line-height:1.4em; }
#header .slogan-p3 strong{color:#fff; display:block; font-size:1.25em}
#header .slogan-p3 b{color:#007FFF; display:block; font-size:1.71em; margin-left:35px}
#header .slogan-p3 span{color:#fff; margin-left:15px;}

#header .slogan-p5{color:#800000; text-transform:uppercase; font-size:3.33em; line-height:1.4em; }
#header .slogan-p5 strong{color:#000; display:block; font-size:1.25em}
#header .slogan-p5 b{color:#800000; display:block; font-size:1.71em; margin-left:90px}
#header .slogan-p5 span{color:#fff; margin-left:45px;}

#header ul{
	margin:0;
	list-style:none;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}
#header ul li{ margin:0; display:inline; background:url(images/bg_li.gif) center left no-repeat; float:left}
#header ul .first {background:none;padding:0 22px 0 0}
#header ul .first a{background:none; padding-left:0}
#header ul li a{color:#fff; text-decoration:none; font-size:1.33em; text-transform:uppercase; display:block; float:left; padding:0 22px 0 22px} 
#header ul li a:hover { color:#f4d535; text-decoration:none;}
#header ul li .current{ color:#f4d535; text-decoration:none;  }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-col{padding:11px 0 0 19px}
#content .indent-col-page1{padding:11px 0 0 8px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{
	float:left;
	background:url(images/button1.gif) no-repeat top left;
	width:49px;
	height:50px;
	text-align:center;
	font-size:.916em;
	font-weight:bold;
	color:#FFF;
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 8px;
	margin-left: 0;
}
#content .img-left1 b{
	color:#233436;
	font-size:2.18em;
	display:block;
	font-weight:normal;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}
#content .img-left2{ float:left; margin:0 12px 16px 0; }
#content .img-indent{ margin:0 0 11px 0}
#content p{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}
#content .p{ margin:0}
#content .p1{ margin:0 0 3px 0}
#content .p2{ margin:0 0 45px 0}
#content .p3{ margin:0 0 7px 0}
#content .p4{ margin:0 0 30px 0}
#content h2{color:#fff; text-transform:uppercase; font-size:1.5em; line-height:1.2em; text-transform:uppercase; margin-bottom:13px;  }
#content h4{
	color:#8b870e;
	font-size:2.3em;
	margin-bottom:13px;
}
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:5px}

.txt{ color:#233436; font-size:.916em}
.txt a{ color:#233436}
.txt strong{ color:#800}
.txt em{ color:#23898e}

.librarylogo{
	font-size:2.25em;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	line-height:1.15;
	text-align:center;
	padding-top: 12px;
	padding-bottom: 12px;
}

#content .indent{padding:0 50px 25px 0}

/*footer*/
#footer { color:#233436; font-size:0.75em; background:url(images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:60px 50px 0 17px;}
#footer a {color:#23898e; text-decoration:none; font-weight:bold}  
#footer a:hover {  text-decoration:underline}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:34px}
.block-contact span{ float:right; margin-right:30px}

.dateContainer {height:110px; width: 120px; clear:right;}
.dateLabel{text-align:right; font-weight:bold; height:16px; width: 120px}

.calendar {color:#fff; text-decoration:none; font-weight:normal; font-size:100%}
.calendar:hover {color:#000000; text-decoration:none; font-size:100%;}

.calendarEvent {
	text-align:left;
	height: 18px;
	width: 114px;
	color: #3333CC;
	float:left;
	padding: 3px 0 0 6px;
}
.calendarEvent:hover {color:#000000; text-decoration:none; color:#000; font-size:100%;}

.adultEvent {
	background-color:#83E083;
}
.adult2Event {
	background-color:#808080
}
.cncEvent {
	background-color:#669999;
}
.kidsEvent {
	background-color:#CCFFFF;
}
.youthEvent {
	background-color:#FFFF6A;
}
.worshipEvent {
	background-color:#FFCC99;
}
.generalEvent {
	background-color:#F4BCAE;
}
.specialEvent {
	background-color:#993366;
	color: #FFFFFF;
}
.cancelledEvent {
	background-color:maroon;
}
#podcast ol {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #E5E2D7;
	padding: 0px 0px 0px 40px;
	}
	
#podcast ol li {
	list-style: decimal inside;
	}

#messages{
	width:100%;
	line-height: 190%;
	border-collapse:collapse;
	border-top:1px solid #5c4a32;
	margin: 15px 0px 0px;
}
#messages a{
	text-decoration:none;
	font-weight: bold;
}
#messages a:hover{
	text-decoration:underline;
}

#messages tr.over td{
	background:#A0A0A4;
}
#messages td{
	margin:0px;
	vertical-align:middle;
	color:#2A1F00;
}
#messages td img{
	display:block;
	margin:0px auto;
	padding: 0px;
	background:none;
}
#messages td a img{border-style:none}

#messages td.messageDownload{
	text-align:left;
	width:20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

input{
   	border:1px solid #000000; 
	background:url(images/bg1.gif);
	width:272px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px
}
textarea{
   	border:1px solid #000000; 
	background:url(images/bg1.gif);
	width:272px; height:200px;
	font-size:1em;
	padding-left:5px;
	padding-top:3px;
	margin-bottom:21px;
	overflow:auto}

#dailyverse {
	float: left;
	width: 290px;
	background-color:#C0DCC0;
	border: 1px solid #B3B3B3;
	color: #334259;
	padding: 3px 5px;
	line-height: 14px;
	margin-top: 7px;
}

#dailyverse h2 {	
	font-size: 1.1em;
	font-weight: bold;
}

#dailyreading {
	float: left;
	width: 290px;
	background-color:#C0DCC0;
	border: 1px solid #B3B3B3;
	color: #334259;
	padding: 3px 5px;
	line-height: 14px;
	margin-top: 7px;
}

#dailyreading span.dateRef {
	font-size: 1.2em;
	line-height: 17px;
	text-decoration:none;
}

#dailyreading a {
	text-decoration:underline;
}

#dailyreading a:hover {color:#23898e; font-weight:bold; text-decoration:none;}

#indent-col .eventlist {
	float: left;
	display: inline;
	border-top: 1px dashed #c3b080;
	margin-bottom: 5px;
}


.eventlist ul {
	list-style-type: none;
}

.eventlist li {
}

.eventlist li a {
	width:290px;
	height:49px;
	border-bottom: 1px dashed #c3b080;
	text-decoration: none;
	padding: 3px 0px 6px 0px;
	display: block;
}

.eventlist li a:hover {
	background-color:#FFFBF0;
}

.eventlist li span.listheader {
	font-size: 1.2em;
	line-height: 17px;
	color:#2A3F55;
	font-weight: bold;
}

.eventlist li span.listdesc {
	font-size:1.1em;
	color: #4d4d4d;
}

#content .eventdate{
	float:left;
	background:url(images/button1.gif) no-repeat top left;
	width:49px;
	height:50px;
	text-align:center;
	font-size:.916em;
	font-weight:bold;
	color:#FFF;
	margin-right: 6px;
	margin-bottom: 8px;
}
#content .eventdate b{
	color:#233436;
	font-size:2.18em;
	display:block;
	font-weight:normal;
	margin-top: 12px;
	margin-bottom: 8px;
}