/*----------------------  korean home shipping Pringting ---------------------
----------------------------  5.19.2009-----------------------------*/

/*----------------------  CSS RESET ---------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	}

ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

body {
	background:#fcfaf0;
	font-family:dotum, Geneva, sans-serif; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal; 
	COLOR: #333333; 
	TEXT-DECORATION:none;
	}
A:link { 
	font-family:dotum, Geneva, sans-serif; 
	FONT-WEIGHT: normal; 
	COLOR: #333333; 
	TEXT-DECORATION: none;
	}
A:active {
	TEXT-DECORATION: none;
	}
A:visited {  
	TEXT-DECORATION: none;
	}
A:hover {
	TEXT-DECORATION: underline;
	}

img{ 
	border:0;
	}
.clear{ clear:both;}
/*----------------------  container form --------------------- */

#topcontainer{ background:url(../Img/TopBg.gif) top center no-repeat; height:138px; }
#container{ margin:0 auto; width:934px;}

#subcontainer{ background:url(../Img/subcenter.gif) repeat-y top center ;}
#subcontents{ margin:0 auto; width:934px;}

#subcontainterbottom{ background:url(../Img/subbottom.gif) top center no-repeat; height:41px;}
#wrap{ margin:0 auto; width:934px; height:138px;position:relative;}
#topbanner{	
	position:absolute;
	top:8px;
	left:250px;

}

#topnav{	position:absolute; width:560px; text-align:right; color:#333; font-weight:normal;; top:25px; right:0;}
#topnav a{ color:#333; font-weight:normal; text-decoration:none;}
#topnav a:hover{ color:#333; text-decoration:underline; }
#topnav a:visited{ color:#333; text-decoration:none;}
#logo{	
	position:absolute; 
	top:15px;
	left:0;
	z-index:5;
}
#churchtext{
	font-family:dotum;
	font-size:12px;
	font-weight:bold;
	color:#753023;
	position:absolute;
	top:116px;
	left:0;
}

#churchtext img{
	position:absolute;
	top:-5px;
	left:850px;
}

#churchtext a{
	font-weight:bold;
} 

body div#wrap div#search
{
	position:absolute;
	top:28px;
	right:0;
	width:236px;
	height:31px
}

body div#wrap div#search input#searchinput
{
	background:transparent url(../img/searchinput.gif) top left no-repeat;
	width:152px;
	height:26px;
	border:none;
	padding:7px 10px 0;
	margin:0;
	position:absolute;
	top:0;
	right:66px;
	color:#888;
	font:15px Georgia, "Lucida Grande", Geneva
}

body div#wrap div#search input#searchinput:hover,body div#wrap div#search input#searchinput:focus
{
	background:transparent url(../img/searchinput.gif) bottom left no-repeat
}

body div#wrap div#search input#searchbutton
{
	background:transparent url(../img/searchbutton.gif) top left no-repeat;
	width:66px;
	height:33px;
	border:none;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer
}

body div#wrap div#search input#searchbutton:hover,body div#wrap div#search input#searchbutton:focus
{
	background:transparent url(../img/searchbutton.gif) bottom left no-repeat
}

/* 1st level navigation
------------------------------- */
body div#wrap ul#navigation
{
	
	position:absolute;
	top:68px;
	right:0px;
	height:36px;
	z-index:3
}

body div#wrap ul#navigation li
{
	float:left;
	position:relative
}

body div#wrap ul#navigation li a
{
	display:block;
	height:36px;
	text-indent:-9999px
}

body div#wrap ul#navigation li.home
{
	width:111px;
	z-index:7
}

body div#wrap ul#navigation li.churchIntro
{
	width:132px;
	z-index:6
}

body div#wrap ul#navigation li.sermon
{
	width:109px;
	z-index:5
}

body div#wrap ul#navigation li.education
{
	width:112px;
	z-index:4
}

body div#wrap ul#navigation li.mission
{
	width:112px;
	z-index:3
}

body div#wrap ul#navigation li.cummunity
{
	width:130px;
	z-index:2
}

body div#wrap ul#navigation li.help
{
	width:130px;
}

