/*
*****************************************************

Christian fellowship Church Belfast Css http://www.cfcbelfast.com
Interface, Css and Site Development by Allison Baxter Design http://www.allisonbaxter.com 

*****************************************************
*/

/* =Reset Styles ///////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	color: black;
	background: white;	
}

ul{
	list-style-type: none;
	 }

li {
	list-style: none;
	font-size: 13px;
	line-height: 18px;
	font-variant: normal;
	padding-bottom: 5px;
}

ol{
	list-style-type: decimal;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset ///////////////////////////////////////////////////////////////////*/


/* Main Site styles ///////////////////////////////////////////////////////////////////*/

html { overflow: -moz-scrollbars-vertical;}
html { overflow-x: auto; }

	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
html, body { height:100% }
body {  margin: 0;  padding:0;  background: #faf9f8;
	font: normal 13px/18px Frutiger,Univers, "Helvetica Neue" , "Lucida Grande" ,Calibri,Helvetica,Verdana,sans-serif;
	text-transform: none;
	color: #353535;
}	
	
#header {
	width: 940px;
	background-color: #faf9f8;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 10px auto 0;
}

#homestrip{
	background-color: #464873;
	padding-bottom: 10px;
	margin-top: 0;
	clear: both;
	height: 320px;
}

#homeshortstrip{
	background-color: #464873;
	padding-bottom: 10px;
	margin-top: 0;
	clear: both;
	height: 45px;
}


#whostrip{
	background-color: #485368;
	padding-bottom: 10px;
	margin-top: 0;
	clear: both;
	height: 45px;
}

#communitystrip{
	background-color: #42809b;
	padding-bottom: 10px;
	margin-top: 0;
	clear: both;
	height: 45px;
}

#worshipstrip{
	background-color: #a64138;
	padding-bottom: 10px;
	margin-top: 0;
	clear: both;
	height: 45px;
}

#missionstrip{
	background-color: #736140;
	padding-bottom: 10px;
	margin-top: 0;
	clear: both;
	height: 45px;
}

#youthstrip{
	background-color: #414556;
	padding-bottom: 20px;
	margin-top: 0;
	clear: both;
	height: 45px;
}

#resourcesstrip{
	background-color: #f2c063;
	padding-bottom: 10px;
	margin-top: 0;
	clear: both;
	height: 45px;
}


.innerwrap {
width: 940px;
margin: 0 auto;
}

.leftside {
	width:620px;
	float: left;
	margin-bottom: 10px;
	text-align: left;
}
	
.rightside {
	float:right;
	width: 308px;
	clear:  both;
	margin-bottom: 10px;
}

.fullwidth {
	
	width: 920px;
	clear:  both;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

				
#topbar { /* top holder div for member login and subsite search  */
	height: 85px;
	width: 940px;
	padding-right: 0;
	padding-left: 10px;
	margin-top: 10px;
}

#logo {
	width:220px;
	height: 85px;
	float: left;
}

#pagetitle {
	width:600px;
	float: left;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 10px;
	color: #ffffff;
	line-height: 36px;
	font-size: 36px; 
	font-weight: bold; 
	letter-spacing: -1px;
	}


	
/* Top Sub Navigation navigation //////////////////////////////////////////////*/

#subnav {width:500px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 10px;
	color: #272f43;
		float: right;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

#subnav a { text-decoration:none; color: #272f43;}
#subnav a:hover {text-decoration: underline; color:#272f43;}
#subnav a:visited { color:#272f43;}

/*End Top subsite navigation  //////////////////////////////////////////////////// */

/*   Header text styles  ////////////////////////////////////////////// */
h1, h2, h3, h4, h5, p {margin-bottom: 5px;}
h1 {
	color: #353535;
	padding: 10px 0px;
	text-align: left;
	line-height: 36px;
	font-size: 32px; font-weight: bold; letter-spacing: -1px;
	margin-bottom: 10px;
}

h2 {
	color: #42809b;
	padding: 8px 0px;
	text-align: left;
	font-size: 20px; line-height: 27px; font-weight: bolder; letter-spacing: -1px;
}

h2 a:link {
	color: #42809b;
	text-decoration: none;
}

h2 a:hover {
	color: #42809b;
	text-decoration: underline;
}

h2 a:visited {
	color: #42809b;
	text-decoration: none;
}
	
h3 {
	color: #353535;
	text-align: left;
	margin-top: 2px;
	line-height: 27px;
	font-size: 24px;
	font-weight: bolder;
	padding: 4px 0px 4px;
	text-indent: 0;
	margin-left: 0;
}

