/*=========================== TAGS ============================*/

* { 
	margin:0; 
	padding:0;
}

html {
	min-width:972px;
} 

body {
    background: #7a6547 url(../images/body-bg.jpg) no-repeat center top;
    background-attachment: fixed; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%; 
	line-height:1em; 
	color:#191c1e; 
	min-width:972px;
}

object { 
	vertical-align:top; 
	outline:none;
}

input, 
textarea, 
select { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em; 
	vertical-align:middle; 
	font-weight:normal;
}

fieldset {
	border:0;
}

p { 
	margin:0; 
	padding:0;
}

img { 
	border:0; 
	vertical-align:top; 
	text-align:left;
}
img.img_1 {clear:both; margin:0 20px 10px 0px;border:1px solid #777;padding:5px;max-width:250px;max-height:188px;} /* pesan gembala */
img.img_2 {max-width:200px;max-height:150px;float:left;border:1px solid #777;padding:5px;margin:0 10px 5px 0;} /* kotbah */
img.img_2_oth {max-width:95px;max-height:71px;float:left;border:1px solid #777;padding:5px;margin:0 0px 5px 10px;} /* kotbah lainnya */
img.img_3 {max-width:150px;max-height:113px;border:1px solid #777;padding:5px;margin:0 0px 5px 0;float:right;} /* Acara */
img.img_4 {max-width:260px;max-height:196px;border:1px solid #777;padding:5px;margin:0 0px 5px 0;} /* Renungan */
img.img_5 {max-width:260px;max-height:196px;border:1px solid #777;padding:5px;margin:0 10px 5px 0;float:left;} /* Profile Cool */
img.img_6 {max-width:260px;max-height:196px;border:1px solid #777;padding:5px;margin:0 10px 5px 0;float:left;} /* Profile Cool */
img.img_7 {max-width:200px;max-height:150px;border:1px solid #777;padding:5px;margin:0 10px 5px 0;float:left;} /* Acara */
img.img_7a {width:400px;border:1px solid #777;padding:5px;margin:0 10px 5px 0;float:left;} /* Acara detail */
img.img_8 {width:238px;height:170px;border:1px solid #777;padding:5px;margin:0 10px 5px 0;float:left;} /* Cool*/
img.img_8a {width:400px;border:1px solid #777;padding:5px;margin:0 10px 5px 0;float:left;} /* Cool Detail */

ul, 
ol { 
	list-style:none;
}

li.blocksolid {display:block;padding:5px 5px;border-bottom:1px solid #777;}

/*========================== ALIGMENT =========================*/

.fleft { 
	float:left;
    background: url(../images/gbi-logo.png) 5px 22px no-repeat;
}
.fleft h1 {margin:0 0 30px 60px;}
.fleft h1 a {color:#ddba5f}

.fright { 
	float:right;
}

.clear { 
	clear:both;
}

.alignright { 
	text-align:right;
}

.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%; 
	overflow:hidden;
}

.container { 
	width:100%;
}

.divspacer {
    display:block;clear:both;overflow:hidden;height:20px;width:100%;
}

/*========================== TAILING ==========================*/

.body-bg {
	
	width:100%;
}

/*=========================== FORMS ===========================*/

#search-form .fright {
	width:184px;
	height:26px;
	margin:13px 0 0 0;
	padding-right:3px;
	background:url(../images/input-bg.gif) no-repeat left top;
}
#search-form input {
	background:none;
	border:0;
	margin-left:5px;
	padding-top:6px;
	vertical-align:top;
	line-height:1.5em;
	float:left;
	width:145px;
}
#search-form a {
	float:right;
	margin:2px 2px 0 0;
}

/*-------------------*/

#subscribe-form label {
	display:block;
	text-transform:uppercase;
	font-size:16px;
	line-height:1.2em;
	color:#52a8da;
	padding:0 0 10px 2px;
}
#subscribe-form span {
	display:block;
	width:274px;
	height:26px;
	padding-right:2px;
	background:url(../images/input-bg1.gif) no-repeat left top;
}
#subscribe-form input {
	background:none;
	border:0;
	margin-left:12px;
	vertical-align:top;
	line-height:1.25em;
	padding-top:5px;
	color:#a0a0a0;
	float:left;
	font-style:italic;
	width:186px;
}
#subscribe-form a {
	float:right;
	display:block;
	font-size:.83em;
	line-height:1.5em;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/link-tail.gif) repeat-x left top;
	margin:2px 0 0 0;
}
#subscribe-form a em {
	background:url(../images/link-left.gif) no-repeat left top;
	display:block;
}
#subscribe-form a b {
	font-style:normal;
	background:url(../images/link-right.gif) no-repeat right top;
	display:block;
	font-weight:normal;
	padding:4px 12px 3px 12px;
}
#subscribe-form a:hover {
	text-decoration:underline;
}

/*-------------------*/

#contacts-form .field { 
	height:31px;
}
#contacts-form input {
	width:253px; 
	padding:2px 0 2px 3px; 
	background:#fff; 
	border-top:1px solid #303030; 
	border-left:1px solid #585858; 
	border-bottom:1px solid #e1e1e1; 
	border-right:1px solid #e1e1e1;	
	vertical-align:top;	
	line-height:1.2em;
}
#contacts-form textarea { 
	width:253px; 
	height:135px; 
	overflow:auto;
	background:#fff; 
	border-top:1px solid #303030; 
	border-left:1px solid #585858; 
	border-bottom:1px solid #e1e1e1;	
	border-right:1px solid #e1e1e1; 
	padding:2px 0 2px 3px;
	margin-bottom:15px; 
}

