/* CSS Document */

*{margin:0px; padding:0px;}

body{background-color:#E9E9E9; font-size:12px; font-family:Arial;}

ul{list-style:none outside;}

.clearfloat{clear:both; margin:0px; padding:0px; height:0px;}

.topline{border-top:1px solid #6E6E6E; margin-top:58px; height:0px; padding:0px; overflow:hidden;}

.brown{color:#986F3A;}

.white{color:#FFFFFF;}

.gray{color:#494848;}

.black{color:#000000;}

.green{color:#31811E;}

img{border:none;}

#container{ width:931px; margin:0px auto;}

/*top css*/

#top .logo{background:url(../images/top_bg_02.gif) repeat-x; height:58px; padding:0px 43px 0px 10px; }

#top .logo_pic{

	float:left;

	vertical-align: top;

}

#top .search{float:right; padding-top:25px; color:#FFFFFF;}

/*.searchinput{background:url(../images/searchinput.gif) no-repeat; background-color:#FFFFFF; width:121px; height:17px; border:none;}

*/

.searchinput{background:url(../images/searchinput.gif) no-repeat; background-color:#DADADA; width:121px; height:15px; border:none;background-attachment:fixed; border:1px solid #d4d4d4;}

.searchgo{background:url(../images/go.gif) no-repeat; width:22px; height:17px; border:none;}

#top .top_menu{background:url(../images/menu_bar_02.gif) repeat-x;height:23px;width:929px;margin:0px auto;color:#FFFFFF;font-size:14px; line-height:23px;}

#top .top_menu ul{float:right;/* padding-right:10px;*/

}

#top .top_menu li{float:left; padding:0px 15px;}

.lichange{background-color:#2D4581;}

/*#top .top_submenu{display:none; background-color:#FFFFFF; position:absolute; z-index:1000; }

#top .top_submenu ul{margin:0px; padding:0px;}

#top .top_submenu li{clear:both; margin-top:1px; background-color:#2D4581; width:120px;}

*/

#top .top_submenu{display:none; background-color:#FFFFFF; position:absolute; z-index:1000; }

#top .top_menu ul li ul{margin:0px; padding:0px;}

#top .top_menu ul li ul li{clear:both; margin-top:1px; background-color:#2D4581; width:120px;}

.top_bg{	background-color:#2D4581;cursor: pointer}

#top_menu ul li ul{ position:absolute;display:none;clear:both; z-index:1500; background-color:#FFFFFF}

#top_menu ul li ul li{ clear:both;}

/*website main page css*/

/*page pic*/

#main  .page_pic .text_left{float:left; width:620px; padding-right:32px;}

#main  .page_pic .text_left .text_title{height:200px; padding-top:56px; padding-left:250px; font-size:28px; font-weight:bold; font-style:italic; color:#9A9FA1;}

#main  .page_pic .text_left .text_title .little{font-size:24px;}

#main  .page_pic .text_left .text_word{ width:595px; height:45px;filter:alpha(opacity=70);  -moz-opacity:0.7; opacity:0.7; background-color:#000000; color:#FFFFFF; font-size:13px; font-weight:bold; line-height:45px; padding-left:25px;}

#main  .page_pic .text_news{float:left; border:2px solid #7D869B; width:254px; margin:20px 0px 0px 0px;}

#main  .page_pic .text_news .news_title{background:url(../images/hana_new.gif) no-repeat; height:31px;}

#main  .page_pic .text_news .news_content{height:236px; overflow-y:auto; background-color:#FFFFFF;filter:alpha(opacity=50);  -moz-opacity:0.5; opacity:0.5; font-size:13px;}

#main  .page_pic .text_news .news_content ul{list-style:square; margin-left:25px;}

#main  .page_pic .text_news .news_content li{padding-top:15px;}

/*mission*/

#main .mission{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-left:54px; padding-right:46px; background-color:#F5F5F5;}

#main .mission .mission_title{color:#31811E; font-size:20px;/* font-weight:bold; */

border-bottom:1px solid #31811E; width:510px; padding-top:15px; margin-bottom:20px;}

#main .mission dl{padding-bottom:20px;}

#main .mission dt{color:#31811E;}

#main .mission .mission_content{padding-left:20px; font-weight:bold;}

#main .mission .mission_content dd{padding-left:20px;}

#main .mission .statue{position:relative;top:1px;float:right;width:118px;height:36px;background-color:#31811E;font-size:20px;padding:12px;padding-top:82px; margin:0px 0px 50px 15px;}

/*service*/

#main .service{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-left:33px; padding-right:20px; background-color:#F5F5F5; color:#545453;}

#main .service_title{ font-size:20px;border-bottom:1px solid #FF8D06; width:510px; padding-top:40px; margin-left:33px; margin-bottom:20px; line-height:30px;}

#main .service_content{padding-left:33px; font-size:18px; padding-bottom:20px;}

#main .service_content .service_content_title{float:left;width:144px; text-align:right; padding-right:20px;}

#main .service_content .group_content_title{float:left;width:84px; text-align:right; padding-right:50px;}

#main .service_content .service_content_content{float:left; width:500px;  height:auto !important;height:140px; min-height:140px; }

#main .service_bottom{ font-size:10px; padding-bottom:20px;}

#main .service .left{float:left;width:473px;}

#main .service .right{float:left; width:403px; text-align:right;}

#main .service .groupstatue{position:relative; top:1px; float:right; width:118px; height:28px; background-color:#FF8D06; font-size:18px; padding:12px; margin-right:26px !important; margin-right:13px; padding-top:90px;}

#main .service .statue{position:relative; top:1px; float:right; width:118px; height:18px; background-color:#FF8D06; font-size:18px; padding:12px; margin-right:26px !important; margin-right:13px; padding-top:100px;}

/*#main .service .smallgroup{ padding-top:20px;}

*/

#main .service .smallgroup{ padding-top:20px; height:auto !important;height:100px; min-height:100px; }

#main .service .smallgroup .smallgroup_title{font-size:16px; font-weight:bold; padding-bottom:10px !important; padding-bottom:0px; width:500px;}

#main .service .smallgroup .shade{position:relative; top:-107px;*top:-103px !important; *top:-105px; left:0px; background:url(../images/groups_shade.gif) no-repeat; height:19px; width:107px; text-align:center; line-height:19px;   color:#FFFFFF; font-family:Garamond; font-weight:bold; padding-right:5px;}
#main .service .smallgroup .shade *{vertical-align:bottom;}

/*filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;ÉèÖÃ͸Ã÷*/

.t1{position:relative; top:-107px;*top:-103px !important; *top:-105px; left:0px; background:url(../images/groups_shade.gif) no-repeat; height:19px; width:107px; text-align:center; line-height:19px;  color:#FFFFFF; font-family:Garamond; font-weight:bold; padding-right:5px; font-size:16px;}
.t1{vertical-align:bottom;}

#main .service .smallgroup dl{padding-left:30px;}

#main .service .smallgroup dd{float:left; padding-right:15px;}

#main .service .shadeline{height:0px; width:510px;border-bottom:1px solid #FF8D06; position:relative; top:21px !important; top:19px; left:45px; z-index:999;}

/*welcome css*/

#main .welcome{ background:url(../images/welcome.gif) no-repeat; width:929px; height:300px;}

#main .welcome .welcomecontent{width:400px; padding:100px 10px 10px 25px; font-size:13px;}

/*direction*/

#main .direction{ background:url(../images/directions_bg.gif) no-repeat; width:931px; height:300px;}

#main .direction .left{float:left;width:384px;}

#main .direction .right{float:right; width:480px; height:240px; overflow:hidden; padding-right:22px; padding-top:26px;position:relative;}

#main .direction .direction_title{padding-top:26px; padding-left:56px; font-family:Garamond; font-size:19px;}

#main .direction .direction_content{padding:10px 32px 0px 15px;}

#main .direction .direction_content td{height:35px;}

#main .direction .direction_input{width:309px; height:18px; border:none;}

#main .direction .direction_select{width:120px; height:18px; border:none; font-size:12px;}

#main .direction_button{background:url(../images/directions_button.gif) no-repeat; width:121px; height:20px; border:none;}

/*cafe css*/

#main .cafe{ background:url(../images/cafe_bg.gif) no-repeat; width:930px; height:609px;}

#main .cafe dl{padding-top:45px; width:500px;}

#main .cafe dd{ position:relative; top:-200px; left:440px; cursor:pointer; width:90px; height:60px; margin-bottom:3px;}

/*pastor*/

#main .pastor{background:url(../images/Pastor_03.gif) repeat-x bottom; background-color:#FFFFFF; height:auto !important;height:778px; min-height:778px; width:931px; color:#3B3B3B;}

#main .pastor_left{ float:left; width:597px;padding-left:44px;}

#main .pastor_right{ float:right; width:232px; text-align:right; padding-right:58px;}

#main .pastor_left .pastor_em{padding-top:35px; padding-left:15px; color:#6B6B6B; font-size:16px; font-weight:bold; line-height:24px;}

#main .pastor_left .pastor_information{background:url(../images/Hana-Pastor-Bio-Scott-Yun2_03.gif) no-repeat top; background-color:#FFFFFF; width:563px;height:auto !important;height:548px; min-height:548px; padding:24px 17px;}

#main .pastor_left .pastor_information1{background:url(../images/news_bg.gif) no-repeat top; background-color:#FFFFFF; width:563px;height:auto !important;height:670px; min-height:670px; padding:24px 17px;}

#main .pastor_left .pastor_information .information_top{/* height:281px; */padding-bottom:10px;}

#main .pastor_left .pastor_information .information_top .information_name{font-size:18px; text-align:center; padding-top:56px;}

#main .pastor_left .pastor_information .information_top .information_name2{text-align:center; font-weight:bold; padding-bottom:34px;}

#main .pastor_left .pastor_information img{float:left; padding-right:17px;}

#main .pastor_right .pastor_img,#main .pastor_right .pastor_email{}

#main .pastor_right .pastor_img{background:url(../images/Hana-Pastor-Bio-Scott-Yun2_06.gif) no-repeat; width:169px; height:198px; margin-top:110px; text-align:center; font-size:9px; font-weight:bold; margin-left:52px;}

#main .pastor_right .pastor_img .img_left,#main .pastor_right .pastor_img .img_right{padding-top:45px;}

#main .pastor_right .pastor_img .img_left span,#main .pastor_right .pastor_img .img_right span{position:relative; top:-10px; left:0px;}

#main .pastor_right .pastor_img .img_left{width:58px; float:left; padding-left:14px;}

#main .pastor_right .pastor_img .img_right{width:59px; float:right; padding-right:14px;}

#main .pastor_right .pastor_email{background:url(../images/Hana-Pastor-Bio-Scott-Yun2_10.gif) no-repeat; width:105px; height:58px; margin-top:38px; padding-top:140px; padding-left:68px; line-height:20px; text-align:left; color:#747474; font-weight:bold; margin-left:48px;}

/*request*/

#main .request{background:url(../images/request_bg_03.gif) no-repeat 1px; width:753px; height:608px; padding:0px 88px; color:#555555; font-weight:bold;}

#main .request .request_top{height:200px;}

#main .request .request_top_left{float:left; width:415px; padding-top:63px;}

#main .request .request_top_right{float:right; width:338x; padding-top:85px; text-align:right;}

#main .request .request_name,#main .request .request_mail{padding-bottom:20px;}

#main .request .request_word2{color:#252387; font-weight:bold; padding-top:50px; text-align:left; width:338px;}

#main .request .request_title{font-family:Times New Roman; font-size:36px; font-weight:normal; color:#252387; padding-bottom:15px;}

#main .request .request_button{float:right; padding-top:22px; padding-right:95px;}

.request_input{ background:url(../images/Hana-web-prayer-request_03.gif) no-repeat; background-color:#FFFFFF; width:151px; height:17px; border:1px solid #C7C7C7;}

.request_textarea{ background:url(../images/Hana-web-prayer-request_06.gif) no-repeat; background-color:#FFFFFF; width:520px; height:319px; border:1px solid #C7C7C7; overflow:auto;}

.word{width:130px; display:block; float:left; text-align:right; padding-right:14px; color:#555555; font-weight:bold;}

.request_send{background:url(../images/Hana-web-prayer-request_10.gif) no-repeat; width:87px; height:17px; border:none;}

/*main foot css*/

#main .main_foot{background:url(../images/main_bg_02.gif) repeat-x; height:175px; width:929px; margin:0px auto;}

#main .main_foot .main_left,#main .main_foot .main_middle,#main .main_foot .main_right{float:left; padding:0px 15px;}

#main .main_foot .main_left{ padding-top:9px;}

#main .main_foot .main_middle{ padding:20px 40px 0px 40px; width:210px;}
#main .main_foot .main_middle img{padding:3px 8px;}

#main .main_foot .main_right{ padding-top:9px;}

#main .main_foot .main_left{width:380px; height:157px;}

#main .main_foot .main_left{background:url(../images/hana_quicklink.gif) no-repeat 15px 9px; width:380px; height:157px;}

/*#main .main_foot .main_left{background:url(../images/hana_ministries.gif) no-repeat 15px 9px; width:380px; height:157px;}

*/

/*tab css*/

#main .main_foot .main_left .title1,#main .main_foot .main_left .title2{float:left; line-height:22px; font-weight:bold; cursor:pointer;}

#main .main_foot .main_left .title1{padding-left:20px; width:170px;}

#main .main_foot .main_left .title2{text-align:center; width:190px;}

#main .main_foot .main_left .content_left,#main .main_foot .main_left .content_right{float:left; line-height:22px; font-weight:bold;}

#main .main_foot .main_left .content1 .content_left{padding-left:15px; padding-top:15px !important; padding-top:0px; width:165px;}

#main .main_foot .main_left .content1 .content_right{ padding-top:5px !important; padding-top:0px; width:200px;}

#main .main_foot .main_left .content2 .content_left{padding-left:15px; padding-right:25px; padding-top:20px !important; padding-top:8px; width:140px; text-align:right;}

#main .main_foot .main_left .content2 .content_right{ padding-top:35px !important; padding-top:20px; padding-left:108px; width:92px;}

/*faq css*/

#faq{background-color:#FFFFFF; font-weight:bold; line-height:18px; color:#949494;}

#faq .faq_line{background:url(../images/faq_line.gif) no-repeat; height:5px; width:426px; overflow:hidden;}

#faq .faq{width:843px;margin:0px auto;}

#faq .faq_top{ background:url(../images/faq_bg.gif) no-repeat right;height:150px; padding:24px 0px; }

#faq .faq_top .top_title{ font-size:24px; line-height:50px;}

#faq .faq_top .top_content{width:426px; padding-left:100px; line-height:20px;}

#faq .ftitle{background:url(../images/faq_bar.gif) no-repeat;height:20px; padding-bottom:28px; padding-left:15px; line-height:18px;}

#faq .fcontent{padding-left:8px;}

#faq .fcontent dl{padding-bottom:28px;}

#faq .fcontent dt{ padding-bottom:18px;}

/*#faq{background-color:#FFFFFF; font-weight:bold; line-height:18px; color:#949494;}

#faq .faq_line{background:url(../images/faq_line.gif) no-repeat; height:5px; width:426px; overflow:hidden;}

#faq .faq{width:843px;margin:0px auto;}

#faq .faq_top{ background:url(../images/faq_bg.gif) no-repeat right;height:150px; padding:24px 0px; }

#faq .faq_top .top_title{ font-size:24px; line-height:50px;}

#faq .faq_top .top_content{width:426px; padding-left:100px; line-height:20px;}

#faq .ftitle{background:url(../images/faq_bar.gif) no-repeat; height:16px; padding-bottom:28px; padding-left:15px; line-height:16px;}

#faq .fcontent{padding-left:8px;}

#faq .fcontent dl{padding-bottom:28px;}

#faq .fcontent dt{ padding-bottom:18px;}

*/

/*foot css*/

#foot{background:url(../images/foot_bg_2.gif) no-repeat; height:30px; width:935px; color:#FFFFFF; line-height:23px;}

#foot .foot_bar li{ float:left; padding-left:32px;}

#foot .foot_address{float:right; padding-right:18px;}



/*calendar*/

#main .calendar{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-left:54px; padding-right:46px; background-color:#F5F5F5;}

#main .calendar .calendar_title{font-size:20px;/* font-weight:bold; */

border-bottom:1px solid #B5E200; width:510px; padding-top:15px; margin-bottom:20px;}

#main .calendar dl{padding-bottom:20px;}

#main .calendar dt{color:#428932;}

#main .calendar .calendar_content{padding-left:20px; font-weight:bold; width:490px; height:224px; overflow-y:auto;}

#main .calendar .calendar_content dd{padding-left:20px;}

#main .calendar .statue{position:relative; top:1px; float:right; width:118px; height:36px; background-color:#B5E200; font-size:18px; padding:107px 16px 0px 8px;}

.one{float:left;margin-top:20px;/*margin-right:20px;*/position:absolute;z-index:100;background:#2D4581;display:none ;}

.one_menu{color:#99CC66;width:155px;height:15px;}

.ttime1{margin-left:2px;font-size:12px;float:left;width:22px;text-align:center;height:14px; }

.ttime_1{margin-left:2px;font-size:10px;float:left;width:24px;text-align:center;height:12px; }

.ttime2{font-size:14px;float:left;width:26px;background-image:url(../images/date_white.gif);text-align:center;height:19px;}

.ttime_2{font-size:12px;float:left;width:24px;text-align:center;height:15px;}

.ttime22{font-size:14px;float:left;width:26px;background-image:url(../images/date_white.gif);text-align:center;height:23px;}

.ttime_22{font-size:12px;float:left;width:24px;text-align:center;height:19px;}

.ttime3{font-size:14px;float:left;width:26px;background-image:url(../images/date_empty.gif);text-align:center;height:19px;}

.ttime_3{font-size:12px;float:left;width:24px;text-align:center;height:15px;}

.ttime33{font-size:14px;float:left;width:26px;background-image:url(../images/date_empty.gif);text-align:center;height:23px;}

.ttime_33{font-size:12px;float:left;width:24px;text-align:center;height:19px;}

/*.ttime1{margin-left:2px;margin-top:0px;font-size:12px;font-family:Arial;float:left;width:24px;text-align:center;height:16px;}

.ttime2{margin-top:6px;margin-left:2px;font-size:14px;float:left;width:24px;text-align:center;height:17px;}*/

.ttime_box1{float:left;font-family:Arial;margin-top:0px;/*font-weight:bold;*//*color:#99CC66;*//*color:#000099;color:#0D0D5B;*/color:#6A83A1;font-size:16px;text-align:left}

.ttime_box{margin-left:3px; margin-top:0px;font-weight:bold;height:17px;/*color:#000223;*/color:#6A83A1;font-size:12px; text-align:left;}

#main .ttime_box1 a:visited{/*color:#00042A;*/ color:#FFFFFF;cursor:pointer;	text-decoration:underline;}

#main .ttime_box1 a:link{	/*color:#00042A;*/color:#FFFFFF;cursor:pointer;	text-decoration:underline;}

#main .ttime_box1 a:hover {	text-decoration: none;/*color:#00042A;*/color:#6A83A1;text-decoration:underline;}

#top .top_menu a:hover{	color:#FFFFFF;	text-decoration:none;}

#top .top_menu a:visited{	color:#FFFFFF;	text-decoration:none;}

#top .top_menu a:link{	color:#FFFFFF;	text-decoration:none;}

#main .main_left a:hover{	color:#494848;	text-decoration:none;}

#main .main_left a:link{	color:#494848;	text-decoration:none;}

#main .main_left a:visited{	color:#494848;	text-decoration:none;}

a.blacklink:link{color:#000000; text-decoration:none;}
a.blacklink:hover{color:#000000; text-decoration:none;}
a.blacklink:visited{color:#000000; text-decoration:none;}

a.whitelink:link{color:#FFFFFF; text-decoration:none;}
a.whitelink:hover{color:#FFFFFF; text-decoration:none;}
a.whitelink:visited{color:#FFFFFF; text-decoration:none;}

a.servicegraylink:link{color:#545453; text-decoration:none;}
a.servicegraylink:hover{color:#545453; text-decoration:none;}
a.servicegraylink:visited{color:#545453; text-decoration:none;}


a.mainlevel:link{color:#FFFFFF; text-decoration:none;}
a.mainlevel:hover{color:#FFFFFF; text-decoration:none;}
a.mainlevel:visited{color:#FFFFFF; text-decoration:none;}

a.latestnews:link{color:#000000; text-decoration:none;}
a.latestnews:hover{color:#000000; text-decoration:none;}
a.latestnews:visited{color:#000000; text-decoration:none;}

/*a.brownn:link{color:#986F3A; text-decoration:none;}
a.brownn:hover{color:#986F3A; text-decoration:none;}
a.brownn:visited{color:#986F3A; text-decoration:none;}
*/

#event_news{ margin-top:5px;float:left; margin-left:50px; width:189px; height:30px;}

#event_news a:hover{ color:#649DE3;text-decoration:none;}

#event_news a:link{color:#649DE3;text-decoration:none;}

#event_news a:visited{color:#649DE3;text-decoration:none;}



#tab .brown a:hover{	color:#986F3A;	text-decoration:none;}

#main .brown a:link{	color:#986F3A;	text-decoration:none;}

#main .brown a:visited{	color:#986F3A;	text-decoration:none;}

a.calendarlink:link{color:#428932; text-decoration:none;}

a.calendarlink:hover{color:#428932; text-decoration:none;}

a.calendarlink:visited{color:#428932; text-decoration:none;}

/*googl map*/



#google_map {width:  480px;  height: 240px;}

#MapText {color:#000000;font-weight: bold;border-top-width: 1px;/*border-top-style: solid;*/

border-right-style: solid;border-bottom-style: none;border-left-style: solid;border-top-color: #000000;width: 63px;text-align: center;display: block;border-right-width: 1px;border-left-width: 1px;border-right-color: #000000;border-left-color: #000000;}



/*

	photo gallery

*/

#main .photogallery{ background-color:#FFFFFF; padding-top:53px;}

#main .photogallery .photogallery_head{ width:833px; margin:0px auto; background:url(../images/Photo-Gallery-top-line.gif) repeat-x bottom; color:#323CA0;}

#main .photogallery .photogallery_head .subtitle{ font-size:32px; font-weight:bold;/* padding-top:23px; */line-height:36px;}

#main .photogallery .photogallery_head .photogallery_page{ float:right; font-size:12px; font-weight:bold; padding-top:10px; line-height:32px;}

#main .photogallery .photogallery_head .photogallery_page .page_choose{font-size:14px; color:#FF0000;}

#main .photogallery .photogallery_list{ width:856px; height:auto; margin:0px auto; padding:30px 0px; color:#0F1E48; font-size:11px; font-weight:bold;}

#main .photogallery .photogallery_list .photogallery_unit_title{ font-size:16px; font-weight:bold;}

#main .photogallery .photogallery_list .photogallery_list_one{ background:url(../images/Photo-Gallery-dashed.gif) repeat-x bottom; height:158px;}

#main .photogallery .photogallery_list .photogallery_list_two{ background:url(../images/Photo-Gallery-dashed.gif) repeat-x bottom; height:200px;}

#main .photogallery .photogallery_list .photogallery_list_three{height:72px;}

#main .photogallery .photogallery_list .photogallery_unit{ float:left; width:170px; text-align:center; height:100%; border-right:1px solid #CCCCCC;}

#main .photogallery .photogallery_list .photogallery_list_two .photogallery_unit{ height:175px; padding-top:25px;}

#main .photogallery .photogallery_list .photogallery_unit_side{ border:none; padding:0px;}

.bigtext{font-size:18px;}

.ttime{font-size:12px;float:left;width:26px;text-align:center;height:20px; color:#6A83A1;}
.weekstyle{float:left;margin-left:2px;margin-top:0px;font-size:12px;font-family:Arial; font-weight:bold;width:24px;text-align:center;height:16px; color:#6A83A1;}