/* Colour list for background and highlights

Grey
Background - #0f1314
Mid- #949494
Light - #828282

*/


/*
html 
{
	height: 100%;
} 
*/

/* ======================== DIV Containers ===================== */

#body
{
             background-color: #36302e;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
             background-image:url('uploads/images/Site/bark_hole_bkgrd.jpg');
             background-repeat:no-repeat;
             background-attachment:fixed;
             background-position:center top; 
}


#siteContainer
{
	margin: auto;
	display: block;
	background-color: transparent;
	width: 960px; 
	overflow: auto;
}

/*#header 
{
	margin: 0; /* margin-top, margin-right, margin-bottom, margin-left */
	background-color:transparent;	
	height: 20px;
	overflow: auto;
/*	width: 960px; */ /* If used must match container width */
}

#banner 
{
	padding:0px;
	margin: 0; /* margin-top, margin-right, margin-bottom, margin-left */
	background-color: transparent;
} 

#companyName h1 
{
	font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
	font-size:2em;
	font-weight: bold;
	color:white;  
	margin:0;
	font-weight:normal;
}

#companyName h2 
{
	margin: 0; /* margin-top, margin-right, margin-bottom, margin-left */
	font-size:0.5em;
	font-weight:normal;
	color:white; 
}


#companyName
{
/*	position: relative;
             float: right; */
             margin: 15px 0px 0px 15px; /* margin-top, margin-right, margin-bottom, margin-left */
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
}

#leftContainer
{/* Contains the side menu and extra content*/
	position: relative;
	float:left;
	left: 0px;
	margin-left: 0px;
        margin-top: 0px;
        margin-right: 20px;
	width: 250px;
	padding: 0;
}

#leftMenuTop
{/* left navigation box header*/ 
	margin: 0px;  /*margin-top, margin-right, margin-bottom, margin-left */
	width: 240px;
	background: black;
}

#leftMenuBottom
{/* left navigation box */ 
	margin: -24px 0px 20px 0px;  /*margin-top, margin-right, margin-bottom, margin-left */
	width: 234px;
	font-size: 10pt;
	font-weight: normal;
	background: white;
	padding: 2px 3px 0px 3px; /* padding-top, padding-right, padding-bottom, padding-left */
        border-bottom: dotted 1px black;
}

#leftContentTop
{/* left content box header*/ 
	margin: 0px;  /*margin-top, margin-right, margin-bottom, margin-left */
	width: 230px;
	background: black;
}


#leftContentBottom
{/* left navigation box */ 
	margin: -24px 0px 40px 0px;  /*margin-top, margin-right, margin-bottom, margin-left */
	width: 234px;
	font-size: 10pt;
	font-weight: normal;
	background: white;
	padding: 2px 3px 0px 3px; /* padding-top, padding-right, padding-bottom, padding-left */
        border-bottom: dotted 1px black;
}


#rightContainer
{/* Contains the main content of website */
	position: relative;
	float:left;
/*	left: 0px;  */
	margin: 0px;
	width: 670px;
	padding: 0;

}


#ContentTop
{/* content box header*/ 
        margin: 0px;  /*margin-top, margin-right, margin-bottom, margin-left */
	width: 690px;
	background: black;
}

#content
{/* right column */
        margin: -24px 0px 40px 0px;  /*margin-top, margin-right, margin-bottom, margin-left */
	width: 665px;
	background: #FFF; 
        padding: 2px 10px 5px 20px; /* padding-top, padding-right, padding-bottom, padding-left */
}


#copyright
{
	float: left;
	display: block; 
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;	
	padding: 5px;
	line-height:120%;
	word-spacing:1px;
	border-top:1px solid #ddd;
	width: 95%;
	margin-top: 30px;
}


/* ======================= Styles for full width ========================*/


#Container_FullWidth
{/* Contains the main content of website */
	position: relative;
	float:left;
	margin: 0px;
	width: 960px;
	padding: 0;
}

#ContentTop_FullWidth
{/* content box header*/ 
        margin: 0px;  /*margin-top, margin-right, margin-bottom, margin-left */
	width: 960px;
	background: black;
}