body div#wrap ul#navigation li.home a {background:transparent url(../Img/navbutton_sprite.png) 0 -366px no-repeat}
body div#wrap ul#navigation li.home a:hover,body div#wrap ul#navigation li.home a.active,body div#wrap ul#navigation li.home a.current
{background:transparent url(../Img/navbutton_sprite.png) 0 -402px no-repeat}
body div#wrap ul#navigation li.churchIntro a {background:transparent url(../Img/navbutton_sprite.png) 0 -610px no-repeat}
body div#wrap ul#navigation li.churchIntro a:hover,body div#wrap ul#navigation li.churchIntro a.active,body div#wrap ul#navigation li.churchIntro a.current
{background:transparent url(../Img/navbutton_sprite.png) 0 -646px no-repeat}
body div#wrap ul#navigation li.sermon a {background:transparent url(../Img/navbutton_sprite.png) 0 -732px no-repeat}
body div#wrap ul#navigation li.sermon a:hover,body div#wrap ul#navigation li.sermon a.active,body div#wrap ul#navigation li.sermon a.current
{background:transparent url(../Img/navbutton_sprite.png) 0 -768px no-repeat}
body div#wrap ul#navigation li.education a {background:transparent url(../Img/navbutton_sprite.png) 0 0 no-repeat}
body div#wrap ul#navigation li.education a:hover,body div#wrap ul#navigation li.education a.active,body div#wrap ul#navigation li.education a.current
{background:transparent url(../Img/navbutton_sprite.png) 0 -36px no-repeat}
body div#wrap ul#navigation li.mission a {background:transparent url(../Img/navbutton_sprite.png) 0 -488px no-repeat}
body div#wrap ul#navigation li.mission a:hover,body div#wrap ul#navigation li.mission a.active,body div#wrap ul#navigation li.mission a.current
{background:transparent url(../Img/navbutton_sprite.png) 0 -524px no-repeat}
body div#wrap ul#navigation li.cummunity a {background:transparent url(../Img/navbutton_sprite.png) 0 -122px no-repeat}
body div#wrap ul#navigation li.cummunity a:hover,body div#wrap ul#navigation li.cummunity a.active,body div#wrap ul#navigation li.cummunity a.current
{background:transparent url(../Img/navbutton_sprite.png) 0 -158px no-repeat}
body div#wrap ul#navigation li.help a {background:transparent url(../Img/navbutton_sprite.png) 0 -244px no-repeat}
body div#wrap ul#navigation li.help a:hover,body div#wrap ul#navigation li.help a.active,body div#wrap ul#navigation li.help a.current
{background:transparent url(../Img/navbutton_sprite.png) 0 -280px no-repeat}


/* 2nd level navigation (dropdown)
------------------------------- */
body div#wrap ul.sub
{
	position:absolute;
	top:30px;
	left:4px;
	display:none;
	z-index:7
}

body div#wrap ul#navigation li:hover ul
{
	display:block;
	z-index:7
}

body div#wrap ul#navigation li ul.sub li
{
	display:block;
	float:left;
	min-height:1px;
	padding:4px 15px
}

body div#wrap ul#navigation li ul.sub li.heading
{
	font-weight:700;
	padding-top:10px;
	padding-bottom:1px;
	color:#424242
}

body div#wrap ul#navigation li ul.sub li a
{
	display:block;
	border-bottom:1px #dedede solid;
	text-indent:0;
	background:none !important;
	height:auto;
	padding:0 0 3px;
	font:12px Arial, "Lucida Grande", Verdana;
	cursor:pointer
}

body div#wrap ul#navigation li ul.sub li a:hover
{
	text-decoration:underline;
	color:#333
}

body div#wrap ul#navigation li ul#dd-churchIntro
{
	width:158px
}

body div#wrap ul#navigation li ul#dd-churchIntro li
{
	background:transparent url(../Img/navbg.gif) 0 -300px no-repeat;
	width:128px
}

body div#wrap ul#navigation li ul#dd-churchIntro li.first
{
	background:transparent url(../Img/navbg.gif) 0 -280px no-repeat;
	padding-top:10px
}

