body {
font-size : 10pt; 
font-family : Century Gothic, Verdana, Arial; 
font-weight : normal; 
color : #5c4e26; 
background-color : #ffffff;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : auto; 
}

h1 {
font-family : Century Gothic, Verdana, Arial; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
font-size : 10pt; 
color : #5c4e26; 
background-color : transparent; 
padding-bottom: 10px;
}

h2 {
font-family : Century Gothic, Verdana, Arial; 
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 11pt; 
color : #5c4e26; 
background-color : transparent; 
}

h3 {
	font-family : Century Gothic, Verdana, Arial; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : bold; 
	font-size : 9pt; 
	color : #E94635; 
	background-color : transparent; 
}

p {
	font-size : 10pt; 
	font-family : Verdana; 
}

a {
	color : #b2ba00;
  	font-family : Century Gothic, Verdana, Arial; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : bold; 
	font-size : 9pt;
}

a:visited {
	color : #b2ba00;
}
	
.smalltext {
	font-family : Century Gothic, Verdana, Arial; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
	color : #999999;
}

.smalltext a:link {
	font-family : Century Gothic, Verdana, Arial; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : bold; 
	font-size : 7pt;
	color : #999999;
}

.smalltext a:visited {
	font-family : Century Gothic, Verdana, Arial; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
	color : #999999;
}

.noline a:link {
	color : #b2ba00;
	text-decoration : none;
}

.noline a:visited {
	color : #b2ba00;
	text-decoration : none;
}

/* this styling for hidden inline divs that can get toggled on and off, e.g. map boxes */
.hidebox {
	display: none;
}


/* ************************************************************************** */
/* 3 Step Plan - what a hassle!                                               */
/* ************************************************************************** */
#the3stepplan {
	background-image: url('img/3stepplan.jpg');
	width: 200px;
	height: 164px;
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 8pt;
	text-decoration: none;
	color: white;
	margin: 0;
	padding: 0;
}

#list3steps {
	position: relative;
	top: 40px;
	left: 10px;
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 8pt;
	text-decoration: none;
	color: white;
}

#the3stepplan a:link, #the3stepplan a:visited {
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 8pt;
	text-decoration: none;
	color: white;
	margin: 0;
	padding: 0;
}

#the3stepplan a:hover {
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 8pt;
	text-decoration: underline;
	color: white;
	margin: 0;
	padding: 0;
}

.maptogglebutton {
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color:#ffffff;
	background-color:#5c4e26;
	border-style:solid;
	border-width:1px;
	border-color:#A5BD39;
	width: 100px;

}


/* ************************************************************************** */
/*                                                                            */
/* calendar styling                                                           */
/*                                                                            */
/* ************************************************************************** */
.calendarmonth {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
}

.calendarmonth a:link {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	font-size : 8pt;
	text-decoration : none;
}

.calendarmonth a:visited {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	font-size : 8pt;
	text-decoration : none;
}

.calendartext {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
}

.calendartext a:link {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : bold; 
	font-size : 7pt;
}
.calendartext a:visited {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
}

.calendarbg {
  background-color : #CED0D2;
}

.calendarbg_medium {
  background-color : #EDEEEF;
}

.calendarbg_light {
  background-color : #F7F7F8;
}

.largetext {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 9pt; 
}

.largetext a:link {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 9pt; 
	color : #807F84;
}

.largetext a:visited {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 9pt; 
	color : #807F84;
}

.errortext {
	font-family : Verdana; 
	font-size : 8pt;
	color : red;
	font-weight : bold;
}

.grid {
	border : #efb240 .05em solid;
}

.white {
 	background-color : white;
}

.black {
	background-color : black;
}

.bg_dark {
	background-color : #D8DADC;
}

.bg_medium {
	background-color : #770d29;
	color : #FFFFFF;
}

.bg_light, .bg_light A:link,  .bg_light A:visited,  .bg_light A:active{
	background-color : #EDEEEF;
	text-decoration: none;
	color: #4F0A1C;
}

.bg_light A:hover		{text-decoration: underline;}

.alt_bg_dark {
	background-color : #4F708F;
}

.alt_bg_medium {
	background-color : #2794d8;
	color : 4F0A1C;
}

