/*==== Common Formats ================================================== */
	body {
		text-align: center; 
		background-image: url('../images/background.gif');
		background-repeat: repeat-x; 
		background-color: #E8E8E8;
		font-family: Arial,Helvetica,Verdana,sans-serif;
		font-size: 1em;
		color: #606060;
	}

/* Wrapper general */
	#wrapper {
		width: 95%; 
		margin: 0 auto;  
		margin-top: 0;
		text-align: left;
		background-color: #FFFFFF;
	}

/* Default hyper-link effect */
	a:link, a:visited, a:active {
		color: #1576a9;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:hover {
		color: #1576a9;
		text-decoration: underline;
		font-weight: bold;
	}

/* Decoration: spacers */
	.navbarspacer {
		height: .2em;
 		background-color: #FFFFFF;
	}
	.halfspacer {
		height: .5em;
 		background-color: #FFFFFF;
	}
	.onespacer {
		height: 1em;
		background-color: #FFFFFF;
	}

/* Decoration: shadows */
	#pagetrailshadow {
		height: .2em;
		background-color: #F4F4F4;
		width: 75%; 
		padding: 0 0 0 1.5%;
	}
	.navbarshadow {
		height: .3em;
		background-color: #E6E6E6;
	}
	.navbarshadowlight {
		height: .2em;
		background-color: #F4F4F4;
	}
	
	.sidecontentshadow {
		background-color: #e2e2e2;
		height: .3em;
	}
	.sidecontentshadowlight {		
		background-color: #cbcbcb;
		height: .5em;
	}


/*==== Other Individual Formats ======================================== */
/*---- 1. STYLE FOR HEADER ----------------------------------------*/
	/* 1) Common style for header */
		.header {
			width: 100%;
			height: 6em;
			background-color: #151A1E;
		}
	
	/* 2) Link Color for Header */
		.header a:link, 
		.header a:visited, 
		.header a:active {
		  	text-decoration: none;
		  	color: #FFFFFF;
		  	font-weight: bold;
		}
		.header a:hover {
		  	text-decoration: underline;
		  	color: #FFFFFF;
		}
	
	/* 3) Left header (CCCO logo) */
		#header-left img {
			float: left;
			height: 6em;
			width: 100%;
		}
		
		#header-left {
			float: left;
			width: 45%;
			height: 6em;
		}
	
	/* 4) Right header (buttons) */
		#header-right {
			float: right;
			width: 45%;
			background-color: #151A1E;
		}
		
	/* 5) Layout For Colored buttons */
		div.right img {
			display: inline;
			margin: 1.67em 0 0 0;
		  	height: 2em;
			width: 2em;
		}
		div.right {
		  	height: 6em;
		  	width: 16.5%;
		  	float: left;
		  	text-align: center;
		  	background-color: #151A1E;
		  	min-height: 3em;	
		  	display: table-cell;
		} 
	
	/* 6) Text for colored buttons */
		span.desc {
		 	text-align: center;
		  	width: auto;
		  	font-size: 1em;
		}
		
	/* 7) Layout for Language Button */
		div.language {
		  	margin: 0 0 0 1em;
		  	height: 6em;
			width: 13%;
		  	float: left;
		  	text-align: center;
		  	background-color: #151A1E;
		  	min-height: 3em;	
		  	display: table-cell;
		  	vertical-align: middle;
		}	
		div.language img {
			display: inline;
			margin: 1.5em 0 0 0;
		}
	

/*---- 2. Banner: Change banner by changing background image. ------*/
		#banner {	/* It's not used on index_X.html.	*/
			clear: both;
			background-image: url('../images/bannerc.jpg');
			width: 100%;
			height: 20%;
		}


/*---- 3. Top Navigation: Navigation Main Menu ---------------------*/
		ul#menu {
			list-style-type: none;
			width: auto;
			position: relative;
			display: block;
			height: 2em;
			font-size: 1em;
			font-weight: bold;
			background: transparent url('../images/navbar.gif') repeat-x top left;
			font-family: Arial, Helvetica, Verdana, sans-serif;	
		}
		
		ul#menu li a {
			display: block;
			float: left;
			color: #6F6F6F;
			text-decoration: none;
			font-weight: bold;
			padding: .5em 1em 0 1em;
			height: 1.5em;
			background: transparent url('../images/divider.gif') no-repeat top right;
		}
	
		ul#menu li a:hover {
			text-decoration: none;
			color: #2E2E2E;
		}