body div#wrap ul#navigation li ul#dd-churchIntro li.last
{
	background:transparent url(../Img/navbg.gif) 0 -321px no-repeat;
	padding-bottom:7px
}

body div#wrap ul#navigation li ul#dd-education
{
	width:175px
}

body div#wrap ul#navigation li ul#dd-education li
{
	background:transparent url(../Img/navbg.gif) 0 -20px no-repeat;
	width:145px
}

body div#wrap ul#navigation li ul#dd-education li.first
{
	background:transparent url(../Img/navbg.gif) 0 0 no-repeat;
	padding-top:10px
}

body div#wrap ul#navigation li ul#dd-education li.last
{
	background:transparent url(../Img/navbg.gif) 0 -41px no-repeat;
	padding-bottom:7px
}

body div#wrap ul#navigation li ul#dd-cummunity
{
	width:148px
}

body div#wrap ul#navigation li ul#dd-cummunity li
{
	background:transparent url(../Img/navbg.gif) 0 -90px no-repeat;
	width:118px
}

body div#wrap ul#navigation li ul#dd-cummunity li.first
{
	background:transparent url(../Img/navbg.gif) 0 -70px no-repeat;
	padding-top:10px
}

body div#wrap ul#navigation li ul#dd-cummunity li.last
{
	background:transparent url(../Img/navbg.gif) 0 -111px no-repeat;
	padding-bottom:7px
}

body div#wrap ul#navigation li ul#dd-sermon
{
	width:177px
}

body div#wrap ul#navigation li ul#dd-sermon li
{
	background:transparent url(../Img/navbg.gif) 0 -160px no-repeat;
	width:147px
}

body div#wrap ul#navigation li ul#dd-sermon li.first
{
	background:transparent url(../Img/navbg.gif) 0 -140px no-repeat;
	padding-top:10px
}

body div#wrap ul#navigation li ul#dd-sermon li.last
{
	background:transparent url(../Img/navbg.gif) 0 -181px no-repeat;
	padding-bottom:7px
}

body div#wrap ul#navigation li ul#dd-hobby
{
	width:150px
}

body div#wrap ul#navigation li ul#dd-hobby li
{
	background:transparent url(../Img/navbg.gif) 0 -230px no-repeat;
	width:120px
}

body div#wrap ul#navigation li ul#dd-hobby li.first
{
	background:transparent url(../Img/navbg.gif) 0 -210px no-repeat;
	padding-top:10px
}

body div#wrap ul#navigation li ul#dd-hobby li.last
{
	background:transparent url(../Img/navbg.gif) 0 -251px no-repeat;
	padding-bottom:7px
}


#col1{ float:left; width:498px; margin:10px 0 0 0;}
#Lbanner{ margin:8px 0 0 0;}
#photogallery{ background:url(../Img/PhotoBg.jpg) no-repeat; height:272px; margin:0; padding:20px 0 0 10px;}
#photogallery .photo{ width:147px; float:left; padding:0 6px 15px 6px; text-align:center;}
#photogallery .photo p{ font-family:dotum; font-size:11px; color:#333; line-height:20px; text-align:center;}
#ministry{}
.space{ height:8px;}
#col2{ float:left; width:251px; margin:10px 0 0 10px;}

#churchsermon{ background:url(../Img/Sermon.jpg) no-repeat; height:147px;}
#churchsermon img{ margin:120px 10px 0 10px; float:left; display:block;}
#churchsermon ul{ padding:87px 0 0 85px;  }
#churchsermon li{ color:#fff; font-family:dotum; font-size:12px; line-height:18px; background:url(../Img/SermonPoint.jpg) left center no-repeat; padding:0 0 0 15px;}
#churchstudy{ margin:8px 0 0 0;}

#main_container { margin:8px 0 0 0;}

ul.quick_tab {
	height:21px;
	margin:28px 0 0 0;
	padding:0 0 0 12px;
	font:0/0 Arial;
}
ul.quick_tab li {
	float:left;
}

