/* CSS Document */

* { margin:0; padding:0;}
html{font:12px helvetica, sans-serif; color:#ccc;}
body{
	background: #323848 url(../images/bg_body.jpg) left top repeat-x;
	
}
input, textarea{font:11px/13px helvetica, sans-serif; color:#525962; border:1px solid #828282; border-width:0 0 2px 0}
.inp{ width:151px; height:18px; margin:0 0 0 12px;}
.inp_1{ width:131px; height:17px; vertical-align:middle;}
.inp_2{ width:97px; height:17px; vertical-align:middle;}
.inp_3{ width:116px; height:17px; vertical-align:middle;}
.inp_4{ width:69px; height:17px; vertical-align:middle;}
.inp_5{ width:125px; height:17px; vertical-align:middle;}
.inp_6{ width:85px; height:17px; vertical-align:middle;}
.inp_7{ width:178px; height:17px; vertical-align:middle;}
.inp_8{ width:178px; height:58px; vertical-align:middle;}
.inp_h{ height:23px; margin:0 0 5px 0;}
ul {list-style:none;}

h1 {font-size:22px;}
h2 {font-size:22px}
h1,h2,h3 {display:block;line-height:1;}
h1 a, h2 a, h3 a {text-decoration: none;line-height:1;}
h1.one {display:block;border:5px solid #ba4a0a;border-width:0 0 5px 0;padding:7px 0;color:#acc639}
h2.one {display:block;border:5px solid #ba4a0a;border-width:0 0 5px 0;padding:7px 0;color:#acc639}
h1.two {display:block;border:5px solid #495168;border-width:0 0 5px 0;padding:7px 0;color: #646f8b}

h2.one {padding:10px 0}

h3 {font-size:15px;font-weight:bold;margin:0 0 5px 0;line-height:1;}
img.img_2 {width:170px;height:130px;border:3px solid #fff;margin:0 10px 10px 0;}
img.img_2b {width:170px;border:3px solid #fff;margin:0 10px 10px 0;}

img.img_3 {width:350px;border:3px solid #fff;margin:0 10px 10px 0;}

/***********************************************/
.li_1 {
	background:url(../images/bg.gif) left top no-repeat;
}
.li_2 {
	background:none;
}
.li_a {
	background:url(../images/arr.gif) 18px 4px no-repeat;
	padding:0 0 0 31px;
	line-height:18px;
	color:#ef611e;
	text-decoration:none;
	display:block;
}
.li_a:hover {text-decoration:underline;}

.li_2{ color:#515862;}
.li_a_1{ color:#3c4146; line-height:18px; padding:0 0 0 13px;}

.li_3{ color:#3c4146; background:url(../images/arr_7.gif) 0 0 no-repeat; padding:0 0 0 13px;}
.li_a_2{ color:#3c4146; line-height:18px;}

.list li{ color:#3c4146;}
.list li a{ color:#3c4146; line-height:18px; background:url(../images/arr_7.gif) 0 4px no-repeat; padding:0 0 0 13px;}

.list_1 li{ color:#3c4146; background:url(../images/arr.gif) 0 7px no-repeat;}
.list_1 li a{ color:#3c4146; line-height:18px; padding:0 0 0 13px;}
/***********************************************/
.bg{background:url(../images/bg_2.gif) left top repeat-y;}
.bg_1{background:url(../images/bg_2.jpg) left top no-repeat;}
/***********************************************/

/***********************************************/
.bg_3{background:url(../images/bg_3.gif) left top no-repeat;}
.bg_3_1{background:url(../images/bg_3_1.gif) left top repeat-y;}
/***********************************************/
.bg_4{background:url(../images/bg_4.gif) left top no-repeat;}
.bg_7{background:url(../images/bg_7.jpg) left top no-repeat;}
.col { float:left;}
.clear { clear:both;}

/*---links---*/
a{ color:#ec4f05; line-height:14px;}
a:hover{ text-decoration:none;}
.link{ color:#FFF; font-size:10px; background:url(../images/arr_1.gif) 50px 5px no-repeat; padding:0 30px 0 0;}
.link_1{ color:#adc339;}
.link_2{ background:url(../images/arr_3.gif) 1px 3px no-repeat; padding:0 0 0 14px;}
.link_3{ color:#adc339; font-size:10px; background:url(../images/arr_4.gif) 50px 5px no-repeat; padding:0 30px 0 0;}
.link_3a{ color:#adc339; font-size:10px; background:url(../images/arr_4.gif) 50px 5px no-repeat; padding:0 30px 0 10px;}
.link_4{ background:url(../images/arr_5.gif) 1px 3px no-repeat; padding:0 0 0 14px;}
.link_5{ color:#FFFFFF; font-size:10px; background:url(../images/arr_1.gif) 27px 5px no-repeat; padding:0 20px 0 0;}
.link_6{ color:#adc339; font-size:10px;}
.link_7{ color:#adc339; font-size:10px; background:url(../images/arr_4.gif) 20px 5px no-repeat; padding:0 20px 0 0;}
.link_8{ color:#adc339; font-size:10px; background:url(../images/arr_4.gif) 43px 5px no-repeat; padding:0 18px 0 0;}
.link_9{ color:#adc339; font-size:10px; background:url(../images/arr_4.gif) 25px 5px no-repeat; padding:0 20px 0 0;}
/*---//	links---*/
.txt{font-size:14px; color:#ef611e;}
.txt2b{font-size:14px; color:#ef611e;font-weight:bold;}
/*---txt---*/

/*---//	txt---*/

#main {margin:0px auto 0px auto; border:1px solid #FFF000; border-width:0px 0px 0px 0px;} /* #BABFC3 */
#header{ background: url(../images/headerwmenu.gif) left top no-repeat;border-bottom:5px solid #873803;overflow:hidden;zoom:1}
#header .column { background: url(../images/logo.png) left top no-repeat;zoom:1;overflow:hidden;}

/*---- Menu -----*/
#header .column_menu {background:url(../images/topmenubg.jpg) left top repeat-x;overflow:hidden;zoom:1;}
#header .column_menu ul {margin:0 0 0 20px ;padding:0;list-style: none;}
#header .column_menu ul li {display:inline;}
#header .column_menu ul li a {display:block;text-decoration:none;float:left;padding:10px 10px;
								font-weight:bold;font-size:12px;color:#FFF;}
#header .column_menu ul li a#current {background:url(../images/topmenuhoverbg.png) right top repeat-x;
									border-left:1px solid #8c3701;}
#header .column_menu ul li a:hover {background:url(../images/topmenuhoverbg.png) right top repeat-x;border-left:1px solid #8c3701;}

/*---page---*/
#wrapper {padding:10px 0 50px 0;background:#1a1e26;}
#wrapper .leftarea {margin-right:10px;}
#wrapper .leftarea .indent{padding:15px 10px 10px 10px;zoom:1;overflow:hidden;}
#wrapper .leftarea .block{ margin:0 0 13px 0;}
.warta {zoom:1;overflow:hidden;}
.jadwalibadah {}

#wrapper .leftarea .block_1{padding:9px 0 0 30px;}
#wrapper .leftarea .block_1 .a_1{margin:5px 0 0 18px;}

.rightarea {overflow:hidden;zoom:1;background:#35383f;padding:0px 10px 10px 10px;}
.rightareafront {overflow:hidden;zoom:1;}
.blockevents{ margin:0px 0 0 0; padding:0 5px 0 5px;clear:both;background:#9e1e1f;overflow:hidden;}

/*---Pesan Gembala & Kotbah Frontpage---*/
.blockpgk{ margin:5px 0 0 0;padding:0 0 10px 0;clear:both;overflow:hidden;zoom:1;background:#2f1101;}
#content { margin:380px 12px 12px 12px;line-height:1;}
.content { margin:12px;line-height:1;}
.frontpgembala {padding:0 15px 0 0;width:330px;float:left;overflow:hidden;zoom:1;}
.frontkotbah {padding:0 0 0 15px;border:1px dotted #888;border-width:0 0 0 1px;overflow:hidden;zoom:1;}
.frontpgembala .img_1, .frontkotbah .img_1 {width: 130px; float:left; margin:0 10px 10px 0px;}
/*---// Pesan Gembala & Kotbah Frontpage---*/

.block{ margin:5px 0 0 0;clear:both;overflow:hidden;zoom:1;padding:10px 0 0 0;}

/* Komunitas dan Pelayanan --*/
.cool { margin:5px 5px 0 0;padding:10px;background: #dee2eb;zoom:1;overflow:hidden;width:305px;float:left;color:#444;}
/*---/ Komunitas dan pelayanan --*/
.department {zoom:1;overflow:hidden;}
.kesaksian { border-bottom:1px dotted #888;padding:10px 0;}

.container {margin:15px 0 0 0;overflow:hidden;zoom:1;}
.container ul li { margin: 20px 10px 20px 20px; list-style-type:circle; }
.container p { margin-bottom:20px; }

.btm_dott {border-bottom:1px dotted #888;zoom:1;overflow:auto;}

/*--- Slide Show ---*/
ul#slideshow1 {
	padding: 0; margin: 0; list-style: none;	position: relative;
}

ul#slideshow1 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 685px;
	height: 200px;
	background-color: #ba4a0a;
	visibility: hidden;
}

ul#slideshow1 img.loadimage {width: 685px; /* 500 */
	height: 200px;} /* 295 */

/*---// Slide show ---*/



.tengah {width: 250px;float:left;margin:20px 0 0 0;padding:0px 0 10px 0;background: #dee2eb;color:#333;}
.tengah h1 {color:#555}
.tengah p {margin: 0 10px;zoom:1;}
 
.kanan {margin:20px 0 0 10px;width:425px;float:left;}
* html .kanan {width:420px;}

/*---Acara Frontpage---*/
.frontacara {zoom:1;overflow:hidden;}
.frontprofile,.frontrenungan,.frontkesaksian, .frontserbi {zoom:1;overflow:hidden;padding:10px;}
.frontacara .img_1 {width: 100px; float:left; margin:0 10px 10px 0px;clear:both;}
/*---// Acara Frontpage---*/

/* Profile Cool Front page */
.frontprofile {text-align: center;background:#b8babe;zoom:1;overflow:hidden;}
.frontprofile h1 {text-align:left;color:#555}
.frontprofile img { width:228px;border:1px solid #9e1e1f;margin:0 0px 10px 0px ;clear:both;}
/*---// Profile Cool Front page ---*/

.frontrenungan img { width:200px;float:left;border:1px solid #9e1e1f;margin:0 10px 10px 10px ;}
.frontkesaksian img { width:120px;float:left;border:1px solid #9e1e1f;margin:0 10px 10px 0px ;}

/*---// page---*/


#footer { font-size:12px; border:5px solid #d4571c;border-width:15px 0 0 0;padding:5px 10px 0 0;background:#1a1e26;}
#footer a{ color:#ddd; text-decoration:none;font-weight:bold;}
#footer .link_f{color:#ddd;}
#footer .link_f:hover{ text-decoration:underline;}
#footer span{ color:#ddd; font-weight:normal;}
#footer a:hover{ text-decoration:underline;}
#footer .indent {padding:0px 0 0 0px;}

#footer .column .indent{ padding:0px 0 0 81px;}
#footer .column p{ margin:5px 0 0 1px; line-height:15px;}

#footer .column_1 .indent{ padding:0px 70px 0 0;}
#footer .column_1 p{ margin:6px 0 0 0; line-height:13px;}

#footer .column_2 .indent{ padding:0px 0 23px 0;}
#footer .column_2 p{ margin:5px 0 0 0; line-height:13px;}