/* CSS Document */

/***********************************************************************/
/********** All The Code Below is for the news section only, copy and paste to the 
original global.css*/
.news_title {
	font-family: "Century Gothic";
	font-size: 24px;
	color:#990000;
	padding: 20px 0 0 0;
	margin: 0px 0 10px 0;
}
.news_img {
float: left;
margin: 0;
padding: 0 10px 0px 0;
}
.publish_date{
	color:#000000;
	float: left;
	margin: 4px 6px 0 5px;
	padding: 2px 0 2px 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold; 
	color: #a09d8c;
	background-image:url(../images/newsevents_publishedicon.gif);
	background-position: left center;
	background-repeat:no-repeat; 
}

#spotlight
{
	background-image:url(../images/spotlight.gif);
}

div#hold_news	{
	position:relative;
	overflow:hidden;
	width:440px;
	height:405px;
	float:left;
	z-index:100;
	left: 0px;
	top: 0px;
	}

.news_content {
background-color:#336699;
min-height: 200px;	

}	

div#scrollbar_news { 
  position:relative; 
  left:0; top:369px;
  float: right;
  width:12px; height:35px; 
  font-size:1px; z-index:1;

  }
	
div#wn_news	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:435px; 
	height:405px; 
	clip:rect(0px, 440px,405px, 0px);
	overflow:hidden;	
	z-index:1; 
	}
	
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	text-align:justify;
	}



div#hold_events	{
	position:relative;
	overflow:hidden;
	width:440px;
	height:405px;
	float:left;
	z-index:100;
	left: 0px;
	top: 0px;
	}

div#scrollbar_events { 
  position:relative; 
  left:0; top:369px;
  float: right;
  width:12px; height:35px; 
  font-size:1px; z-index:1;

  }
	
div#wn_events	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:435px; 
	height:405px; 
	clip:rect(0px, 440px,405px, 0px);
	overflow:hidden;	
	z-index:1; 
	}
	


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




body {
	margin: 0;
	padding: 0;
	background: #d7d1bd  url(../images/bg_pattern.jpg) repeat-x top;
	text-align: center;
}

img {
	border:0;
	
}

p 
{
margin-top: 0px;
}

#wrapper {
	width: 850px;
	background: url(../images/bg_color.jpg) repeat-x top;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#menuString
{
	margin: 0px 0px 0px 100px;
}

/*#boxesWrapper
{
	width: 972px;
	margin-left: 120px;
}
*/

# flashwrapper{
width: 511px;
height: 283px;
border:0px;
}

/* BANNER STYLES */

#banner p {
	padding: 0;
	margin: 0;
}

#banner {
	margin-top: 0px;
	padding-left: 0px; 
	height: 79px;
	border-top: 0px;
}
#banner img {
	float: left;
	
}
#banner ul {
	margin: 0 0 0 576px;
	padding: 0px;
	list-style: none;
}
#banner li {
	display: inline;
	float: left;
	margin-right: 0px;
	margin-top: 3px;
	padding-bottom: .5em; /* to display bottom border on links in IE */
	text-decoration: none;
	font-size: 10px;
	font-family: Arial;
	color: #e5e2c8;
	
}

#sitetools li a {
	line-height: 9px;
	padding: 5px;
	height: 9px;
	font-size: 10px;
	font-family: Arial;
	color: #5e5b43;
	text-decoration: none;

}

#sitetools li a:hover {
	color: #5e5b43;
	text-decoration: underline;
}


#logo {
	
	}




/* side bar navigation */




#contactForm .label{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d5dff;
}

#contactForm .label{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4d5dff;
}

.upcomingevents {
	width: 511px;
	height: 341px;
	margin: 24px 0 0 0px;
	background: url(../images/home_upcomingevents_bg.gif) left top no-repeat;
	padding: 0;
	

}


P.form1{


margin: 0;
}

div.formleft{
	float: left;
	width: 200px;
}

div.formleft2{
	float: right;
	margin: 0 0px 0 250px;
	clear: left;
}


P.form2{

margin: 10px 0 0 0;
}

P.form3{


margin: 0;
}


P.form4{

margin: 10px 0 0 0;
}



.events{
	margin: 5px 0 0 21px;
	width: 490px;
	height: 117px;
}

.events2{
	margin: 30px 0 0 21px;
	width: 490px;
	height: 117px;
}

.events_title{
	margin: 0px 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d5d6f;
}


P.events_text{
	margin: 8px 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align: justify;
	padding: 0;

}

div.events_content{
	width: 280px;
	float: left;
	margin-left: 10px;
}

div.events_content2{
	width: 280px;
	float: left;
	margin-left: 10px;
}
.events img{
	float: left;
	margin: 0 12px 0 0;
}

.events2 img{
	float: left;
	margin: 0 12px 0 0;
}