/*========================== LISTS ============================*/

.site-nav {
	position:absolute;
	left:-8px;
	top:0;
	width: 947px;
}
.site-nav ul li {
	float:left;
	background:url(../images/divider.gif) no-repeat right top;
}
.site-nav ul li a {
	color:#000;
	display:block;
	text-align:center;
	min-width:60px;
	text-decoration:none;
	margin-left:-1px;
	position:relative;
    padding:0 15px;
}

.site-nav ul li a span {
	display:block;
	padding:19px 0px 17px 0px;
}
.site-nav ul li.first a:hover span,
.site-nav ul li.first a.active span {
	background:url(../images/nav-act-left.gif) no-repeat left top;
}
.site-nav ul li.first a:hover,
.site-nav ul li.first a.active {
	background:url(../images/nav-act-left-hvr.gif) no-repeat left top;
}
.site-nav ul li a:hover,
.site-nav ul li a.active {
	color:#fff;
	
	background:url(../images/nav-act-tail.gif) repeat-x left top;
}

.calendar {
	padding-bottom:19px;
	width:252px;
	overflow:hidden;
}
.calendar li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	font-size:.83em;
	text-transform:uppercase;
	margin:0 0 9px 6px;
}
.calendar li span {
	display:block;
	float:left;
	width:24px;
	margin-right:12px;
	text-align:center;
}
.calendar li b {
	display:block;
	width:24px;
	float:left;
	text-align:center;
	height:17px;
	margin-right:12px;
	background:url(../images/calendar-bg1.gif) no-repeat left top;
}
.calendar li a {
	display:block;
	color:#fff;
	width:24px;
	height:17px;
	text-decoration:none;
}
.calendar li a.m1 {
	background:url(../images/calendar-bg2.gif) no-repeat left top;
} 
.calendar li a.m2 {
	background:url(../images/calendar-bg3.gif) no-repeat left top;
} 
.calendar li a:hover {
	background:#9a9999;
}
.calendar li.top {
	margin:0 0 14px 0;
	width:auto;
}
.calendar li.top span {
	float:left;
	width:auto;
	text-align:left;
	padding-left:2px;
	margin:0;
}
.calendar li.top b {
	float:right;
	padding:0 8px 0 0;
	width:auto;
	height:auto;
	margin:0;
	position:relative;
	top:6px;
	background:none;
}
.calendar li.top b a {
	margin-left:11px;
	display:inline-block;
	width:auto;
	height:auto;
}
.calendar li.title {
	height:25px;
	margin:0 0 11px 0;
	background:url(../images/tail-bg.gif) repeat-x left top;
}
.calendar li.title span {
	padding:4px 0 5px 0;
	width:36px;
	margin:0;
}
.calendar li.title span.left {
	background:url(../images/bg-left.gif) no-repeat left top;
}
.calendar li.title span.right {
	background:url(../images/bg-right.gif) no-repeat right top;
}

.list {
	width:100%;
	overflow:hidden;
	padding-bottom:12px;
}
.list li {
	border-bottom:1px solid #e9edef;
	padding-bottom:12px;
	margin-bottom:12px;
	width:100%;
	overflow:hidden;
	vertical-align:top;
}
.list li.last {
	border:0;
	margin:0;
	padding:0;
}
.list li p {
	line-height:1.5em;
	margin:0;
}
.list li span {
	color:#191c1e;
	text-transform:uppercase;
	font-size:.83em;
	display:block;
	padding-bottom:2px;
}
.list li a {
	line-height:1.5em;
	text-decoration:none;
}
.list li a:hover {
	text-decoration:underline;
}

