@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
}

img {
	border : none;
}
a {
	text-decoration : none;
}
article, aside, figure, footer, header, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}

/*-----------------------------------bodybg area------------------------------------------------*/
body{ 
margin:0; 
padding:0;
font-family:Arial, Helvetica, sans-serif; 
font-weight:normal; 
font-size:12px;
color:#000000; 
background:#e1d4b3;
}

.body_main_bg{
width:100%; 
height:auto; 
margin:0; 
padding:0px; 
float:left; 
position:relative;
background:url(../image/body_top_bg.jpg) top center no-repeat;
}

.body_main_bg_all{
width:100%; 
height:auto; 
margin:0; 
padding:0px; 
float:left; 
position:relative;
background:url(../image/all_body_top.jpg) top repeat-x;
}
.footer_main_bg{ 
margin:0; 
padding:0; 
height:140px; 
float:left; 
width:100%; 
position:relative;
background:url(../image/footer_bg.png) repeat-x;
}

.sub_wrapper{
width: 1000px;
margin: 0px auto;
position: relative;
}

/*header start*/
.header{
width: 980px;
float:left;
height:230px;
position: relative;
/*margin:0 0px 0 10px;*/
}

.header .tag_board{
width: 281px;
float:left;
height:191px;
position: relative;
background:url(../image/tag_banner.png) no-repeat;
z-index:2
}

.header .tag_board p{
text-indent:-222222px;
}

.header .logo{
width: 468px;
float:left;
height:222px;
position: relative;
z-index:1;
left:-20px
}

.header .login_area{
width: 214px;
float:left;
height:59px;
position: relative;
z-index:3;
background:url(../image/login_bg.png) no-repeat;
left:-85px
}

.header .login_area span{
width: 73px;
float:left;
height:15px;
position: relative;
top:35px;
left:15px;
}

.header .george_lee{
width: 210px;
float:left;
height:188px;
position: relative;
top:-56px;
left:42px;
z-index:4;
}

.header .george_lee_tag{
width: 189px;
float:right;
height:auto;
position: relative;
z-index:4;
top:-50px;
left:20px
}

.header .george_lee_tag h1{
	float:left;
	 font-family: 'ArrusBTRoman';
	font-weight: normal;
    font-style: normal;
	font-size:20px;
	color:#dfca93;
}


.nav_area_mid{width:815px; height:50px; margin:0; padding:0; float:left; position:relative; left:100px}