.sidebar ul {
	

	margin: 47px 0 0 0;
	padding: 0px 0px 0 0px;
	background: #000000 url(../images/sidebar_libg.gif) left top repeat-y;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	font-family: "Century Gothic", Verdana;
	font-size: 14px;
	
}
img.right_eventsimg{
	float: right;
	margin: 90px 10px 0 0;
	padding: 0;

}

*html img.right_eventsimg {
	display: inline;
}

.sidebar li {
	/*background:  url(images/flower_bullet.gif) no-repeat 0px 0px;*/
	list-style: none;
	font-family: "Century Gothic", Verdana;
	font-size: 14px;
	text-transform:uppercase;
}

.sidebar li a {
background: #000000 url(../images/sidebar_libg.gif) left top repeat-y;
color: #c7c1a9;
text-decoration: none;
margin: 0;
padding: 5px 0 9px 0;
padding-left: 31px;
display: block;
}

.sidebar li a:hover {
background: #000000 url(../images/sidebar_libg2.gif) left top repeat-y;
color: #5e5b43;

}



.sidebar li a.child_subMenu {
background: #000000 url(../images/sidebarchild_libg.gif) left top repeat-y;
color: #c7c1a9;
text-decoration: none;
margin: 0;
padding: 5px 0 9px 0;
padding-left: 55px;
display: block;
}

.sidebar li a.child_subMenu:hover {
background: #000000 url(../images/sidebarchild_libg2.gif) left top repeat-y;
color: #5e5b43;

}



/*Styles Sheets for Text*/

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	border: 0px;
	margin-bottom: 8px;

}	

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}


/*********PRINT PAGE STYLE SHEET*******************************/
/* 
	THE FOLLOWING STYLES PERTAIN TO THE PRINT OPTION ON MOST PAGES
	THE PRINT ICON IS FLOAT RIGHT AND HAS A MOUSE OVER EFFECT ON THE
	ACTUAL ICON
	CREATED: 1/14/07
	
	IF ANY MODIFICATIONS OCCUR TO THESE STYLE SHEETS PLEASE NOTE THE 
	DATE MODIFIED AND THE MODIFICATION NEXT TO THE DATE.

*/


#printpage  {
	/* PRINT PAGE STYLE - DETAILS THE ACTUAL DIV TAG THAT HOLDS THE PRINT OPTION */
	width: 100%;
	height: 24px;
	margin-left: 0px;
	margin-top: 265px;
	background-color: #f2f2dc;
	border: #e2e2ca 1px solid;
}

#printpage_noscroll {
	width: 100%;
	height: 24px;
	margin-left: 0px;
	margin-top: 435px;
	background-color: #f2f2dc;
	border: #e2e2ca 1px solid;
}

.printPagetext {
/* .PRINTPAGETEXT - OF TYPE CLASS - TELLS THE TEXT AND ICON TO FLOAT TO THE RIGHT */
	float: right;
	margin: 8px 6px 0 0;
}


.printPagetext a {
color: #a09d8c;

font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight:bold;
	padding: 7px 22px 0 0;
	background-image:url(../images/printpage_icon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	
}

.printPagetext a:hover {
	text-decoration: underline;
	background-image:url(../images/printpage_icon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


/*********PRINT PAGE STYLES END*******************************/









/*********UPCOMING EVENTS*******************************/
/* 
	THE UPCOMING EVENTS STYLE PROVIDES DESIGN INFORMATION FOR THE
	UPCOMING EVENTS IMAGE.
	
	CREATED: 1/14/07
	
	IF ANY MODIFICATIONS OCCUR TO THESE STYLE SHEETS PLEASE NOTE THE 
	DATE MODIFIED AND THE MODIFICATION NEXT TO THE DATE.
	
	MODIFIED 1/26/07
	ADDED UPCOMING EVENTS2 TO SUPPORT CALENDAR.HTML PAGE
	ADDED DOWNLOAD_BULLETIN TO SUPPORT CALENDAR.HTML PAGE

*/



.upcomingevents2 {
margin-top: 15px;
border: none;
}


.download_bulletin {
margin-top: 10px;
border: none;
}

/*********/







.firsticon {
	margin: 0;
	padding-left: 66px;
	padding-top: 6px;
	float: right;
 }
 

#contentBox {
background-color:#000000;
}


.title {
	font-family: "Century Gothic";
	font-size: 24px;
	color:#990000;
	padding: 0;
	margin: 0;
}

div#hold	{
	position:relative;
	overflow:hidden;
	width:440px;
	height:215px;
	float:left;
	z-index:100;
	left: 0px;
	top: 0px;
	}
	
div#wn	{ 
	position:absolute; 
	left:0px; top:8px; 
	width:435px; height:215px; 
	clip:rect(0px, 440px,205px, 0px); /*box that defines where text is clipped*/ 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	text-align:justify;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; 
  left:0; top:180px;
  float: right;
  width:12px; height:35px; 
  font-size:1px; z-index:1;

  }
div#track { 
  position:absolute; left:0px; top:12px;
  width:9px; height:345px;
 background-color:#000000;
  border:none;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:2px; top:1px;
  width:7px; height:10px;
  background-color:#CC0000;
  z-index:1;
  }  