h4 {
	color: #a64138;
	margin-top: 2px;
	color: #242259;
	font-weight: bolder;
	line-height: 14px;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	margin-left: 0;
	text-indent: 0;
}

h4 a:link {
	color: #a64138;
	text-decoration: none;
}

h4 a:hover {
	color: #a64138;
	text-decoration: underline;
}

h4 a:visited {
	color: #a64138;
	text-decoration: none;
}

h4 a:active {
	color: #a64138;
	text-decoration: none;
}

h5 {
	color: #42809b;
	padding: 4px 0px 4px;
	text-align: left;
	font-size: 18px; line-height: 27px; font-weight:500;
	text-indent: 0;
}

h6 {color:#f2cd5c;
	font-size: 13px;
}

h7 {color:#ffffff;
	font-size: 35px;
	text-transform: uppercase;
}

p {
	font-size: 13px;
	line-height: 18px;
	font-variant: normal;
}







/*Start Search Bar  //////////////////////////////////////////////////// */

#search {
padding-top:10px;
float:right;
}
#search fieldset {
float:left;
}
#search input#search_term {
background:transparent url(../images/permanent/bg_search_input.gif) repeat scroll 0 0;
border:medium none;
display:inline;
float:left;
font-size:12px;
height:19px;
margin-right:4px;
padding: 3px 5px;
width:185px;
}

#titlesearchbar{
	width: 308px;
	height: 40px;
	margin-bottom: 0;
	margin-top: 0;
	float:right;
	clear:  both;
}
/*End Search ///////////////////////////////////////////////////////////////////*/


/* General Links ///////////////////////////////////////////////////////////////////*/

a:link {color: #a64138; text-decoration: none;}
a:visited {color: #a64138; text-decoration: none;}
a:hover {color: #736140; text-decoration: underline;}
a:active {color: #736140; text-decoration: underline;}

/* image styles */

img{border:none;}

.rightimage/* right aligns text and image */
    {
    float: right; 
    padding: 10px;
	border: 1px solid #beaf95;
	margin-left: 10px;
	margin-bottom: 10px;

}

.leftimage{
	float: left;
	padding: 8px;
	border: 1px solid #beaf95;
	text-align: left;
	margin-right: 8px;
	margin-bottom: 2px;
}

.eventimage/* event details image */
    {
    padding: 10px;
	border: 1px solid #beaf95;
	margin-top: 10px;
}


img.centeralign { vertical-align: middle; }

img.button {vertical-align: top;
padding: 0px 5px 0px 0;
}

.centredposition {
	margin: 0 auto;
	width: 580px;
	text-align: center;
}
	.frontpodcast {
	background-color: #faf9f8;
	border: 1px solid #736140;
	margin-top: 10px;
		float:left;
		width: 610px;
		margin-bottom: 20px;
}

.frontpodcastleft { float:left; width:280px; padding:10px;}

.frontpodcastright { float:right; width:280px;padding:10px;}

.container {
	width: 100%;
	padding-top: 5px;
	margin-top: 5px;
	clear: both;
	vertical-align: top;
}

.maincontainer {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 600px;
	text-transform: none;
	clear:both;
}

.textcontainer {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 580px;
	text-transform: none;
	color: #faf9f8;
}

.textcontainer a {
	color:#f2cd5c;
	text-decoration: none;
}

.textcontainer a:hover {
	color:#f2cd5c;
	text-decoration: underline;
}

.teachingimage {
	background-color: #d7d3c8;
	margin-top: 10px;
	padding:10px;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #d7d3c8;
}

.ministry_contact {
	padding:10px; 
	margin: 0px 0px 30px 0px
	}
	





/* Front Page Tabbed Section  ///////////////////////////////////////////// */
#tabContainer{
position:relative;
width:308px;
	
}

#tabMenu{
position:relative;
height:30px;
}

#tabContent{
position:relative;
height:230px;
color:#272f43;
border:10px solid #edeae4;
overflow:auto;
background-color: #faf9f8;
	margin-top: 10px;
}

#tabContent .content{
display:none;
padding: 5px 10px 5px;
}

#tabContent .active{
padding: 5px 10px 5px;
display:block;
white-space:pre;
}

/* Tab menu styles generated via the horizontal menu builder @ www.cssmenubuilder.com */
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background: url(../images/permanent/topMenuImages2.png) repeat-x;}

