* {
padding:0;
margin:0;
}

body {
background: url('images/mainbg2.jpg') repeat-x #353535;
font:14px verdana;
color:black;
}

#mtn {
background:url('images/mtn.jpg') left no-repeat;
padding:15px 10px 15px 40px;
font-size:20px;
display:block;
}

#do {
background:url('images/monitor.png') left no-repeat;
padding:15px 10px 15px 40px;
font-size:20px;
display:block;
}

#bl {
background:url('images/page_edit.png') left no-repeat;
padding:15px 10px 15px 40px;
font-size:20px;
display:block;
}

#in {
background:url('images/comment.png')  top left no-repeat;
padding:0px 10px 15px 40px;
font-size:20px;
display:block;
}



#main_content ul, #main_content li {

margin-left:20px;
}
.header {
font:24px tahoma;
}

a img {
border:0;
}

a {
color:#666;
}
a:hover {
text-decoration: none;
color:darkred;
}

#container {
width:839px;
text-align:center;
margin: 85px auto 0px;
background:white;
}

#main_top {
background: url('images/maintop2.jpg') no-repeat;
height:18px;
width:839px;
}

#logo {
background:url('images/whiteCPlogo3.png') top left no-repeat;
height:80px;
width:800px;
position:absolute;
margin-left:50%;
left:-400px;
}
#logo span {
position:relative;
top:60px;
left:560px;
color:#aaa;
font-size:18px;
}
#info {
width:335;
margin: 0 auto;
position:absolute;
top:165px;
right:50%;
margin-left:100px;
}
#info span {
margin-bottom:10px;
}
#info span.phone {
background:url('images/phoneicon.jpg') no-repeat;
padding-left:20px;
display:block;
}
#info span.clock {
background:url('images/clockicon.jpg') no-repeat;
padding-left:20px;
display:block;
}
#info span.pastor {
background:url('images/pastoricon.jpg') no-repeat;
padding-left:20px;
display:block;
}
#info span.home {
background:url('images/homeicon.jpg') no-repeat;
padding-left:20px;
display:block;
}
.clear {
clear:both;
height:1px;
}

/* LINKSSSSS */
#links {
position:relative;
z-index:100;
}
#links ul {
list-style:none;
}
#links li.mainlink {
float:left;
background:transparent;
}
#links li.mainlink a {
font:16px Arial;
margin-right:10px;
padding:10px 15px;
color:black;
display:block;
text-decoration:none;
background:transparent;

}
#links li.mainlink a.current {
background:#505050;
color:white;
border:1px solid black;
position:relative;
z-index:10000;
}
#links li.mainlink a.current:hover {
text-decoration:none;
}
#links li.mainlink a:hover {
text-decoration:underline;
}


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

#links ul li {
	position: relative;
	float:left;
    z-index:100;
    background:white;
	}

#links li ul {
	position: absolute;
	left: 0px;
	top: 40px; /* Set 1px less than menu height */
	display: none;
	background:#fff;
	}
#links 	ul li ul {
	 border: 1px solid #333;
	 }

/* Styles for Menu Items */
#links ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */

	}
 #links  li.mainlink ul li.sublink  {
  text-align:left;
  padding:0;
  width:140px;
  }
/* Fix IE. Hide from IE Mac \*/
* html #links ul li { float: left; height: 1%; }
* html #links ul li a { height: 1%; }
/* End */

#links ul li a:hover { color: #E2144A; background: #f9f9f9;} /* Hover Styles */


#links li:hover ul, li.over ul { display: block;} /* The magic */

/* END LINKSSSSS */


#transfer {
height:57px;
width:839px;
background:url('images/middletransfer.jpg') repeat-x;
clear:left;
}

#content_top {
background:url('images/contenttop.jpg') no-repeat;
height:27px;
width:839px;
}

#content_div {
background:url('images/contentbody.jpg') repeat-y;
width:839px;
text-align:left;
}

#main_content {
padding:10px 45px;
color:#333;

}

#home_info tr td {
font:12px verdana;
padding:5px;
}