.alt_bg_light {
  background-color : #5fb0d8;
  color : 4F0A1C;
}

/* ************************************************************************** */
/*                                                                            */
/* green pages, card menu styling 					      */
/*                                                                            */
/* ************************************************************************** */
div.cardmenu {
	background-color: #A5BD39;
	color	: #ffffff;
}

div.cardmenu h1,h3 {
	background-color: #A5BD39;
	color	: #ffffff;
	font-size: 14pt;
}

table.ccb_outer_box, td.ccb_outer_box
{
	margin: 0px;
	border: 2px solid #2D0716;
}

table.ccb_softouter_box, td.ccb_softouter_box
{
	margin: 0px;
	border: 0px;
	background-color : #D8DADC;
}

table.ccb_outer_rcolbox, td.ccb_outer_rcolbox
{
	margin-left: 4px;
	border: 2px solid #2D0716;
}

table.ccb_softouter_rcolbox, td.ccb_softouter_rcolbox
{
	margin-left: 6px;
	border: 0px;
	background-color : #D8DADC;
}

.ccb_page_box
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	padding-bottom: 5px;
	border: 2px solid #2D0716;
}

.ccb_softpage_box
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	background-color : #2D0716;	
}

.ccb_picture_box
{
	border: 0px;
	display: block;
	white-space: nowrap;
	top: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 8px;
}

.addresstext
{
	color : #C3C5C8;
	font-family : Sans-serif; 
	font-style : normal; 
	font-weight: bold;
	font-size: 8pt;
	padding-left: 1em;
}
	
.ccb_innerbox
{
	font-family : Verdana; 
	font-style : normal;
	font-size: 8pt;
	color : #ffffff;
}

.ccb_softbox
{
	font-family : Verdana; 
	font-style : normal;
	font-size: 8pt;
	background-color : #710B23;
}

.bottomruleoff
{
	border-top: 6px solid #710B23;
}

ul.tightlist li {
	display: list-item;
	list-style: none;
	float: none;
}

ul.tightlist li a:link {
	text-decoration: none;
}








ul.tightlist li a:visited {
	text-decoration: none;
}

ul.tightlist li a:hover {
	text-decoration: underline;
}

.countdownstyle {
	margin : -10px;
	margin-top : -20px;
	font-family : Serif; 
	font-size: 48pt;
	font-weight: bold;
	color: #E94635;
}

.countdownstyle_small {
	font-family : Serif; 
	font-size: 12pt;
	font-weight: normal;
	color: #E94635;
}

/************************************************/
/* 		 				*/
/* Navigation Menu 				*/
/* 		 				*/
/************************************************/
.navbar {
	margin: 0px;
	padding: 0px;
	background: #b2ba00;
	height: 18px;
	margin-bottom: 20px;
	cursor: pointer;
}

/* "Home" navigation button */
.homenavbar {
	text-align: right;
}

.homenavitem {
	position: relative;
	float: right;
	width: 140px;
	padding-right: 10px;
	top: -17px;
}

.homenavitem {
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 10pt;
	font-weight : bold;
	color: white;
	text-decoration: none;
}

.homenavitem:hover {
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 10pt;
	font-weight : bold;
	color: white;
	text-decoration: none;
	background: gray;
	height: 18px;
}

/* Main navigation buttons */
.mainnavbar {
	text-align: center;
	padding-left: 0px;
}

.navitem {
	position: relative;
	text-align: center;
	float: left;
	width: 140px;
	top: -17px;
}

.navitem {
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 10pt;
	font-weight : bold;
	color: white;
	text-decoration: none;
}

.navitem:hover {
	font-family : Century Gothic, Verdana, Arial; 
	font-size: 10pt;
	font-weight : bold;
	color: white;
	text-decoration: none;
	background: gray;
	height: 18px;
}


/* ************************************************************************** */
/*                                                                            */
/* end of horizontal menu stuff                                               */
/*                                                                            */
/* ************************************************************************** */
td.fadeleft {
	width: 35px;
	height: 100%;
	background-image: url('img/fade left.jpg') ;
	background-repeat: repeat-y;
}

td.faderight {
	width: 35px;
	height: 100%;
	background-image: url('img/fade right.jpg');
	background-repeat: repeat-y;
}
	
#maincontent {
	background-color: #E3E5E6;
}
	