#content_fullwidth
{/* right column */
        /*margin: -24px 0px 40px 0px;  margin-top, margin-right, margin-bottom, margin-left */
	width: 930px;
	background: #FFF; 
        padding: 2px 10px 5px 20px; /* padding-top, padding-right, padding-bottom, padding-left */
}


/* ======================= 2012 HTML tag styles ========================*/
.Title
{
        color: #ffffff;
        font-size: 1.5em;
        font-weight: normal;
        font-family:"Times New Roman", Georgia, serif;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
}

.ChristChurch
{
        color: #ffffff;
        font-size: 2.5em;
        font-weight: normal;
        font-family:"Times New Roman", Georgia, serif;
        padding: 0px;
}


.NFinchley
{
        color: #ffffff;
        font-size: 1.5em;
        font-weight: normal;
        font-style: italic;
        font-family:"Times New Roman", Georgia, serif;
        padding: 0px;
}


.copyright
{
       color: white;
}

.Underline
{
	color: #000033;
	font-size: 16pt;
	font-weight: bold;
	Border-bottom: 1px solid #000033;
}

.text
{
	color: #000000;
	font-weight: normal;
	font-size: 11pt;
	line-height: 140%;
}

p
{
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	line-height: 140%;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.currentpage
{
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	line-height: 140%;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



li
{
	color: #000000;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
             font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


.footer
{
	color: #ffffff;
	font-weight: normal;
	font-size: 10pt;
	line-height: 140%;
}


/* ======================= HTML tag styles ========================*/


h1
{
	color: #000033;
	font-size: 13pt;
	font-weight: bold;
}

h2
{
	color: #000033;
	font-size: 11pt;
	font-weight: bold;
}

A
{
	color: #000066;
	font-weight: normal;
                text-decoration: none;
}

.SermonTitle
{
	color: #000066;
	font-weight: normal;
        font-size: 13pt;
	text-decoration: underline;
}




img
{
	border: none;
}

ul
{
	list-style: square;
	line-height: 100%;
	color: #000033;
	font-size: 1.2em;
	font-weight: normal;
}

.Bold
{
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
}


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

.colour
{
	color: #000066;
	font-size: 9pt;
	font-weight: normal;
}

.colourBold
{
	color: #000066;
	font-size: 9pt;
	font-weight: bold;
}

.empty
{
	line-height: 70%;
	color: #ffffff;
}

.subtitle
{
	line-height: 0.3em;
	font-size: 14px;
	color: #000000;
}




/* ======================= Table tag styles ========================*/

table.pagetable
{
	width: 90%;
}

th.title
{
	padding: 5px;
	text-align: left;
	font-weight: bold;
}

td.Bold
{
	padding: 5px;
	font-weight: bold;
}

td.text
{
	padding: 5px;
}



/* ======================= Calendar tag styles ========================*/

/*
.cal-upcominglist
{
	color: #000033;
	font-size: 13pt;
	font-weight: bold;
	Border-bottom: 1px solid #000033;
}

.calendar-event
{
	color: #000033;
	font-size: 13pt;
	font-weight: bold;
	Border-bottom: 1px solid #000033;
}

.calendar-list
{
	color: #000033;
	font-size: 13pt;
	font-weight: bold;
	Border-bottom: 1px solid #000033;
}

*/

.calendar-date-title
{
	color: #000033;
	font-size: 10pt;
	font-weight: bold;
}

.calendar-date-from
{
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
}

.calendar-summary-title
{
	color: #000000;
	font-weight: bold;
	font-size: 9pt;
}

.calendar-summary
{
	color: #000000;
	font-weight: normal;
	font-size: 9pt;
}

.calendar-details
{
	color: #000000;
	font-weight: normal;
	font-size: 9pt;
}


.calendar-details-title
{
	color: #000000;
	font-weight: bold;
	font-size: 9pt;
}

/* ======================= Newstag styles ========================*/


.NewsSummaryContent
{
	color: #000033;
	font-size: 9pt;
	font-weight: normal;
}

.NewsSummaryPostdate
{
	color: #000033;
	font-size: 10pt;
	font-weight: bold;
	Border-bottom: 1px solid #000033;
}


.NewsSummaryLink a
{
	color: #000033;
	font-size: 13pt;
	font-weight: bold;
}

.NewsSummaryCategory
{
	color: #000033;
	font-size: 9pt;
	font-weight: bold;
}

.NewsSummaryAuthor
{
	color: #000033;
	font-size: 9pt;
	font-weight: bold;
}

.NewsSummarySummary
{
	color: #000033;
	font-size: 9pt;
	font-weight: normal;
}

.NewsSummaryMorelink
{
	color: #000033;
	font-size: 9pt;
	font-weight: bold;
}

#NewsPostDetailDate
{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

#NewsPostDetailHorizRule
{
	border-bottom: solid 1px #000033;
}


#NewsPostDetailTitle
{
	color: #000000;
	font-size: 13pt;
	font-weight: bold;
}

#NewsPostDetailCategory
{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

#NewsPostDetailAuthor
{
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

#NewsPostDetailContent
{
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
}


#NewsPostDetailPrintLink a
{
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
}

#NewsPostDetailReturnLink a
{
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
}

/* ======================= New styles ========================*/
/* Stylesheet: CC_Layout_2012 Modified On 2012-09-16 16:21:35 */
/* =====================Top navigation styles =====================  */ 
#topNav
{
	text-align: left;
	color: #fff;
	background-color: black; 
	width: 960px;
        margin-bottom: 0px;
        padding: 5px 0px; /* top, right, bottom, left */
}

#topNav ul 
{ 
	display: inline;
	list-style: none;  
}

#topNav li
{
	text-align: left;
	font-weight: bold;
             font-size: 13px;
	display: inline;
	text-decoration: none;
}

#topNav li a
{
	text-align: left;
	font-weight: bold;
	display: inline;
        color: #fff;
	padding: 8px 20px; /* top, right, bottom, left */
	margin: 0px; /* top, right, bottom, left */
	text-decoration: none;
}

html>body #topNav li a 
{
	width: auto;
}

#topNav ul li.currentpage 
{
	list-style: none; 
	display: inline;
	color: #fff;
        background-color: #A6B9CE; 
	padding: 0px 0px; /* top, right, bottom, left */
	margin: 0px; /* top, right, bottom, left */
}

#topNav ul li a.activeparent
{
	list-style: none; 
	display: inline;
	color: #fff;
	margin: 0px; /* top, right, bottom, left */
}

#topNav ul li a.activeparent:hover
{
	list-style: none; 
	display: inline;
	color: #fff;
	margin: 0px; /* top, right, bottom, left */
	text-decoration: underline;
}

#topNav li a:hover 
{
	color: white;
	text-decoration: underline;
}

/* ======================== Side navigation styles ===================== */

#leftNav 
{/* left navigation column */ 
	color: #A6B9CE;
	margin: 14px 0; /* margin-top, margin-right, margin-bottom, margin-left */
	overflow: hidden;
	width: 170px;
}

#leftNav ul 
{ 
	list-style: none; 
	margin: 0;
	padding: 0;
	border: none; 
}

#leftNav li
{
	border-bottom: 1px solid #000066;
	margin: 0;
}

#leftNav li a
{
	display: block;
	padding: 5px 5px 5px 5px;  /* margin-top, margin-right, margin-bottom, margin-left */
	border-left: 10px solid #ffffff;
	background-color: #FFFFFF;
	color: #A6B9CE;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}

html>body #leftNav li a 
{
	width: auto;
}

#leftNav li a:hover 
{
	border-left: 10px solid #A6B9CE;
	background-color: #000066;
	color: #ffffff;
}

#leftNav li.currentpage 
{
	color: #000066;
	padding: 5px 5px 5px 14px;  /* margin-top, margin-right, margin-bottom, margin-left */
	font-weight: bold;
	width: 90%;
        display: block;
	text-decoration: none;
}
/* Stylesheet: CC_Navigation_2012 Modified On 2012-09-16 16:08:48 */