@font-face { font-family: nanumgothic; src: url("NanumGothic.otf"); }
@font-face { font-family: nanumgothicbold; src: url("NanumGothicBold.otf"); }

/* SITE WIDE */
html { }
body { margin: 0; padding: 0; text-align: left; font-family: nanumgothic, Gulim, Arial, Helvetica, sans-serif; }
.yui-skin-sam .mask { opacity: 0.7; filter: alpha(opacity=70); }
a { text-decoration: none; color: #767f2c; }
a:hover { text-decoration: underline; color: #a9b63c; }
.icons { display: inline-block; width: 16px; margin: 3px; }
.datatable { width: 280px; }
.datatable tr td { background-color: #f7f7f7; padding: 2px 10px; border: solid 1px #f2f2f2; vertical-align: top; }
.input_box { border: solid 1px #ccc; width: 150px; font-size: 10pt; }
.onnuri_button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% nanumgothic, Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	min-width: 100px;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.onnuri_button:hover {
	text-decoration: none;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.onnuri_button:active {
	position: relative;
	top: 1px;
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
a.onnuri_button {
	color: #fff;
}
.rssfeed { background: url(../../images/badge_rss.png) no-repeat 0 0; padding-left: 18px; vertical-align: middle; }
.rssfeed:hover { background: url(../../images/badge_rss.png) no-repeat 0 -16px;}
.onnuri_msg { border: solid 1px #ffff00; text-align: center; background-color: #ffffa8; padding: 2px; }
.small-text { font-size: 11px; font-family: nanumgothic, Arial, Helvetica, sans-serif; }

/* HEADER */
#body_wrap { background-color: #3c3d32; width: 100%; }
#header_top_menu { width: 900px; margin-left: auto; margin-right: auto; height: 22px; text-align: right; color: #ccc; padding-top: 3px; }
#header_top_menu a { color: #e2e2e2; text-decoration: none; font-size: 11px; width:auto; display: inline-block; text-align: center; padding: 0 5px; }
#header_top_menu a:hover { color: #fff; text-decoration: underline; }
#header_top_content { height: 0px; width: 100%; overflow: hidden; background-color: #f5f7dc; font-family: nanumgothic, Gulim, Verdana; font-size: 9pt; }
#header_top_bar { height: 4px; background-color: #96a94b; }
#header_top_inner_content { width: 951px; margin-left: auto; margin-right: auto; padding-top: 5px; }

#header_logo { background-image: url(../../images/header_bg.jpg); background-repeat: repeat-x; background-color: #fff; height: 81px; }
#header_menu { width: 969px; height: 33px; margin-left: auto; margin-right: auto; }

/*
#header_menu img, #header_menu a { float: right; margin-top: 48px; }
#header_menu #topnav li a { color: #9ea845; font-size: 10pt; text-decoration: none; text-align: center; padding-top: 10px; width: 95px; height: 23px; background: url(../../images/menu_btn.jpg) no-repeat 0 -33px; display: inline-block; margin-right: 1px; font-weight: bold; }
#header_menu #topnav li a:hover { background: url(../../images/menu_btn.jpg) 0px -66px no-repeat; font-weight: bold; color: #fff; }
#header_menu .selected { background: url(../../images/menu_btn.jpg) 0px 0px no-repeat; color: #7c8814; }
*/
ul#topnav {
	list-style: none;
	margin: 0;
}
ul#topnav li {
	float: right; margin-top: 48px;
}
ul#topnav li a.topmenu {
	color: #9ea845;
	font-size: 10pt;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	width: 95px;
	height: 23px;
	background: url(../../images/menu_btn.jpg) no-repeat 0 -33px;
	display: inline-block;
	margin-right: 1px;
	font-weight: bold;
	cursor: default;
}
ul#topnav li a.end {
	margin-right: 35px;
}
ul#topnav li a:hover.topmenu {
	background: url(../../images/menu_btn.jpg) 0px -66px no-repeat;
	font-weight: bold;
}
ul#topnav li .sub {
	background-color: #ebf39e;
	z-index: 100000;
	position: absolute;
	padding: 20px;
	float: left;
	display: none;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	filter: alpha(opacity=90); opacity: 0.9;
}
ul#topnav li .sub ul li {
	margin-top: 2px;
}
ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 2px;
}
ul#topnav li .next {
	margin-top: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin:0; padding: 0;
	width: 120px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #9ea845;
	text-decoration: underline;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/

}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	display: block;
	text-decoration: none;
	color: #767f2c;
	padding: 4px;
}
ul#topnav .sub ul li a:hover {
	background-color: #fff;
}
#close_acc:hover { background: url(../../images/close_btn.gif) 0 -19px no-repeat; }