td.footer {
	width: 700px;
	background-color: #770d29;
}

td.fadebottom {
	width: 750px;
	height: 35px;
	background-image: url('img/fade bottom.jpg') ;
	background-repeat: repeat-x;
}
	
td.fadebottomleft {
	width: 35px;
	height: 35px;
	background-image: url('img/fade bottom left.jpg') ;
}
	
td.fadebottomright {
	width: 35px;
	height: 35px;
	background-image: url('img/fade bottom right.jpg') ;
}
	
td.fadesubbottomleft {
	width: 35px;
	height: 25px;
	background-image: url('img/fade sub bottom left.jpg') ;
}
	
td.fadesubbottomright {
	width: 35px;
	height: 25px;
	background-image: url('img/fade sub bottom right.jpg') ;
}
	
td.fadebottomsubleft {
	width: 25px;
	height: 35px;
	background-image: url('img/fade bottom sub left.jpg') ;
}
	
td.fadebottomsubright {
	width: 25px;
	height: 35px;
	background-image: url('img/fade bottom sub right.jpg') ;
}
	
/* end */

.defaultbox {
	padding-left: 20px;
	padding-right: 20px;
	color : #5c4e26; 
}

.rightcolumnbox {
	width: 200px;
	padding: 0px;
	color : #5c4e26; 
}

.title {
	font-size : 11pt; 
	font-family : Century Gothic, Verdana, Arial; 
	font-weight : bold; 
}

.pagetitle {
	font-size : 14pt; 
	font-family : Century Gothic, Verdana, Arial; 
	font-weight : bold; 
}

.defaultboxcontent {
	color : #5c4e26; 
	font-weight: normal;
	font-size: 9pt;
}

.banner {
	width: 700px;
	height: 232px;
	background-image: url('img/banner.jpg');
}

.footer {
	background-image: url('img/footer.jpg');
	background-repeat: none;
	background-color: #770d29;
	height: 41px;
}
	
.rightblockbox {
	width: 200px;
	background-color:#b2ba00;
	background-image: url('img/envelope.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}
	
.rightblockboxtitle {
	font-size : 10pt; 
	font-family : Century Gothic, Verdana, Arial; 
	font-weight : bold; 
	color : #ffffff;
	padding-left: 10px;
	padding-top: 15px;
}

.rightblockboxcontent {
	font-family : Century Gothic, Verdana, Arial; 
	font-style : normal;
	font-weight: normal;
	font-size: 9pt;
	color : #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:15px;
}
	
.rightblockboxcontent a {
	color: #ffffff;
}
	
.recentdocs {
	width: 200px;
	height: 20px;
	padding: 0px;
	background-image: url('img/ccb-box-recentdocs.jpg');
}	

.recentdocscontent {
	width: 200px;
	color : #5c4e26; 
	padding-top: 5px;
}	

.menu_hr {
	border-bottom: 1px dotted;
	width: 200px;
	height: 2px;
}

.menu_right {
	font-variant: normal;
}

.homepagelogo {
	position:relative;
	float: right;
	width: 71px;
	height: 71px;
	left: 0px;
	top: -35px;
	background-image: url('img/cafechurch-logo-small.jpg');
}	
	
table.arrowmenu td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 0px;
	border-bottom: 2px solid #5c4e26; 
}

table.arrowmenu td a {
	color:	#5c4e26;
	font-size: 10pt;
	text-decoration: none;
}

.ruledots {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #5c4e26; 
}

.downloadLink {
	padding: 5px;
	border: 1px dotted black;
	background-color: #aaa;
	text-align: center;
	width: 60%;
}

a:link .downloadLink, a:visited .downloadLink {
	color: white;
	text-decoration: none;
}

a:hover .downloadLink {
	color: white;
	text-decoration: underline;
}

.myCafeChurchInfo {
	margin-left: 1em;
	display: none;
	/* not entirely sure why we have to put these in again - why has it not inherited them?! */
	font-size : 10pt; 
	font-family : Century Gothic, Verdana, Arial; 
}

.AnnounceTitle {
	font-size : 9pt; 
	font-family : Century Gothic, Verdana, Arial; 
	font-weight : bold;
	margin-top: 3px;
	margin-bottom: 3px;
}