@charset "UTF-8";
/* CSS Document */
body{ margin:0px; background:#CECECE; color:#FFF; font-family:arial; font-size:12px;}
.tabel{ border:solid 1px #333; background:#FFFFFF}
.header{ height:100px; width:100%; background:url(images/bg_header.jpg);}
.isi_header{ height:100px; width:800px; }
.menubar{ height:30px; width:100%; background:url(images/bg_menuatas.jpg);}
.banner{ height:200px; width:100%; background:url(images/bg_banner.jpg);}
.isi_banner{ height:200px; width:800px; background-color:#082D49; }
/* .menubar a => mengatur style untuk tag html A di dalam tag html ber-class menubar*/
.content{ width:100%; background:#04333C;}
.isi_content{ width:800px; background-color:#083F49; }

.menufooter{ height:100px; width:100%; padding:0px; text-align:center; background:url(images/bg_footer.jpg);}
.menufooter a{ text-decoration:underline; color:#333;}
.isi_footer{ height:100px; width:800px; }

.side-left{ padding:10px;}
.side-right{ padding:10px;}
.side-content{ padding:10px;}


a.menu1{ background:url(images/menu1.jpg); width:100px; height:30px; float:left; margin:0px;}
a.menu1:hover{ background:url(images/menu1.jpg) no-repeat 0 -30px;}

a.menu2{ background:url(images/menu2.jpg); width:100px; height:30px; float:left; margin:0px;}
a.menu2:hover{ background:url(images/menu2.jpg) no-repeat 0 -30px;}

a.menu3{ background:url(images/menu3.jpg); width:100px; height:30px; float:left; margin:0px;}
a.menu3:hover{ background:url(images/menu3.jpg) no-repeat 0 -30px;}

a.menu4{ background:url(images/menu4.jpg); width:100px; height:30px; float:left; margin:0px;}
a.menu4:hover{ background:url(images/menu4.jpg) no-repeat 0 -30px;}


a.thumb_gereja1{ background:url(images/thumb_gereja1.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja1:hover{ background:url(images/thumb_gereja1.jpg) no-repeat 0 -120px;}

a.thumb_gereja2{ background:url(images/thumb_gereja2.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja2:hover{ background:url(images/thumb_gereja2.jpg) no-repeat 0 -120px;}

a.thumb_gereja3{ background:url(images/thumb_gereja3.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja3:hover{ background:url(images/thumb_gereja3.jpg) no-repeat 0 -120px;}

a.thumb_gereja4{ background:url(images/thumb_gereja4.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja4:hover{ background:url(images/thumb_gereja4.jpg) no-repeat 0 -120px;}

a.thumb_gereja5{ background:url(images/thumb_gereja5.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja5:hover{ background:url(images/thumb_gereja5.jpg) no-repeat 0 -120px;}

a.thumb_gereja6{ background:url(images/thumb_gereja6.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja6:hover{ background:url(images/thumb_gereja6.jpg) no-repeat 0 -120px;}

a.thumb_gereja7{ background:url(images/thumb_gereja7.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja7:hover{ background:url(images/thumb_gereja7.jpg) no-repeat 0 -120px;}

a.thumb_gereja8{ background:url(images/thumb_gereja8.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja8:hover{ background:url(images/thumb_gereja8.jpg) no-repeat 0 -120px;}

a.thumb_gereja9{ background:url(images/thumb_gereja9.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja9:hover{ background:url(images/thumb_gereja9.jpg) no-repeat 0 -120px;}

a.thumb_gereja10{ background:url(images/thumb_gereja10.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja10:hover{ background:url(images/thumb_gereja10.jpg) no-repeat 0 -120px;}

a.thumb_gereja11{ background:url(images/thumb_gereja11.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_gereja11:hover{ background:url(images/thumb_gereja11.jpg) no-repeat 0 -120px;}





a.thumb_buku1{ background:url(images/thumb_buku1.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_buku1:hover{ background:url(images/thumb_buku1.jpg) no-repeat 0 -120px;}

a.thumb_buku2{ background:url(images/thumb_buku2.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_buku2:hover{ background:url(images/thumb_buku2.jpg) no-repeat 0 -120px;}

a.thumb_buku3{ background:url(images/thumb_buku3.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_buku3:hover{ background:url(images/thumb_buku3.jpg) no-repeat 0 -120px;}

a.thumb_buku4{ background:url(images/thumb_buku4.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_buku4:hover{ background:url(images/thumb_buku4.jpg) no-repeat 0 -120px;}

a.thumb_buku5{ background:url(images/thumb_buku5.jpg); width:120px; height:120px; float:left; margin:0px;}
a.thumb_buku5:hover{ background:url(images/thumb_buku5.jpg) no-repeat 0 -120px;}


a.link_buku{ color:#69A6B0; text-decoration: none; font-size:18px; font-weight:bold; font-face:tahoma;}
a.link_buku:hover{ color:#000000; text-decoration:underline; font-size:18px; font-weight:bold;}






#container{
	width: 800px;

	padding: 0 0 0 0;
	position: relative;
}

img{
	display: block;
}

#gallery, #thumbs{
	float: left;
}

#gallery{
	width: 800px;
	height: 200px;
	overflow: hidden;
}

#gallery img{
	position: absolute;
}

#thumbs{
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#next{
	display: block;
	width: 0px;
	height: 0px;
	background: url(img/arrow.png);
	position: relative;
	top: 0px;
	left: 0px;
}

#next:hover{
	background: url(img/arrowmo.png);
}

.clear{
	clear: both;
}