.menu li{padding:0; margin:0; list-style:none; display:inline;}

.menu li a{float:left; padding-left:15px; display:block; color:#272f43; text-decoration:none; cursor:pointer; background:url(../images/permanent/topMenuImages2.png) 0px -30px no-repeat;
	font-size: 12px;
}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background: url(../images/permanent/topMenuImages2.png) no-repeat 100% -30px;}
.menu li a:hover{background-position:0px -60px; color:#272f43;}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px;  background:url(../images/permanent/topMenuImages2.png) 0px -90px no-repeat; color:#272f43;}
.menu li a.active span, .menu li a.active:hover span{background:url(../images/permanent/topMenuImages2.png) 100% -90px no-repeat;}
/* End Front Page Tabbed Section  ///////////////////////////////////////////// */

#content{
	width: 960px; clear: both;
}

#leftside {
	width:625px;
	float: left;
	margin-bottom: 10px;
	text-align: left;
}
	
#rightside {
	float:right;
	width: 308px;
	clear:  both;
	margin-bottom: 10px;
}
	
	
#rightside ul {
	margin-bottom:0;
    }

#rightside h3, #sidebar p {
	padding:0 10px 0 0;
    }
    
 .sidebar {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}


    

/* footer Styling  //////////////////////////////////////////////// */
#footerfloat
	{
	float				: left;
	width				: 600px;
	
	}
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.footerleft
	{
	width				: 300px;
	float				: left;
	}
.footermid
	{
	width				: 300px;
	float				: right;
	}
.footerright
	{
	width				: 300px;
	float				: right;
	}

/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */

#footer
	{
	color: #000000;
	background-color:#42809b;
	padding:10px;
	clear: both;
	margin: 10px auto;
}

#copyright
	{color: #353535;
	width: 940px;
	margin-top: 5px;
	clear: both;
	text-align: right;
	font-size: 10px;
	font-style: italic;
	margin: 5px auto 20px;
}

/* HORIZONTAL PADDING OUTSIDE COLUMNS */
.footerleft-content { margin-left: 10px; }
.footerright-content { margin-right:10px; }
.footermid-content { margin-left:10px; }
/* VERTICAL PADDING ABOVE COLUMNS */
.column_padding_after
	{
	height:2px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
#footer, #footerfloat, .footerleft, .footermid, .footerright
	{ p\osition: relative; }


#footer p {
	text-indent: 29px;
	line-height: 14px;
	font-size: 12px;
}

#footer a:link {
	color: #f2cd5c;
	text-decoration: none;
}

#footer a:visited {
	color: #f2cd5c;
	text-decoration: none;
}

#footer a:hover { 
	color: #f2cd5c;
	text-decoration: underline;
}

#footer a:active {
	color: #fff;
	text-decoration: underline;
}
/* End of footer Styling  //////////////////////////////////////////////// */

	


/* Navigation  ///////////////////////////////////////////////////////////////*/
#topnav{
	height: 30px;
	margin-bottom: 0;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	text-decoration:none;
}
.sf-menu {
	line-height: 18px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			100%;
	
}
.sf-menu ul li {
	width:	150px;
	height: 20px;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	text-decoration:none;

}
.sf-menu li {
	float:			left;
	position:		relative;
	-moz-border-radius: 8px 8px 0 0;
	height: 20px;
	padding: 5px 3px;
}