/*-- 4. BodyBanner: Welcome to CCCO bar --*/
	/* 1) Body-banner (black bar on the top of the page) */
		#bodybanner{
			background-color: #FFFFFF;
			color: #FFFFFF;
			font-size: 1em;
			font-weight: bold;
			background-image: url('../images/topbanner.gif');
			background-repeat: no-repeat;
			background-size: 97% 3em;
			background-position: center top;
			padding: .2em 0 0 1.2em;
			height: 1.5em;
		}

	/* 2) page-trail */
		#pagetrail {
			margin-left: 1em; 
			padding: .2em 0 0 1.5em; 
			font-size: 1em; 
			font-family: Arial; 
		}	
		#pagetrail a {
			font-weight: normal;
		}
		#pagetrail a:hover {
			text-decoration: underline;
			font-weight: normal;
		}
		
	
/*---- 5. MAIN CONTENT CONTAINERS -----------------------------------*/
	/* 1) General - Main content */
		#maincontent {
			background-color: #FFFFFF;
			color: #2D2D2D;
			margin: 0 0 0 1em;
			width: 74%;
			float: left;
		}
		#content {
			padding: 0 0 1em 0;
			background-color: #FFFFFF;
		}
		h2 {
			background-color: rgb(255, 255, 102);
		}

	/* 2) Main content - Image */
		img.center {   
			display: block;   
			margin: auto; 
			width: 100%;  
		}
		img.centerleft {
			width: 100%;
		}
		img.centerright{
			width: 100%
		}

	/* 3) Formatting Lists/Bullets */
		#maincontent ul{
			margin-top: .5em;
			color: #6b6b6b;
			font-size: 1em;
			text-align: justify;
		}
			
		#maincontent ul li {
			margin: .1em 0 0 .5em;
		}

	/* 4) Coding for the two side by side columns look */
		.col-left {
			float: left;
			width: 48%;
		}
		
		.col-right {	
			float: right;
			width: 50%;
		}
		
		/* two column formats*/
		.leftcol {
			padding: 0 1em 0 1em;
			float: left;
			width: 45%;
		}
		
		.rightcol {	
			padding: 0 0 2em 0;
			float: right;
			width: 50%;
		}
		
		.ccconews {
			font-size:.8em;
		}
		
		#sub-list {
			font-size:.75em;
		}
		
	/* 4) Coding for the calendar */		
		iframe {
			width: 100%; 
			height: 20em; 
		}
		

/*Bottom Borders for side-by-side column look*/
.bordercontent {
	clear: both;
	padding: 1em;
}

.l-border {
	float: left;
	width: 300px;
	border-bottom: .1em solid #EEE;
}

.r-border {
	float: right;
	width: 300px;
	border-bottom: .1em solid #EEE;
}
	
/*FORMATTING TEXT (Titles and text of main content)*/
/*BIGGEST TITLE ON TOP OF EACH WEBPAGE (Ex. About Us)*/
.largetitle {
	font-size: 2em;
	color: #353535;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0;	
}
		
/*FORMATTING OF TEXT FOR EACH SUBSECTION IN A WEBPAGE (Ex. Our Beliefs)*/
.entrytitle {
	font-size: 1.2em;
	color: #353535;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;	
}
		
/*--NORMAL FORMATTING FOR CONTENT IN EACH SUBSECTION--*/
/*WITH BOTTOM BORDER*/
.entry {
	color: #6b6b6b;
	margin: 0 0 0 1.5em;			
	padding: 0 0 1.5em 0;
	font-size: 1em;
	text-align: justify;
	border-bottom: .1em solid #EEE;
}

/*WITHOUT BOTTOM BORDER*/
.entrynoborder {
	color: #606060;
	margin: 0 0 0 1.5em;
	padding: 0 0 .5em 0;
	font-size: 1em;
	text-align: justify;
}
		
/*BOLD AND ITALIC TEXT*/
.italiced {
	color: black;
	margin: .5em 0 0 0;
	padding: 0;
	font-size: 1.2em;
	text-align: justify;
	font-weight: bold;
	font-style: italic;
}
		
/*CENTERED TEXT*/
.center { 
	text-align: center;
}

/*SPECIAL TEXT FORMATTING*/
/*FORMATTING SPECIFICIALLY FOR HOME PAGE CONTENT*/
.entryhome {
	color: #606060;
	margin: .5em 0 0 0;
	padding: 0 ;
	font-size: 1em;
	text-align: justify;
}