.home a{display:block; padding:0px 0px 0 0px;  margin:-7px 0 0 0px; float:left; text-decoration:none; color:#303030;  height:47px; width:87px; color:#e4c36c; text-align:center; padding-top:18px;font-size:14px; }
.home a:hover{ background:url(../image/nav_h_bg.png) no-repeat; background-position:0px 0px; height:47px; width:87px;  color:#ffffff; text-shadow: 0 0 0.6em #ffffff, 0 0 0.6em #9d6b9b;}
.home_active a{ background:url(../image/nav_h_bg.png) no-repeat; background-position:0px 0px; display:block; padding:0; margin:-7px 0 0 0px; float:left; text-decoration:none; color:#ffffff; height:47px; width:87px; text-align:center; padding-top:18px; text-shadow: 0 0 0.6em #ffffff, 0 0 0.6em #9d6b9b; font-size:14px;}

.about a{display:block; padding:0px 0px 0 0px;  margin:-7px 0 0 0px; float:left; text-decoration:none; color:#303030;  height:47px; width:123px; color:#e4c36c; text-align:center; padding-top:18px;font-size:14px; }
.about a:hover{background:url(../image/nav_h_bg.png) no-repeat; background-position:-90px 0px; height:47px; width:123px;  color:#ffffff; margin:-7px 0 0 0px;  text-align:center; padding-top:18px; text-shadow: 0 0 0.6em #ffffff, 0 0 0.6em #9d6b9b;}
.about_active a{ background:url(../image/nav_h_bg.png) no-repeat; background-position:-90px 0px; display:block; padding:0; margin:-7px 0 0 0px; float:left; text-decoration:none; color:#ffffff; height:47px; width:123px; text-align:center; padding-top:18px; font-size:14px; }

.Church a{display:block; padding:0px 0px 0 0px;  margin:-7px 0 0 0px; float:left; text-decoration:none; color:#303030;  height:47px; width:173px; color:#e4c36c; text-align:center; padding-top:18px;font-size:14px; }
.Church a:hover{background:url(../image/nav_h_bg.png) no-repeat; background-position:-216px 0px; height:47px; width:173px;  color:#ffffff; margin:-7px 0 0 0px;  text-align:center; padding-top:18px; text-shadow: 0 0 0.6em #ffffff, 0 0 0.6em #9d6b9b;}
.Church_active a{ background:url(../image/nav_h_bg.png) no-repeat; background-position:-216px 0px; display:block; padding:0; margin:-7px 0 0 0px; float:left; text-decoration:none; color:#ffffff; height:47px; width:173px; text-align:center; padding-top:18px; font-size:14px; }


.Ministeries a{display:block; padding:0px 0px 0 0px;  margin:-7px 0 0 0px; float:left; text-decoration:none; color:#303030;  height:47px; width:140px; color:#e4c36c; text-align:center; padding-top:18px;font-size:14px; }
.Ministeries a:hover{background:url(../image/nav_h_bg.png) no-repeat; background-position:-390px 0px; height:47px; width:140px;  color:#ffffff; margin:-7px 0 0 0px;  text-align:center; padding-top:18px; text-shadow: 0 0 0.6em #ffffff, 0 0 0.6em #9d6b9b;}
.Ministeries_active a{background:url(../image/nav_h_bg.png) no-repeat; background-position:-390px 0px; height:47px; width:140px; display:block; padding:0; margin:-7px 0 0 0px; float:left; text-decoration:none; color:#ffffff; text-align:center; padding-top:18px; font-size:14px;}



.Book a{display:block; padding:0px 0px 0 0px;  margin:-7px 0 0 0px; float:left; text-decoration:none; color:#303030;  height:47px; width:140px; color:#e4c36c; text-align:center; padding-top:18px;font-size:14px; }
.Book a:hover{background:url(../image/nav_h_bg.png) no-repeat; background-position:-532px 0px; height:47px; width:140px;  color:#ffffff; margin:-7px 0 0 0px;  text-align:center; padding-top:18px; text-shadow: 0 0 0.6em #ffffff, 0 0 0.6em #9d6b9b;}
.Book_active a{background:url(../image/nav_h_bg.png) no-repeat; background-position:-532px 0px; height:47px; width:140px; display:block; padding:0; margin:-7px 0 0 0px; float:left; text-decoration:none; color:#ffffff; text-align:center; padding-top:18px; font-size:14px;}

.Giving a{display:block; padding:0px 0px 0 0px;  margin:-7px 0 0 0px; float:left; text-decoration:none; color:#303030;  height:47px; width:115px; color:#e4c36c; text-align:center; padding-top:18px;font-size:14px; }
.Giving a:hover{background:url(../image/nav_h_bg.png) no-repeat; background-position:-675px 0px; height:47px; width:115px;  color:#ffffff; margin:-7px 0 0 0px;  text-align:center; padding-top:18p; text-shadow: 0 0 0.6em #ffffff, 0 0 0.6em #9d6b9b;x}
.Giving_active a{background:url(../image/nav_h_bg.png) no-repeat; background-position:-675px 0px; display:block; padding:0; margin:-7px 0 0 0px; float:left; text-decoration:none; color:#ffffff; height:47px; width:115px; text-align:center; padding-top:18px; font-size:14px;}




/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
		width:815px; height:50px; 
		float:left;
		position:relative;
		left:20px
		
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block;
			height:auto;
			width:auto; 
			/*background:#ccc; */
			background:url(../../html/image/nav_bg.gif) repeat-x;
			position:relative;
			margin:0 1px;
			padding:0;
		}
		
		#nav li span{
			float:left; 
			display:block;
			height:39px;
			width:2px; 
			/*background:#ccc; */
			background:url(../image/nav_span.png) no-repeat;
			position:relative;
			margin:0 1px;
			padding:0;
		}		
		

		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			padding:0; 
			list-style:none;
			top:40px;
			text-align:left;
			z-index:1000;
		}
		
		#nav ul li {
			width:200px;
			height:15px;
			border-bottom:1px solid #debe6d;
			background:#4b0f19;
			margin:0;
		
			text-align:left;
			padding:4px 0;
			text-decoration:none;
			
		}

		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			color:#FFF;
			width:200px;
			height:15px;
			padding:2px 2px 10px 5px;
			margin:0;
			text-align:left;
			font-size:12px;
			text-shadow:none;
			background:none;
			
		}
		
		#nav ul a:hover {
			text-decoration:none;
			color:#debe6d;
			background:none;
			text-align:left;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
		
/*nav_end		*/

/*banner_start*/

.banner_area{
width:1000px; 
height:362px;
float:left; 
position:relative; 
background:url(../image/banner_bg.png) no-repeat;
top:-10px
}

.banner_area .social_area{
width:25px; 
height:auto;
float:left; 
position:relative; 
margin-top:30px;
margin-left:10px;
}
.banner_area .social_area img{
margin:2px 0 3px 0;
}

.banner_area .slide_area{
width:650px; 
height:329px;
float:left; 
position:relative; 
}

#fadeshow4{
	width:649px; 
height:320px;
float:left; 
position:relative; 
margin-top:15px;
margin-left:4px;
	z-index:10;
	}
	
#pastor4{
width:300px; 
height:400px;
float:right; 
position:relative; 
margin-top:15px;
margin-left:4px;
	z-index:10;
	}

.banner_area .right{
width:296px; 
height:auto;
float:left; 
position:relative;
margin-left:9px;
margin-top:15px;
}	

.banner_area .right .latest_nw{
width:296px; 
height:auto;
float:left; 
position:relative; 
}

.banner_area .right .latest_nw .heading{
width:296px; 
height:36px;
float:left; 
position:relative;
background:url(../image/announce_bg.png) no-repeat;
}
.banner_area .right .latest_nw .heading1{
width:296px; 
height:19px;
float:left; 
position:relative;
margin-left:9px;
background:url(../image/announce_bg1.png) no-repeat;
text-align:center;
padding-top:3px;
}

.banner_area .right .latest_nw .heading1 span a{
text-decoration:none;
color:#000;
}

.banner_area .right .latest_nw .heading1 span a:hover{
text-decoration:underline;
}

.banner_area .right .latest_text{
width:296px; 
height:94px;
float:left; 
position:relative;
background:url(../image/scroll_bg.png) no-repeat;
}

.banner_area .right .latest_text. div1{
width:296px; 
height:94px;
float:left; 
position:relative;
overflow:scroll;
overflow-y:scroll;
overflow-x:hidden;
}

.banner_area .right .latest_text .div1 .heading3{
color:#dcb865;
font-weight:bold;
float:left; 
position:relative;
padding:5px 10px;

}
.banner_area .right .latest_text .div1 .content{
color:#d7d3d3;
float:left; 
position:relative;
padding:5px 20px 20px 10px;
}
.banner_area .right .latest_text .div1 .content a{
color:#dcb865;
font-size:11px;
position:relative;
}

.banner_area .right .latest_text .div1 .content a:hover{
text-decoration:underline;
}

.banner_area .right .event{
width:296px; 
height:auto;
float:left; 
position:relative; 
}
.banner_area .right .upcoming{
width:24px; 
height:106px;
float:left; 
position:relative; 
}

.banner_area .right .upcoming_text{
width:272px; 
height:106px;
float:left; 
position:relative;
background:url(../image/event_bg.png) no-repeat ;
}

.banner_area .right .online{
width:296px; 
height:auto;
float:left; 
position:relative; 
}


.mid_area{
width:1000px; 
height:auto;
float:left; 
position:relative; 
}

.mid_area .item_area{
width:230px; 
height:auto;
float:left; 
position:relative; 
margin-top:40px;
margin-left:17px;
margin-bottom:20px;
}

.mid_area .item_area .box .text_area{
width:222px; 
height:64px;
float:left; 
position:relative; 
background:url(../image/item_text_bg.png) no-repeat;
text-align:center;
margin-top:80px
}

.mid_area .item_area .box .text_area h2{
font-size:18px; 
font-weight:bold;
color:#FFF
}

.mid_area .item_area .box .text_area h2 span{
color:#debf6f;
}

.mid_area .item_area .box .text_area p{
color:#ffffff
}

.mid_area .item_area .box .text_area p a{
color:#e2b33f
}

.mid_area .item_area .box .text_area p a:hover{
text-decoration:underline;
}
.mid_area .item_area .box{
width:222px; 
height:140px;
float:left; 
position:relative; 
border:4px solid #422407;
background:url(../image/item_box_img1.jpg) no-repeat;
}

.mid_area .item_area .box_shadow{
width:230px; 
height:14px;
float:left; 
position:relative; 
background:url(../image/mid_box_shadow.jpg) no-repeat;
}

.mid_area .item_area .box1 .text_area{
width:222px; 
height:64px;
float:left; 
position:relative; 
background:url(../image/item_text_bg.png) no-repeat;
text-align:center;
margin-top:80px
}

.mid_area .item_area .box1 .text_area h2{
font-size:18px; 
font-weight:bold;
color:#FFF
}

.mid_area .item_area .box1 .text_area h2 span{
color:#debf6f;
}

.mid_area .item_area .box1 .text_area p{
color:#ffffff
}

.mid_area .item_area .box1 .text_area p a{
color:#e2b33f
}

.mid_area .item_area .box1 .text_area p a:hover{
text-decoration:underline;
}
.mid_area .item_area .box1{
width:222px; 
height:140px;
float:left; 
position:relative; 
border:4px solid #422407;
background:url(../image/item_box_img2.jpg) no-repeat;
}

.mid_area .item_area .box2 .text_area{
width:222px; 
height:64px;
float:left; 
position:relative; 
background:url(../image/item_text_bg.png) no-repeat;
text-align:center;
margin-top:80px
}

.mid_area .item_area .box2 .text_area h2{
font-size:18px; 
font-weight:bold;
color:#FFF
}

.mid_area .item_area .box2 .text_area h2 span{
color:#ffffff;
}

.mid_area .item_area .box2 .text_area p{
color:#e1d9d9;
font-size:11px;
}

.mid_area .item_area .box2 .text_area p a{
color:#e2b33f
}

.mid_area .item_area .box2 .text_area p a:hover{
text-decoration:underline;
}
.mid_area .item_area .box2{
width:222px; 
height:140px;
float:left; 
position:relative; 
border:4px solid #422407;
background:url(../image/item_box_img3.jpg) no-repeat;
}

.mid_area .item_area .box3 .text_area{
width:222px; 
height:64px;
float:left; 
position:relative; 
background:url(../image/item_text_bg.png) no-repeat;
text-align:center;
margin-top:80px
}

.mid_area .item_area .box3 .text_area h2{
font-size:18px; 
font-weight:bold;
color:#FFF
}

.mid_area .item_area .box3 .text_area h2 span{
color:#debf6f;
}

.mid_area .item_area .box3 .text_area p{
color:#ffffff;
}

.mid_area .item_area .box3 .text_area p a{
color:#e2b33f
}

.mid_area .item_area .box3 .text_area p a:hover{
text-decoration:underline;
}
.mid_area .item_area .box3{
width:222px; 
height:140px;
float:left; 
position:relative; 
border:4px solid #422407;
background:url(../image/item_box_img4.jpg) no-repeat;
}

/*footer_stat here*/
.footer_area{
background:url(../image/footer_bg1.png) no-repeat;
width:1000px;
height:140px;
float:left;
position:relative;
margin-top:-20px
	}
	
.footer_area .footer_nav{
width:550px;
height:auto;
float:left;
position:relative;
top:38px;	
left:18px;
	}
	
.footer_area .footer_nav ul{
width:550px;
height:auto;
float:left;
position:relative;	
	}
	
.footer_area .footer_nav ul li{
display:inline;
	}	
	
.footer_area .footer_nav ul li span{
display:inline;
color:#6e6b63;
padding:0 2px
	}	
	
.footer_area .footer_nav ul li a{
color:#6e6b63;
text-decoration:none;
padding:0 2px;
	}

.footer_area .footer_nav ul li.active a{
color:#9f7d24;
padding:0 2px;
	}	

.footer_area .footer_nav ul li a:hover{
color:#9f7d24;
	}	
	
.footer_area .footer_nav p{
width:500px;
height:auto;
float:left;
position:relative;
color:#6e6b63;
top:5px;
line-height:18px;
	}
	
.footer_area .footer_nav p a{
text-decoration:underline;
color:#6e6b63;
	}	
	
.footer_area .footer_nav p a:hover{
text-decoration:none;

	}	
	
.footer_area .footer_nav .login{
width:150px;
height:auto;
position:relative;
float:left;
margin-top:15px;
	}
	
.footer_area .footer_nav .login span a{
color:#FFF;
font-weight:bold;
	}
	
.footer_area .footer_nav .login span a:hover{
text-decoration:underline;
	}					
	
.footer_contact{
width:375px;
height:auto;
float:right;
position:relative;
right:10px;
top:25px;
	}	
	
.footer_contact p{
font-size:14px;
color:#dddddd;
text-align:right;
line-height:18px;
	}
.footer_contact p span{
color:#a1d279;
font-weight:bold;
	}							
	
/*about page	*/

.about_area{
width:1000px; 
height:auto;
float:left; 
position:relative; 
background:url(../image/about_content_bg.png) no-repeat;
top:-11px
}

.about_area .social_area{
width:25px; 
height:auto;
float:left; 
position:relative; 
margin-top:30px;
margin-left:10px;
}
.about_area .social_area img{
margin:2px 0 3px 0;
}

.about_area .about_area{
width:904px; 
height:auto;
float:left; 
position:relative;
background:#FFF;
border:1px solid #d1cdc8; 
padding:15px 25px;
margin-top:22px;
margin-left:-1px;
}

.about_area .about_area h1{
float:left; 
position:relative;
font-family: 'SchneidlerBTBold';
color:#8a5e25;
font-size:24px;
line-height:20px
}

.about_area .about_area p{
	width:906px;
	height:auto;
float:left; 
position:relative;
font-size:14px;
}

.about_area .about_area .child_img{
	width:177px;
	height:125px;
border:3px solid #bf8a40;
float:left; 
position:relative;
margin:42px 0;
margin-left:385px;
}

.about_area .about_area .pagination{
width:906px; 
height:30px;
float:left; 
position:relative;
border-top:#000 dotted 1px;
border-bottom:#000 dotted 1px;
}

.about_area .about_area .pagination .prev{
width:400px; 
height:auto;
float:left; 
position:relative;
}

.about_area .about_area .pagination .prev p{
width:400px; 
height:auto;
float:left; 
position:relative;
font-size:12px;
font-weight:bold;
padding:0;
margin-top:5px
}

.about_area .about_area .pagination .prev p a{
color:#794e1b;
text-decoration:underline;
}

.about_area .about_area .pagination .prev p a:hover{
text-decoration:none;
}


.about_area .about_area .pagination .nxt{
width:400px; 
height:auto;
float:right; 
position:relative;
text-align:right
}

.about_area .about_area .pagination .nxt p{
width:400px; 
height:auto;
font-size:12px;
font-weight:bold;
padding:0;
margin-top:5px
}

.about_area .about_area .pagination .nxt p a{
color:#794e1b;
text-decoration:underline;

}

.about_area .about_area .pagination .nxt p a:hover{
text-decoration:none;
}

.about_area .about_area .pagination .mid{
width:200px; 
height:auto;
float:left; 
position:relative;
margin-left:400px;
}

.about_area .about_area .pagination .mid p{
width:200px; 
height:auto;
font-size:12px;
font-weight:bold;
padding:0;
margin-top:5px
}

.about_area .about_area .pagination .mid p a{
color:#794e1b;
text-decoration:underline;

}

.about_area .about_area .pagination .mid p a:hover{
text-decoration:none;
}


.about_area_shadow{
width:954px; 
height:19px;
float:left; 
position:relative; 
background:url(../image/about_content_shadow.png) no-repeat;
top:-11px;
left:33px;
}