#main_container li, #main_container ul {
	padding:0;margin:0;list-style:none;font-size:11px;
	}

#main_container h2 {
	margin:0;height:24px;border:0;
	}

#main_container .main_customercenter {
	position:relative;
	width:251px;
	float:left;
	}
#main_container .contentbox{ height:149px; border-top: 1px solid #d05b3d; border-bottom: 1px solid #f1d4c5; margin:0 0 21px 0; padding:20px 0 0 0;}
#main_container .contentbox2{ height:151px; background:url(../Img/BgBox.jpg) no-repeat;}
.quick_tab {
	position:absolute;
	top:0;
	left:0;
	}
*:first-child+html .quick_tab {top:0px;} /* IE7 Àû¿ë */
.quick_tab li {float:left;}

#firstdata { background:url(../Img/smallbg.gif) center center no-repeat; width:86px; height:60px; float:left; }
#firstdata img{ padding:5px;}
#textall{  margin:0 0 0 90px; font-size:11px; font-family:dotum;}
#textall strong{ color:#555555; line-height:19px;}
#textall p{ color:#8f8e8e; line-height:16px; padding:5px 0 0 0; font-size:11px; font-family:dotum;}

#textdown{ margin:18px 0 0 0;}
#textdown li{ background:url(../Img/point1.gif)  5px center no-repeat; padding:0 5px 0 15px; line-height:18px; color:#555555;display:block;}
#textdown li a{ color:#555555; font-family:dotum; font-size:11px;float:left; }
.rightf{ float:right; clear:right;}

#textmelody{padding:15px 0 0 5px;}
#textmelody li{ background:url(../Img/point2.gif)  5px center no-repeat; padding:0 10px 0 10px; line-height:21px;font-size:12px; color:#545043;display:block;}
#textmelody li a{ color:#545043; font-family:dotum; font-size:12px;float:left; }


#col3{ float:left; width:164px; margin:10px 0 0 10px;}


#subcol1{ float:left; margin:15px 0 0 17px; width:220px; }
#subcol2{float:left; margin:15px 0 0 13px; width:670px; }
#subcol3{float:left; margin:15px 0 0 13px; width:870px; }

#leftnav{ background:url(../Img/LeftBottom.gif) center bottom;}

#leftnav ul{ margin:0 0 0 20px; padding:0 0 20px 0; }
#leftnav li{ line-height:20px; font-family:dotum; color:#666; font-size:12px; background:url(../Img/point1.gif) center left no-repeat; padding:0 0 0 10px; margin-top:8px;}
#leftnav li a{ text-decoration:none;  color:#666; }
#leftnav li a:hover{ text-decoration:underline; color:#666; }
#leftnav li a:visited{color:#666; }

#leftnav2{ background:url(../Img/LeftBottom.gif) center bottom;}

#leftnav2 ul{ margin:0 0 0 20px; padding:0 0 20px 0; }
#leftnav2 li{ line-height:20px; font-family:dotum; color:#666; font-size:12px; padding:0 0 0 10px; margin-top:8px;}
#leftnav2 li a{ text-decoration:none;  color:#666; }
#leftnav2 li a:hover{ text-decoration:underline; color:#666; }
#leftnav2 li a:visited{color:#666; }