div#up {
	position:absolute;
	left:-1px;
	top:0px;
	z-index:2;
	visibility: visible;
}  
div#down {
	position:absolute;
	left:-0px;
	bottom:0;
	z-index:2;
	visibility: visible;
}  

P.logo_ye {
/*margin-left: 9px;
border: 9px 0 0 9px;*/
margin: 8px  9px 0  8px;

float: left;
}

P.logo_ctchoir {
margin: 8px 0 0 14px;
float: left;

}


#copyright {
	
	width: 100%;
	clear: both;
	min-height: 100px;
	background-color:#89856e;
	background-image:url(../images/copyright_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-align: center;
	
}

#copyright_content {
	
	width: 760px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	text-align: center;
}

p.copyright_text {
margin: 20px 0 0 0px;

width: 70%;
text-align: center;
float:left;
font-size:12px;
font-family:"Century Gothic", Verdana;
color: #ada88a;
}

p.logo_jungle {
margin: 8px  0px 0  0px;
float: right;
}


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




/*Styles Sheets for Text*/



.aboutus_img {
	margin-top: 19px;
}

p {
	color: #666666;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;

	
}

#contentWrapper {
	position:relative;
	clear:left;
	width: 972px;
	min-height: 573px;
	height: 1175px;
	margin-left:10px;
	}




.clear { clear:both;}

/*************************contact us*******************/

.con_StaffPic{
	float: left;
	padding-right: 5px;
}
.con_field{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a4a081;
	padding: 0;
	
}




ul.con_listing{
	margin-top: 0;
	padding: 0;
	float: left;

}

ul.con_listing li {
	/*background:  url(images/flower_bullet.gif) no-repeat 0px 0px;*/
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5e5b43;
	padding-top: 6px;
	margin: 0 50px 0 0;

}

div#con_directory{
margin-bottom:12px;


}

ul.con_listing li a {

color: #c7c1a9;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5e5b43;
}

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

}

div#hold_con	{
	position:relative;
	overflow:hidden;
	width:350px;
	height:250px;
	float:left;
	z-index:100;
	left: 0px;
	top: 0px;
	}
	
div#wn_con	{ 
	position:absolute; 
	left:0px; top:8px; 
	width:350px; height:250px; 
	clip:rect(0px, 350px,240px, 0px); /*box that defines where text is clipped*/ 
	overflow:hidden;	
	z-index:1; 
	}
div.content_con { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	text-align:justify;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar_con { 
  position:relative; 
  left:0px; top:215px;
  float:left;

  width:12px; height:35px; 
  font-size:1px; z-index:1;
  }
div#contact_body {
	background-image:url(../images/contactinfo_bg.gif);
	width: 503px;
	height: 215px;
	background-repeat:no-repeat;	
	float: right;
	margin: 20px 0 0px 0px;
}
div#con_address{
	float: left;
	
}

div#con_directions{
	float: left;
}

div#con_form{
}
div#CTMediaCenter {
	background-image: url(../images/home_mediabg.gif);
	background-repeat: no-repeat;
	height: 148px;
	width: 300px;
	margin-top: 13px;
	
}



a.gallery_links {
	background-image: url(../images/home_media_galleryicon.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: none;
	text-transform:uppercase;
}

a.gallery_links:hover {
	background-image: url(../images/home_media_galleryicon2.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9Dc45B;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: underline;
	text-transform:uppercase;
}

a.video_links {
	background-image: url(../images/home_media_videoicon.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: none;
	text-transform:uppercase;
}

a.video_links:hover {
	background-image: url(../images/home_media_videoicon2.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9Dc45B;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: underline;
	text-transform:uppercase;
}

a.music_links {
	background-image: url(../images/home_media_bulletinicon.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: none;
	text-transform:uppercase;
}

a.music_links:hover {
	background-image: url(../images/home_media_bulletinicon2.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9DC45B;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: underline;
	text-transform:uppercase;
}

a.podcast_links {
	background-image: url(../images/home_media_podcasticon.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: none;
	text-transform:uppercase;
}

a.podcast_links:hover {
	background-image: url(../images/home_media_podcasticon2.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 54px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9BC45B;
		list-style-position: inside;
	list-style-type: none;
	margin-right: 10px;
	text-decoration: underline;
	text-transform:uppercase;
}


ul.mediacenter_links {
list-style: none;
margin: 40px auto 0 20px;
padding: 20px 0 0 20px ;
}

.mediacenter_links li {
	display: inline;
	margin-right: 0px;
}

img.HomeImgs{
	display: block;
	padding: 0px;
	margin: 0px;
}
* html .HomeImgs {
margin-bottom: -3px;
display: inline;
}

img.sermonpic{
float: left;
margin: 5px 0 0 10px;
}

*html img.sermonpic {
	display: inline;
}

.newsl_email{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
text-transform: uppercase;
}

P.newsl_email{
	padding: 0;
	margin: 0 0 0 5px;
}