#home_info tr td span {
font:20px verdana;
}

#home_info td span a {
color:#333;
}
#home_info td span a:hover {
color:#666;
text-decoration:none;
}


/* BIGGER VERSION OF MAIN IMAGE */
#img_top {
background:url('images/mainimgtop2.jpg') no-repeat;
width:807px;
margin: 0 auto;
}
#img_body {
background:url('images/mainimgbody.jpg') repeat-y;
width:807px;
margin: -4px auto 0;
}
#img_body img {
border:1px solid black;
}
#img_bottom {
background:url('images/mainimgbottom.jpg') no-repeat;
width:807px;
margin: 0 auto;
}

/* SMALLER VERSION OF MAIN IMAGE */
#img_top_s {
background:url('images/mainimgtopSMALLER.jpg') no-repeat;
width:600px;
margin: 0 auto;
}
#img_body_s {
background:url('images/mainimgbodySMALLER.jpg') repeat-y;
width:600px;
margin: -8px auto 0;
}
#img_body_s img {
border:1px solid black;
}
#img_bottom_s {
background:url('images/mainimgbottomSMALLER.jpg') no-repeat;
width:600px;
margin: 0 auto;
}

#content_bottom {
background:url('images/contentbottom.jpg') no-repeat;
height:27px;
width:839px;
}
#bottom_bg {
background:url('images/mainbottombg.jpg') repeat-y;
width:839px;
padding-top:15px;
font:10px verdana;
color:#333;
}
#main_bottom {
background:url('images/mainbottom2.jpg')  top no-repeat;
height:18px;
width:839px;

}
td.home_links a {
padding-left:30px;
padding-bottom:5px;
padding-top:3px;
font:14px Arial;
display:block;
margin-bottom:20px;
}

a.blog {
background: url('images/blog-icon.jpg') no-repeat;
}
a.cal {
background: url('images/cal-icon.jpg') no-repeat;
}
a.podcast {
background: url('images/pod-icon.jpg') no-repeat;
}
a.fb {
background: url('images/facebook-icon.jpg') no-repeat;
}
a.tw {
background: url('images/twitter-icon.jpg') no-repeat;
}
a.yv {
background: url('images/yv-icon.jpg') no-repeat left;
}
a.email {
background: url('images/join-icon.jpg') no-repeat left;
}
a.don {
background: url('images/don-icon.jpg') no-repeat left;
}

div.div_line {
width:470px;
border-top:1px dashed #666;
}



/* DROPDOWN MENU CSS */

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

#links ul li {
	position: relative;
 float:left;
    z-index:100;
	}

#links li ul {
	position: absolute;
	left: 0px;
	top: 38px; /* Set 1px less than menu height */
	display: none;
	background:#fff;
	z-index:10000000;
	}
#links 	ul li ul {
	 border: 1px solid #333;
	 position:absolute;
     z-index:10000;
	 }

/* Styles for Menu Items */
#links ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */

	}
 #links  li.mainlink ul li.sublink  {
  text-align:left;
  padding:0;
  width:140px;
  }
/* Fix IE. Hide from IE Mac \*/
* html #links ul li { float: left; height: 1%; }
* html #links ul li a { height: 1%; }
/* End */

#links ul li a:hover { color: #E2144A; background: #f9f9f9;} /* Hover Styles */


#links li:hover ul, li.over ul { display: block;} /* The magic */


/* series css */
a.series_audio {
float:right;
padding:2px 4px;
border:1px solid #333;
background:#ccc;
margin-left:10px;
cursor:pointer;
text-decoration:none;
}

span.series_title {
float:left;
font:24px Trebuchet MS;
}



/* POPUP BOX */

#s_body {
background:#ddd;
font-size:12px;
}

#info {
position:absolute;
left:50%;
margin-left:-250px;
top:100px;
z-index:10000;
width:500px;
border:10px solid #333;
text-align:justify;
color:black;
display:none;
}

#info a:hover {
cursor:pointer;
}

#box {
display:none;
position:absolute;
width:100%;
background:black;
z-index:1000;
}