.list1 {
	padding-bottom:10px;
}
.list1 li {
	padding:0 0 8px 18px;
	background:url(../images/arrow2.gif) no-repeat left 5px;
}

.list2 {
	margin-top:-25px;
	padding-bottom:15px;
}
.list2 li p {
	margin:0;
}
.list2 li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding-top:25px;
}
.list2 li img {
	float:left;
	margin-right:13px;
}

.list3 {
	margin-bottom:-8px;
}
.list3 li {
	position:relative;
	width:267px;
	height:89px;
	margin-bottom:25px;
}
.list3 li a {
	position:absolute;
	right:0;
	top:34px;
	cursor:pointer;
}

/*========================== OTHER ============================*/

.img-indent { 
	padding-bottom:12px; 
}

.img-box1 { 
	width:100%; 
	overflow:hidden;
	padding-bottom:10px;
}
.img-box1 img { 
	float:left; 
	margin:0 14px 0 0;
}

p { 
	margin-bottom:9px;
	line-height:1.33em;
}
.p0 {
	margin-bottom:0;
}
.p1 {
	margin-bottom:18px;
}

.phone { 
	float:right; 
	margin-right:30px;
}

dl {
	line-height:1.33em;
}
dl dt {
	color:#57c04a;
	font-weight:bold;
}
dl dd {
	padding-bottom:16px;
}
dl dd.last {
	padding-bottom:0;
}

/*================= TXT, LINKS, LINES, TITLES =================*/

a {	
	color:#ff7902; 
	outline:none;
    text-decoration: none;
}
a:hover {
	text-decoration:underline;
}

h1 {
	font-size:32px;
	line-height:1.2em;
	letter-spacing:-1px;
}
h1 a {
	color:#fff;
	text-decoration:none;
}
h2, h2 a {
    color:#ff8400;
    font-size:24px;
    line-height:1.2em;
    margin-bottom:20px;
    letter-spacing:-1px;
    font-weight:normal;
}
h3 {
	color:#ff8400;
	font-size:30px;
	line-height:1.2em;
	margin-bottom:20px;
	letter-spacing:-1px;
    font-weight:normal;
}
h4, h4 a {
	color:#ff0000;
	font-size:1em;
    font-weight:normal;
}
h4.title-berita {
    font-size:22px;line-height: 1.2em;
}
h4.title-acara {
    font-size:20px;line-height: 1.2em;
}

.txt1 {
	color:#52a8da;
}

.link {
	color:#ff7902;
	text-transform:uppercase;
	font-size:.83em;
    font-weight:bold;
}

.line-ver1 {
	background:url(../images/divider1.gif) repeat-y 318px 0;
}
.line-ver2 {
	background:url(../images/divider1.gif) repeat-y 637px 0;
}

.line-ver1a {
	background:url(../images/divider1.gif) repeat-y 293px 0;
}
.line-ver2a {
	background:url(../images/divider1.gif) repeat-y 607px 0;
}
/*============================ BOXES ==========================*/
.whitebg{background:#fff;}
.greenbg {background:#57c04a;}
.transparentbg {background: url(../images/transparent-bg.png) repeat left top;}
.box { 
	width:100%;
}
.cool {width:252px;height:280px;padding:10px;background:#ccc;float:left;margin:0 15px 15px 10px;text-align:center;}
.jadwalibadah {width:150px;height:80px;padding:10px;float:left;margin:0 5px 15px 5px;}
/*.box .border-top { 
	background:url(images/border.gif) repeat-x left top;
}
.box .border-bot { 
	background:url(images/border.gif) repeat-x left bottom;
}
.box .border-left { 
	background:url(images/border.gif) repeat-y left top;
}
.box .border-right { 
	background:url(images/border.gif) repeat-y right top;
}
.box .left-top-corner {	
	background:url(images/left-top-corner.gif) no-repeat left top;
}
.box .right-top-corner { 
	background:url(images/right-top-corner.gif) no-repeat right top;
}
.box .left-bot-corner {	
	background:url(images/left-bot-corner.gif) no-repeat left bottom;
}
.box .right-bot-corner { 
	background:url(images/right-bot-corner.gif) no-repeat right bottom;
}*/
.box .inner { 
	padding:0px 20px 20px 20px;
}
.box .innerfull { 
    padding:20px 20px 20px 20px;
}

/*========================== HEADER ===========================*/

#header .row-1 {
	height:96px;
	width:100%;
	overflow:hidden;
}
#header .row-1 .fleft {
	padding:33px 0 0 11px;
}
#header .row-1 .fright {
	padding:50px 16px 0 0;
}
#header .row-1 .fright ul li {
	float:left;
	text-transform:uppercase;
	font-size:.83em;
	border-right:1px solid #fff;
	line-height:1.08em;
	margin-right:14px;
	padding-right:14px;
}
#header .row-1 .fright ul li.alt {
	padding-right:0;
	margin-right:0;
	border:0;
}
#header .row-1 .fright ul li.alt a {
	background:url(../images/rss.gif) no-repeat right top;
	padding-right:31px;
}
#header .row-1 .fright ul li a {
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding-top:3px;
	padding-bottom:2px;
}
#header .row-1 .fright ul li a:hover {
	text-decoration:underline;
}
#header .row-2 {
	height:71px;
}
#header .row-2 .left {
	background:url(../images/nav-left.png) no-repeat left top;
}
#header .row-2 .right {
	padding:0 12px 0 9px;
	background:url(../images/nav-right.png) no-repeat right top;
}
#header .row-2 .tail {
	background:url(../images/nav-tail.png) repeat-x left top;
	height:54px;
	position:relative;
}