.sf-menu a {
	display:		block;
	position:		relative;	
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match topnav height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			100%; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


.sf-menu {
	float:right;
	font-size: 11px;
	line-height: 12px;
	
}
.sf-menu a {
	padding: 0 8px;
	text-decoration:none;
	margin-right: 2px;
	margin-bottom: 0;
	text-decoration:none;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		outline:		0;
	color: #edeae4;
	padding-bottom: 5px;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	20px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			3px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			3px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



.home {
background: #464873;
margin-right: 2px;
color:#ffffff;
}

.home a{color: #ffffff;}
.home a:hover{color: #edeae4;}
.home ul  {
	background: #464873;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 0 0;
	width:  150px;
	padding-bottom: 10px;
}


.who {
margin-right: 2px;
background: #485368;
color: #ffffff;
	z-index: 1;
}

.who a {color: #ffffff;}
.who a:hover{color: #edeae4;}

.who ul  {
	background: #485368;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 0 0;
	width:  150px;}


.community {
background: #42809b;
margin-right: 2px;
color: #ffffff;}

.community a{color: #ffffff;}
.community a:hover{color: #edeae4;}
.community ul  {
	background: #42809b;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 0 0;
	width:  150px;}

.worship {
background: #a64138;
margin-right: 2px;
color: #ffffff;} 

.worship a{color: #ffffff;}
.worship a:hover{color: #edeae4;}
.worship ul  {
	background: #a64138;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 0 0;
	width:  150px;}
	
	
.mission {
background: #736140;
margin-right: 2px;
color: #ffffff;} 

.mission a{color: #ffffff;}
.mission a:hover{color: #edeae4;}
.mission ul  {
	background: #736140;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 0 0;
	width:  150px;}

.youth {
background: #414556;
margin-right: 2px;
color: #ffffff;}

.youth a{color: #ffffff;}
.youth a:hover{color: #edeae4;}
.youth ul  {
	background: #414556;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 0 0;
	width:  150px;}

.resources {
background: #f2c063;
color: #edeae4;}

.resources a{color: #ffffff;}
.resources a:hover{color: #736140;}
.resources ul  {
	background: #f2c063;
	opacity: 0.95;
	-moz-border-radius: 0px 0px 0 0;
	width:  150px;}

/* ---------------------------------------- Events Calendar Styles ------------------------------ */

#event_calendar {
	width: 900px;
	border: none;
	margin-right: auto;
	margin-left: auto;
}


.calendarBlank { 
	background: #faf9f8 url(../images/permanent/numbers/date.png) no-repeat center bottom;
	width: 128px;
	text-align: center;
	vertical-align: top;
	line-height: 30px;
	border: 1px solid #ffffff;
	font-size: 12px;
	height: 100px;
}
	
	#calendarhead {
	background-color: #ffffff;
	font-size:14px; 
	margin-bottom: 10px;
	height: 30px;
	color: #42809b;
	vertical-align: middle;
}


.calendarmonth {
	float:left;
	margin-left: 40px;
	margin-bottom: 10px;
	width: 700px;
	text-align: center;
	margin-top: 8px;
	font-size: 16px;
	font-weight: bold;
}

.MonthLinksprev {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
	float: left;
	width:30px;
	padding-left: 10px;
	vertical-align: middle;
	margin-top: 3px;
	background: url(../images/permanent/numbers/arrow-left.png) no-repeat left center;
	height:25px;
	margin-left: 5px;
}

.MonthLinksprev a {
		color: #ffffff;
		text-decoration: none;
		background: url(../images/permanent/numbers/arrow-left.png) no-repeat;
		}

.MonthLinksprev a:hover {
			color: #ffffff;
			text-decoration: underline;
	
}

.MonthLinksnext {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: right;
	float: right;
	padding-right: 10px;
	width:30px;
	margin-top: 3px;
	background: url(../images/permanent/numbers/arrow-right.png) no-repeat right center;
	height:25px;
	margin-right: 5px;
}

	.MonthLinksnext a {
		color: #ffffff;
		text-decoration: none;
		background: url(../images/permanent/numbers/arrow-right.png) no-repeat;
		
		}

		.MonthLinksnext a:hover {
			color: #ffffff;
			text-decoration: underline;
			}
			

.calendarDayHeading {
	 
	font-size:	11px;
	color: #fff; 
	background-color: #42809b;
	text-align:  center;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
	border-top: 5px solid #d7d3c8;
	border-bottom: 5px solid #d7d3c8;
}

.calendarweek {
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-top-width: 10px;
	border-top-style: solid;
}

.calendarToday { 
	font-size: 60px;
	letter-spacing: -5px;
	text-align: center;
	vertical-align: top;
	color: #a64138;
	background: #faf9f8 url(../images/permanent/numbers/date.png) no-repeat center bottom;
	width: 128px;
	padding-right: 10px;
	border: 1px solid #ffffff;
	height: 100px;
	line-height: 70px;
}

.calendarCell {
	font-size: 60px;
	font-weight: normal;
	letter-spacing: -5px;
	text-align: center;
	vertical-align: top;
	color: #414556;
	width: 128px;
	font-style: normal;
	background: #faf9f8 url(../images/permanent/numbers/date.png) no-repeat center bottom;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #ffffff;
	height: 100px;
	line-height: 70px;
}

.calendarCell a {
	color: #42809b;
		text-decoration: none;
}

.calendarCell hover {
	color: #42809b;
		text-decoration: underline;
}

.event_link {
	
	font-size: 10px;
	letter-spacing: normal;
	text-align: left;
	padding-left: 3px;
	line-height: 16px;
}

	.event_link  a {
		color: #414556;
		text-decoration: none;
		font-size: 10px;
		}

	.event_link a:hover {
		text-decoration: underline;
		font-size: 10px;
		}




#eventleftcol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px;
	background: url(../images/permanent/numbers/date1.png) no-repeat left top;
	width: 91px;
	float: left;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	height: 200px;
	color: #414556;
	font-style: normal;
	vertical-align: middle;
	line-height: 40px;
}

#eventrightcol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px;
	float: right;
	text-align: left;
	clear: both;
	width: 500px;
}

.datecol {
background: url(../images/permanent/numbers/datesml.png) no-repeat; width:40px; height:54px; text-align:center;
float:left; color:#464854; padding-top:0px; font-size:11px; margin-right:5px; margin-bottom:5px;
}

.datecol div {
font-size:14px;
font-weight:700;
padding-top:0px;

}

.white {
	color: #ffffff;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 1px;
	padding-top: 1px;
}

.whitelarge {
	color: #ffffff;
	font-weight: bold;
	font-variant: small-caps;
	margin-top: 1px;
	padding-top: 7px;
	font-size: 26px;
}

.blacklarge {
	color: #353535;
	padding-top: 18px;
	font-size: 26px;
	font-weight: bold;
}

.black {
	color: #353535;
	margin-top: 2px;
	font-size: 26px;
}

.sideeventcol {margin-bottom:10px; width: 230px;
	text-align: left;
}
.sideeventcol, .sideeventcol a, .sideeventcol a:visited {font-size:14px; font-weight:bold; color:#a64138; text-decoration:none; }
.sideeventcol a:active, .sideeventcol a:hover  {font-size:14px; color:#a64138; text-decoration: underline;}



.post {

	margin: 0 0 10px;

	text-align: justify;
	clear: both;

	}


.eventlist{
	
	font-size: 14px; 
	color: #a64138;
	margin-top: 2px;
	font-weight: bolder;
	line-height: 20px;
	
}

.eventlist p{
font-size: 14px;
line-height: 1.4px;	
}

.eventlist a:link {
	color: #a64138;
	text-decoration: none;
}

.eventlist a:hover {
	color: #a64138;
	text-decoration: underline;
}

.eventlist a:visited {
	color: #a64138;
	text-decoration: none;
}

.eventlist a:active {
	color: #a64138;
	text-decoration: none;
}


	.sideevents h2 {
	color: #42809b;
	padding: 4px 0px 4px;
	text-align: left;
	font-variant: small-caps;
	line-height: 18px;
	font-size: 16px;
}

.sideevents h2 a:link {
	color: #42809b;
	text-decoration: none;
}

.sideevents h2 a:hover {
	color: #42809b;
	text-decoration: underline;
}

.sideevents h2 a:visited {
	color: #42809b;
	text-decoration: none;
}

.clear{
	clear: both;
}

/* ------------------------------ Events Listing Styles ----------------------- */
.interiorBox {   
	margin: 10px 0 20px; 
	background-color: #d7d3c8;
	padding: 10px;
	width: 600px;
	
}

.interiorBox {   
	margin: 10px 0 20px; 
	background-color: #d7d3c8;
	padding: 10px;
	width: 600px;
	
}

.calendarBox {   
	margin: 10px auto 20px; 
	background-color: #d7d3c8;
	padding: 10px;
	width: 900px;
	
}

	
	
.events { 
	background-color:#beaf95; 
	padding:45px 15px 15px 15px; 
	width:300px; 
	float:left;
	position:relative;
	clear:left;
	}

	.events img { 
		border:1px solid #736140; 
		margin:5px 0; 
		}

	.events h4 {
		display:inline;
		padding-right: 5px;
		}
		
	.events .redBglink {
		padding:2px 4px 4px 4px; 
		}


/*end events */

/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}
	
	#unitippoint { 
		background: url(../images/TipPoint.png) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(../images/TipMid.png) repeat; 
		width: 125px;
		height: auto; 
		padding: 5px 15px 5px 5px;
	text-align: left;
	}
	
	#unitipcap { 
		background: url(../images/TipCap.png) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}
	
/* side events display */

#sideevents {
margin-top: 10px;
	background-color: #edeae4;
	margin-bottom: 0;
	padding: 10px;
	clear:both;
	text-indent: 5px;

}

.sideevents {
margin-top: 10px;
	background-color: #edeae4;
	margin-bottom: 0;
	padding: 10px;
	clear:both;
	}

.topsideevents {
margin-top: 10px;
	background-color: #edeae4;
	margin-bottom: 20px;
	padding: 10px;
	clear:both;
	text-indent: 5px;
}

#sideeventbottom {
	height: 65px;
	background: url(../images/permanent/papercurl.png) no-repeat 0 top;
	width: 288px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;

}

/* side resources display */


	.sideresources, #flickr_thumbs {
	background-color: #faf9f8;
	border: 1px solid #736140;
	margin-top: 10px;
	width: 288px;
	padding: 10px;
	margin-bottom: 20px;
}


.blockcontainer {
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;

}

#worshiplink a {
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 20px;
}


.accordionButton {	
	cursor: pointer;
	font-size: 18px;
	text-decoration: none;
	color: #42809b;
	clear: both;
	background: url(../images/permanent/buttons/downarrow.png) no-repeat left top;
	text-indent: 30px;
	line-height: 27px;
	font-weight: 500;
}
 
.accordionContent {	
	display: none;
	clear: both;
	background: url(../images/permanent/acordgrandient.jpg) repeat-x left top;
}

.accordiontext {	
	width:500px;
	margin-right: auto;
	margin-left: auto;
}

.accordiontitle {	
	color: #353535;
	font-size: 14px;
	line-height: 20px;
	font-weight: bolder;
}
	
.bandspacing {
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
}

/*horizontal line */
hr {color: #faf9f8; 
background-color: #faf9f8; 
width: 95%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px dotted #d7d3c8;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
}
/* */


/*login */

#facebox .b {
  background:url(../images/permanent/b.png);
}

#facebox .tl {
  background:url(../images/permanent/tl.png);
}

#facebox .tr {
  background:url(../images/permanent/tr.png);
}

#facebox .bl {
  background:url(../images/permanent/bl.png);
}

#facebox .br {
  background:url(../images/permanent/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/* end login */

	
/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Frutiger,Univers, "Helvetica Neue" , "Lucida Grande" ,Calibri,Helvetica,Verdana,sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Frutiger,Univers, "Helvetica Neue" , "Lucida Grande" ,Calibri,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: "Trebuchet MS",Trebuchet, Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Frutiger,Univers, "Helvetica Neue" , "Lucida Grande" ,Calibri,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Frutiger,Univers, "Helvetica Neue" , "Lucida Grande" ,Calibri,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}

#welcomevideo{
	width: 308px;
	height: 200px;
	margin-bottom: 0;
	margin-top: 0;
	float:right;
	text-align: center;
	clear:  both;
	}
	
	/* ----------------------------------------- blog post Styles --------------------------------------------*/
.post {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	}

	.post_meta {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
		font-size: 10px;
	font-style: italic;
}

/* ----------------------------------------- sitemap 2 col Styles --------------------------------------------*/
#sitemapleftcol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px;
	background: url(../images/permanent/numbers/date1.png) no-repeat left top;
	width: 91px;
	float: left;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	height: 200px;
	color: #414556;
	font-style: normal;
	vertical-align: middle;
	line-height: 40px;
}

#sitemaprightcol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px;
	float: right;
	text-align: left;
	clear: both;
	width: 500px;
}

.rowON {
	float: left;
	width: 80px;
	padding: 5px;
}

.rowOff {
	float: right;
	width: 80px;
	padding: 5px;
}

#flickr_thumbs ul li{
    float: left;    
    display: inline;
    margin: 0 10px 20px 0;
    padding: 3px 3px 5px 3px;    
    list-style-type: none;
    border:0;
    background-color: #e3e3e3;
    font-size: 92%;
    background-image: none;
    border: 1px solid #999999;
    text-align: center;
} 

.volunteer{
	background-color: #fff;
	padding: 20px;
	color: #000;
	font-size: 14px;
	line-height: 16px;
}

.volunteer h1{
	color: #000;
	font-size: 30px;
	font-weight: bold;
	line-height: 0px;
}

.volunteer h2{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 0px;
	padding-bottom: 16px;
	border-bottom: 3px solid #000;
}

.volunteer h3{
	color: #000;
	font-size: 20px;
	font-weight: bold;
}



.form{
	background-color: silver;
	padding: 20px 10px;
	-moz-border-radius: 3px;-webkit-border-radius: 3px;
}

.left{float: left;}
.right{	margin-left: 350px;
}