/* LOCATION */
#google_map { width: 365px; float: right; height: 261px; }
#google_map_frame { border: none; width: 365px; height:281px; }

/* MENU */
#menu01_hover, #menu02_hover, #menu03_hover, #menu04_hover, #menu05_hover, #menu06_hover { display: none; }

.yui-skin-sam .yuimenu .bd { background-color: #ebf39e; color: #6a6c5a; cursor: pointer; width: 160px; filter: alpha(opacity=90); opacity: 0.9; font-size: 10pt; border: none; }
.yui-skin-sam .yuimenu .bd ul li a { cursor: pointer; color: #79822d; height: 23px; }
.yui-skin-sam .yuimenuitem-selected { background-color: #ffed2d; font-weight: bold; }
#recipients_menu .bd ul li a { height: 15px; }
#recipients_menu .bd { background-color: #eee; width: 210px; }
#recipients_menu { border: solid 1px #ccc; }

/* AD PANEL */
#ad_panel { width: 385px; height: 203px; float: right; margin-top: 5px;}
#ad_menu { float: right; width: 15px; }
#ad_menu a { display: block; height: 33px; background: url(../images/ad_btn.jpg) no-repeat 0 0; vertical-align: middle; text-decoration: none; font-size: 8pt; border: solid 1px #dcdeca; padding: 17px 0 0 3px; font-family: nanumgothic, Gulim, tahoma, verdana; color: #3c3d32; }
/* test */
#ad_content { height: 100%; width: 368px; border: solid 1px #dcdeca; float: left; border-right: none; padding: 0; margin: 0; }
#ad_content_desc { background-color: #fff; height: 40px; filter: alpha(opacity=80); opacity: 0.8; margin-top: 153px; padding: 5px; }
#ad_content_title { font-size: 12pt; font-weight: bold; }
#ad_content_time { font-size: 9pt;}

#ad_menu #ad_menu01, #ad_menu #ad_menu02, #ad_menu #ad_menu03 { border-bottom: none; }

/* FLASH PANEL */
#flash_panel { float: left; width: 470px; height: 205px; background-color: white; margin-top: 5px; }

/* CONTENT */
#content_bg { background-color: #bed02b; width: 100%; height: 290px; padding-top: 10px; }
#content_wrap { width: 904px; background-color: #AAB53B; margin: 0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#content_hd { padding: 10px 20px; }
#content_main_wrap { background: url(../../images/main_wrap.jpg) repeat-x; background-color: #f1f3cc; width: 100%; }
#content_main { font-family: nanumgothic, Gulim, Arial, Helvetica, sans-serif; background-color: #fff; width: 884px; margin-left: auto; margin-right: auto; padding: 10px; text-align: left; line-height: 18px; }
#content_left { width: 180px; float: left; }
.G4_SCHEDULE p a img { border: none; }
#content_right { width: 670px; float: right; background-color: #fff; text-align: left; }

/* ONNURI CONTENTS */
#onnuri_contents { font-family: nanumgothic, Gulim, tahoma, verdana; padding: 10px; }
#onnuri_contents img { border: solid 5px #eee; margin: 0 5px 5px 5px; }
#onnuri_contents h1 { background: url(../../images/oc_h1.jpg) no-repeat; height: 61px; padding: 35px 0 0 45px; margin: 0 0 5px 0; color: #3c3d32; font-size: 14pt; font-family: nanumgothic, Georgia, "Times new roman"; position: relative; left: -10px; }
#onnuri_contents h2 { font-size: 12pt; border-bottom: dotted 1px #e86f65; color: #e86f65; font-family: nanumgothic, Gulim, Georgia, "Times new roman"; }
#onnuri_contents h3 { font-size: 11pt; font-weight: bold; padding: 5px 5px 5px 0; margin: 0; color: #466C8A; display: inline-block; }
#onnuri_contents p { }
#onnuri_contents .word { background: url(../../images/word.jpg) no-repeat top; padding: 0 65px; font-family: nanumgothic, Gulim, Georgia; color: #96a94b; height: auto;}
#onnuri_contents .left { width: 320px; float: left; }
#onnuri_contents .right { width: 320px; float: right; }
#onnuri_contents .clear { clear: both; }
#onnuri_contents .phone { background: url(../../images/icons.gif) no-repeat; width: 16px; display: inline-block; height: 15px; margin: 1px; vertical-align: middle; }
#onnuri_contents .email { background: url(../../images/icons.gif) no-repeat 0 -47px; width: 16px; display: inline-block; height: 12px; margin: 1px 3px 1px 1px; vertical-align: middle; }
#onnuri_contents .year { font-family: nanumgothic, Gulim, georgia; color: #c7c7c7;; font-size: 20pt; font-weight: bold; }
#onnuri_contents .left2 { width: 80px; float: left; }
#onnuri_contents .right2 { width: 610px; float: right; padding-top: 10px; }
#onnuri_contents .noborder { border: none; margin: 5px; }
#onnuri_contents .acc_bd { overflow: hidden; height: 0; display: none; }
#onnuri_contents blockquote { font-family: nanumgothic, Gulim, Georgia; color: #96a94b; }

	/*TABLE*/
#onnuri_contents table { width: 100%; }
#onnuri_contents table tr th { background-color: #ebebeb; padding: 5px 10px; }
#onnuri_contents table tr td { background-color: #f7f7f7; padding: 2px 10px; width: 200px; border: solid 1px #f2f2f2; }

/* FOOTER */
#footer_wrap { width: 100%; background-color: #f1f3cc; }
#footer { background-color: #3c3d32; font-family: nanumgothic, Gulim, verdana, tahoma; font-size: 8pt; width: 884px; margin: 0 auto; padding: 10px; color: #7d7e74; text-align: center;  }

/* NOTICE PANEL & SEARCH PANEL */
#notice_panel { display: none; background-color: #EFF0FF; z-index: 1000000; border: solid 5px #9DAF00; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#search_panel { display: none; background-color: #EFF0FF; z-index: 1000000; border: solid 5px #9DAF00; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#notice_panel .hd, #search_panel .hd { background-color: #9DAF00; color: #fff; padding: 10px; font-weight: bold; }
#notice_panel .bd, #search_panel .bd { padding: 10px; }
#notice_panel .ft, #search_panel .ft { font-size: 8pt; text-align: right; padding: 5px; }
#notice_panel .ft img, #search_panel .ft img { vertical-align: middle; }
#notice_panel .close, #search_panel .close { background-image:url(../js/fancybox/fancy_closebox.png); position:absolute; right:-17px; top:-17px;	cursor:pointer;	height:30px; width:30px; border-bottom: none; }
.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

/* PANEL */
.left_panel { border: solid 5px #eeeeee; padding: 3px; width: 190px; margin-bottom: 5px; }
.notice_list .hd { color: #fff; font-weight: bold; border-bottom-color: #212967; border-bottom-width: 2px; border-bottom-style: solid; width: 100%; display: block; }
.notice_list .hd span { display: inline-block; background-color: #212967; padding: 2px 4px; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.notice_list .bd { padding: 5px; background-color: #f2f2f2; margin-bottom: 5px; }
.notice_list .bd div { display: inline-block; margin-bottom: 4px; }
.ocsj_links a { display: block; text-align: left; font-size: 14px; background-color: #f2f2f2; width: 98%; padding: 2px; margin-bottom: 3px; }
.ocsj_links a img { border: none; }
.ocsj_links a:hover { background-color: #f7f7f7; }
.ocsj_links a .small { font-size: 11px; color: #A8B63B; }

/* BBS - HEAD2, TAIL2 */
#bbs_title { font-size: 38pt; display: inline-block; font-weight: bold; color: #7c8814; font-family: Droid Serif, Georgia, "Times new roman"; padding: 7px 0 0 5px; }

/* LEFT NAVIGATION */
#left_navigation .topmenu { display: none; }
#left_navigation { background: url(../../images/left_nav_bg.jpg) no-repeat; min-height: 546px; }
#left_navigation .sub h2 { color: #466C8A; padding: 10px 0 2px 0; margin: 0; border-bottom: dotted 1px #466C8A; display: inline-block; }
#left_navigation .sub ul li { padding: 5px 0; border-bottom: solid 1px #f8f8f8; border-top: solid 1px #fff; width: 160px; }
#left_navigation .sub ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
#left_navigation .sub ul li a { cursor: pointer; }
#left_navigation .sub ul li:hover { border-left: solid 10px #d6e54c; width: 155px; padding-left: 5px; }

/* DATATABLE_FT */
#datatable_ft { width: 800px; margin: 0 auto; text-align: left; margin-bottom: 10px; }
#datatable_ft h3 { font-size: 10pt; font-family: Georgia, "Times new roman"; color: #7d7e74; margin: 5px 0; border-bottom: solid 1px #7d7e74; font-weight: bold; }
#datatable_ft a { color: #7d7e74; }
#datatable_ft a:hover { color: #fff; }
#datatable_ft tr td { padding: 10px; vertical-align: top; }
#datatable_ft ul { list-style: none; margin: 0; padding: 0; }

/* SEARCH_PANEL */
#search_panel .hd { font-size: 10pt; }
#search_panel .ft { font-size: 9pt; text-align: right; }
#search_panel .ft img { vertical-align: middle; }

/* LATEST GALLERY */
#latest_gallery { }
#latest_gallery .hd { border-bottom: solid 5px #eee; margin-top: 5px; }
#latest_gallery .hd a img { border: none; }
#latest_gallery .bd { margin-top: 5px; }

/* HOME REPORT & CONTACT US FORM */
#home_report, #contactus_form { padding: 20px 50px; }
#home_report ul, #contactus_form ul { list-style: none; }
#home_report ul li, #contactus_form ul li { padding-bottom: 5px; vertical-align: top; }
#home_report label, #contactus_form label { display: inline-block; width: 150px; font-weight: bold; }
#home_report label span, #contactus_form label span { font-size: 7pt; display: block; font-weight: normal;  }
#home_report .input_box, #contactus_form .input_box { width: 350px; position: relative; top: -10px; padding: 5px; }
#home_report .input_box:hover, #contactus_form .input_box:hover { border: solid 1px #96a94b; }
#home_report .shift_pos, #contactus_form .shift_pos { position: relative; top: -60px; }
#err_msg { display: none; border: solid 1px #ffff00; background-color: #ffffa8; vertical-align: middle; width: 500px; margin: 0 30px; margin-left: auto; margin-right: auto; }
#err_msg img { vertical-align: middle; }
#msg_panel { color: #e86f65; }
#home_report #loc, #home_report #special, #absentees, #announcement, #prayer { height: 80px; }
#contactus_form #contents { height: 150px; overflow-y: scroll; }
#contactus_form .readonly { background-color: #eee; }

/* LATEST PANEL */
.latest_panel { width: 330px; margin-top: 10px; }
.bbs_latest .hd { border-bottom: solid 5px #eee; }
.bbs_latest .hd a img { border: none; }
.bbs_latest .bd { border: solid 5px #eee; background-color: #f6f6f6; margin-top: 3px; padding: 5px; }
.bbs_latest .bd dl { margin: 0; padding: 5px; }
.bbs_latest .bd dl dd { margin: 0; padding: 0; }
#sermon_panel { background: url(../../images/panel_bar.jpg) no-repeat; width: 663px; min-height: 200px; }
#sermon_panel .right { float: right; width: 380px; color: #73736e; padding: 10px; margin-top: 40px; }
#sermon_panel .left { float: left; width: 230px; padding: 10px; color: #73736e; margin-top: 40px; }
#sermon_panel .left img { border: solid 5px #eee; }
#sermon_panel a { color: #a8b63b; }
#upcoming_events { background-color: #eee; width: 663px; }

/* THUMBNAIL VIEW */
#wsm_thumbview { text-align: center; width: 650px; margin-left: auto; margin-right: auto; }
#wsm_listview { width: 100%; }
#wsm_thumbview .wsm_thumbs { border: solid 3px #666; width: 150px; height: 100px; }
#wsm_switchbtn { background: url(../../images/thumbview.jpg) no-repeat; width: 60px; display: inline-block; padding-left: 20px; height: 16px; cursor: pointer; }
#wsm_switchbtn_list { background: url(../../images/listview.jpg) no-repeat; width: 60px; display: inline-block; padding-left: 20px; height: 16px; cursor: pointer; }
.each_thumbs { display: inline-block; width: 160px; float: left;}
.each_thumbs a img:hover { filter: alpha(opacity=80); opacity: .8; }

/* TAB VIEW */
#tabview_latest .yui-content { background-color: #fff; border: none; padding: 0; }
#tabview_latest .yui-nav { border: none; border-bottom: solid 5px #eee; }
#tabview_latest .yui-nav a { padding: 5px; border: solid 1px #eee; height: 25px; }
#tabview_latest .yui-nav a img { border: none; vertical-align: middle; }
#tabview_latest .yui-nav .selected a { background: transparent url(../../images/tabview_btn.jpg) repeat-x 0 0; }

/* OVERLAY NOTICE */
#overlay_notice { display:none; z-index:10000; background-color: #fff; color: #000; width: 150px; min-height:20px; box-shadow: 0 0 20px #7e7e7e; -moz-box-shadow:0 0 20px #7e7e7e; -webkit-box-shadow: 0 0 20px #7e7e7e; }
#overlay_notice a { color: #466C8A; border-bottom: dotted 1px #466C8A; }
#overlay_notice a:hover { border-bottom: none; text-decoration: none; }
#overlay_notice span { display: block; background-color: #232D6A; color: #fff; font-size: 11px; padding: 3px; border-left: solid 10px #0095D2;}
#overlay_notice div.content { padding: 3px; border-left: solid 2px #232D6A; border-right: solid 2px #232D6A; border-bottom: solid 2px #232D6A; }
#overlay_notice .close { background-image:url(../js/fancybox/fancy_closebox.png); position:absolute; right:-13px; top:-13px;	cursor:pointer;	height:30px; width:30px; border-bottom: none; }

/* NIVO SLIDER */
#slider { background:url(../js/nivo-slider/ajax-loader.gif) no-repeat 50% 50%; height: 260px; }
#slider .nivo-caption a { font-size: 20px; font-family: nanumgothic, Gulim, Arial, Helvetica, sans-serif; font-weight: bold; }
#slider .nivo-caption p { color: #fff; font-size: 14px; font-family: nanumgothic, Gulim, Arial, Helvetica, sans-serif; }
#slider .nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

/* HEADER GREEN & WHITE */
.header-green, .header-white { font-size: 20px; font-weight: bold; font-family: Droid Serif,Georgia,"Times new roman"; }
.header-green { color: #A1B434; }
.header-white { color: #ccc; }

/* LATEST ARTICLE */
.latest_article { padding: 2px 0; }