/*========================= CONTENT ===========================*/

#content {
	padding:0 0px;
	background: url(../images/background-bg.png) repeat left top;
}
#content .indent {
	padding-bottom:16px;
}
#content .row-3 {
    position:relative;
    height:397px;
    background: url(../images/background-bg.png) repeat left top;

}
#content .row-3 .slogan {
    width:350px;
    height:341px;
    position:absolute;
    right:20px;
    top:20px;
    background:url(../images/divider1.gif) repeat-y 0px 0;
    padding:0px 0 20px 20px;
    overflow:hidden;
}
#content .row-3 .slogan span {
    display:block;
    padding:135px 0 0 64px;
}

.other-list li {
	margin-bottom:10px;
	border-bottom: 1px dotted #aaa;
}

/*========================= FOOTER ============================*/

#footer .indent {
	padding:27px 0 0 28px;
}
#footer .col-1 {
	width:333px;
}
#footer .col-2 {
	width:311px;
}
#footer .col-2 ul {
	padding-top:22px;
	width:100%;
	overflow:hidden;
}
#footer .col-2 ul li {
	color:#52a8da;
	float:left;
	font-size:16px;
	line-height:1.2em;
	text-transform:uppercase;
	padding-right:3px;
}
#footer .col-2 ul li.alt {
	padding:6px 18px 0 0;
}
#footer .col-3 {
	color:#191c1e;
	text-transform:uppercase;
	font-size:.83em;
	padding-top:38px;
}
#footer .col-3 a {
	color:#52a8da;
	text-decoration:none;
}
#footer .col-3 a:hover {
	text-decoration:underline;
}

#footer { 
    background: url(../images/transparent-bg.png) repeat left top;
    margin-bottom:20px;
    padding-bottom:20px;
}
#footer a{ color:#555; text-decoration:none;font-weight:bold;}
#footer .link_f{color:#555;}
#footer .link_f:hover{ text-decoration:underline;}
#footer span{ color:#555; font-weight:normal;}
#footer a:hover{ text-decoration:underline;}
#footer .indent {padding:0px 0 0 0px;}

#footer .column {width:250px;float:left;margin:0 20px 0 0;}
#footer .column .indent{ padding:0px 0 0 40px;}
#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;}

/*=============================================================*/

#loopedSlider { 
	position:absolute;
	left:20px;
	top:20px;
	width:541px;
	z-index:10; 
}
#loopedSlider .container { 
	width:541px; 
	height:361px; 
	overflow:hidden; 
	position:relative;

}
#loopedSlider .slides { 
	position:absolute; 
	top:0; 
	left:0;
}
#loopedSlider .slides div { 
	position:absolute;
	top:0;
	left:0; 
	width:541px; 
	height:361px;
}
#loopedSlider ul.pagination { 
	position:absolute;
	right:24px;
	bottom:21px;
}
#loopedSlider ul.pagination li { 
	float:left; 
	margin-left:5px;
}
#loopedSlider ul.pagination li a { 
	width:19px; 
	height:19px; 
	display:block; 
	background:url(../images/button2.png) no-repeat left top;
}
#loopedSlider ul.pagination li a:hover,
#loopedSlider ul.pagination li.active a { 
	background:url(../images/button2-act.png) no-repeat left top;
}