/*"Our Ministries" layout*/
#bottomcontainer {
	color: #606060;
	margin: .1em 0 0 0;
	padding: 0;
	font-size: 1em;
	text-align: justify;
}

.ministries {
	float: left;
}
#bottomclear {
	clear: both;
}

/*FORMATTING FOR WORSHIP SERVICES - Schedule*/
.center table { 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*BORDER for end of entries*/
.entryborder {
	height: .1em; 
	background-color: #D6D6D6;
	margin-top: 1em;
}

/*Pastor pics formatting*/
img.aboutpich {
	float: left; 
	margin-right: 5px; 
	height: 115px;
	width: 115px;
}
img.aboutpicv {
	float: left; 
	margin-right: 5px; 
	height: 135px;
	width: 110px;
}
img.aboutpico {
	float: left; 
	margin-right: 5px; 
	height: 100px;
	width: 110px;
}


/*------------------------------------------------------*/


/*SIDEBAR DESIGN*/
/*MAIN FORMATTING*/ 
#sidebar {
	margin: 0 1.5em 0 77%;
	background-color: #FFFFFF;
	color: #2D2D2D;
	padding: 0 0 0 0;
}

/*LINK FORMATTING*/
#sidebar a:link, 
#sidebar a:visited, 
#sidebar a:active {
	color: #1576a9;
	text-decoration: none;
	font-weight: normal;
}
	
#sidebar a:hover {
	color: #1576a9;
	text-decoration: underline;
	font-weight: normal;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: .1em .5em 0 .5em;
}

/*SIDEBAR BOXES*/
/*BOX FORMATTING*/
.sidecontent {
	background-color: #f1f1f1;
	width: 100%;	
}

.side_title {
	font-weight: bold;
	background: url('../images/sidetitle.gif') no-repeat;
	padding: .2em 0 0 1em;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFFFFF;
	height: 2em;
}

.info {
	margin: 0;
	height: 1.8em;
	font-weight: normal;
	padding-bottom: .2em;
	border-bottom: .1em solid #c9c9c9;
}

#dailydevotions{
	padding: .2em; 
	font-size: .7em;
}

/*Left/bolded text*/
.left_side {
	float: left;
	font-size: .8em;
	color: #2d3235;
	height: 1em;
	font-weight: bold;
}

/*Right/unbolded lighter text*/
.right_side {
	float: right;
	height: 1em;
	color: #6a6a6a;
	font-size: .8em;
}

/*Footer*/
#footershadow {
	height: .5em;
	background-color: #B8B9BB;
	clear: both;
}

#footer {
	background-color: #141A1D;
	color: #FFF;
	font-size: .8em;
	text-align: center;
	padding-top: .8em;
	height: 5em;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

#staffleft {
	float: left;
}

#staffright {
	float: right;
}


/* Format for images: */
#rightimage {
	border: 2px solid rgb(204, 204, 204); 
	float: right; 
	margin: 0 1em 0 1em;
	width: 40%;
}

/* Format for the embedded iframe objects */
#cccomap {
	height: 20em;
	width: 80%;
}
/* Format for tables: */
/* Border-less table */
#borderlesstable {
	border-collapse: collapse;
}

#borderlesstable td { 
	border: 1px solid white;
	padding: .5em;
	font-size: .9em;
}

#subheadertable tr.subheader td {
	background-color: #E8E8E8; 
	font-weight: bold;
}
#subheadertable,
.regulartable {
	border-collapse: collapse;
}

#subheadertable th,
.regulartable th {
	border: 1px solid black; 
	background-color: grey; 
	color: white; 
	text-align: center;
	font-size: 1.2em;
}

#subheadertable td,
.regulartable td {
	border: 1px solid black;
	padding: .5em;
	font-size: .9em;
}
#missiontable th {
	color: black; 
	font-size: 1em; 
	font-weight: bold; 
	font-style: italic;
}

.prayforme_logo { /*PrayForMe logo*/
	width: 35%; 
	height: 20%;
}

.prayforme_img { /*PrayForMe logo*/
	width: 90%; 
	height: 100%;
}

.smallerimage { /*AWANA logo*/
	width: 30%; 
	height: 30%;
}

hr {
	background-color: #EEE;
	border-color: #EEE;
}

/* -- Alter Format: ---------------------------------------- */
#alternews {
	text-align: centre;
	padding-left: 10em;
	width: 70%;
	color: red;
}
.emphsized {
	background-color: yellow;
	font-weight: bold;
}

#calFrame_c, #calFrame_e {
	width: 98%; 
	height: 50em;
}