.BigTitle1 {FONT-FAMILY: dotum; margin-left:25px; FONT-SIZE: 16px; color:#888888; TEXT-DECORATION: none; font-weight:bold;line-height:22px;}
.BigTitle1  A{ FONT-FAMILY: dotum; FONT-SIZE: 16px; color:#555555; TEXT-DECORATION: none; font-weight:bold;}
.BigTitle1  A:link{ FONT-FAMILY: dotum; FONT-SIZE: 16px; color:#555555; TEXT-DECORATION: none; font-weight:bold}
.BigTitle1  A:visited{ FONT-FAMILY: dotum; FONT-SIZE: 16px; color:#555555; TEXT-DECORATION: none; font-weight:bold;}
.BigTitle1  A:hover{ FONT-FAMILY: dotum; FONT-SIZE: 16px; color:#555555; TEXT-DECORATION: underline; font-weight:bold;}

#subtext{ margin:20px 5px 0 6px; font-family:dotum; font-size:12px; line-height:20px;}
#direction{ margin:15px 0 0 0; color:#999;  position:relative; border-bottom:1px solid #eee ;}
#direction h1{ font-family:dotum; font-size:18px; font-weight:bold; line-height:30px; color:#666; background:
url(../Img/point2.gif) no-repeat center left; padding:0 0 0 10px;}
#directions{
	position:absolute;
	top:5px;
	right:11px;
}
#direction a{ color:#999;}
#direction a:hover{ color:#999; text-decoration:underline;}
#direction a:visited{ color:#999; text-decoration:none}


#footer{ padding:0; background:url(../Img/BottomBg.jpg) repeat-x;height:198px; margin:30px 0 0 0;}
#bottom{ width:934px; margin: 0 auto;height:198px;   }
#bottommenu{ color:#fff; padding:22px 0 0 0;font-family:dotum; text-align:center;
	font-size:12px;}

#bottommenu a{ color:#fff; text-decoration:none; }
#bottommenu a:hover{ color:#fff; text-decoration:underline; }
#bottommenu a:visited{ color:#fff;text-decoration:none; }

#btext{
	padding:12px 0 0 0;
	font-family:dotum;
	font-size:12px;
	font-weight:bold;
	color:#753023;
	}
#btext a{
	padding:12px 0 0 0;
	font-family:dotum;
	font-size:12px;
	font-weight:bold;
	color:#753023;
	}	


#copyright{ padding:12px 0 0 0;}
#copyright h1
{ font-family:dotum; font-size:12px; line-height:17px; font-weight:normal;}


/*----------------------  login form --------------------- */

.login{

	background:url(../Img/adminbg.jpg) top left repeat-x;
	margin:0;
	padding:15px 15px 15px 25px;
	width:560px;
	text-align:left;
	float:left;
/*	border:1px dashed #ccc;*/

	}
.login h6{font-size:15px;}
.loginform h6{
	font-size:15px;
	font-size:12px;
	padding-top:5px;
	margin-bottom:10px;
	}
.login p{
	color:#666;
	font-size:11px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #999999;
	}
.loginform{
	width:280px;
	float:left;
	}
.newaccountform{
	width:290px;
	float:left;
	}
.loginformbox label{ 
	width:80px; 
	display:block; 
	float:left; 
	padding-top:4px;
	}
.loginformbox p{
	margin:0;
	border:none;
	}
.loginformbox input{
	border:1px solid #ccc;
	}
.textalign{
	padding-left:60px;
	margin:0;
	}
.textalign a{ 
	text-decoration:underline;
	}	



TD, TH,P {
	margin:0;
	padding:0;
	font-family:arial, Geneva, sans-serif; 
	font-size:11px; 
	color:#666666; }

.lFrame{
    MARGIN-TOP: 0pt;
    MARGIN-BOTTOM: 0pt;
    MARGIN-RIGHT: 0pt;
    BACKGROUND-COLOR: blue;
    COLOR: blue;
    DISPLAY: inline;
    SCROLLBAR-FACE-COLOR: #ffffff;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    OVERFLOW: auto;
    SCROLLBAR-SHADOW-COLOR: #808080;
    SCROLLBAR-3DLIGHT-COLOR: #808080;
    SCROLLBAR-ARROW-COLOR: #808080;
    SCROLLBAR-TRACK-COLOR:#ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    WIDTH: 100%;
}
.TextArea{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    DISPLAY: inline;
    SCROLLBAR-FACE-COLOR: #ffffff;
    OVERFLOW: auto;
    BORDER-LEFT: 0px solid;
    SCROLLBAR-SHADOW-COLOR: #a3a2a2;
    WORD-BREAK: break-all;
    SCROLLBAR-3DLIGHT-COLOR: #e0e0e0;
    SCROLLBAR-ARROW-COLOR: #cccccc;
    SCROLLBAR-TRACK-COLOR: #eeeeee;
    BORDER-BOTTOM: 0px solid;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    WIDTH: 100%;
}