@charset "utf-8";
/* ini untuk bagian layout */
#layout{ margin:0px auto; padding:3px; width:800px; height:auto; background-color:#FFFFFF; border:thin solid #CCC;}
/* ini untuk bagian header */
#header{width:800px; height:110px; background-image:url(images/header_02.gif); background-repeat:no-repeat;}
#menuatas{width:200px;margin-left:600px; height:auto; padding-top:20px;}
#menuatas ul{padding:0px; margin:0px; list-style-type:none;}
#menuatas ul li{padding:0px; margin:0px; float:left;}
#menuatas ul li a{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333; text-decoration:underline; margin-right:15px;}
#menuatas ul li a:hover{text-decoration:none; color:#000;}
/* ini untuk setting menu header */
#menuheader{margin-top:60px; margin-left:23px;}
/* ini untuk setting div sertifkat */
#sertifikat {width:595px; height:300px; float:right;}
/* ini untuk bagian div kotak */
#kotak1{width:590px;float:right; background-color:#930;	height:300px; margin-top:3px; border:3px solid #666; margin-bottom:10px;}
#gallery {position:relative; height:300px;}
#gallery a {float:left;	position:absolute;}
#gallery a img {border:none;}
#gallery a.show {z-index:500;}
#gallery .caption {	z-index:600;background-color:#000;color:#ffffff;height:70px; width:100%; position:absolute; bottom:0px; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
#gallery .caption .content {margin:5px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#gallery .caption .content h3 {margin:0;padding:0;color:#1DCCEF; font-family:Verdana, Geneva, sans-serif; font-size:14px;}
/* ini untuk setting div tengah */
#tengah{float:left; width:800px; height:auto;}
/* ini untuk setting div menukiri */
#kiri{width:200px; height:1330px; float:left; background-color:#CCC;}
/* ini untuk setting div menukiri */
#menukiri{width:190px; height:600px; margin-left:5px; margin-right:5px;}
#menukiri ul{margin:0px; padding:0px; list-style-type:none;}
#menukiri ul li{ font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:7px; background-color:#C63; margin-bottom:1px;}
#menukiri ul li:hover{ background-color:#F8B936;}
#menukiri ul li a{color:#FFF; text-decoration:none;}
#menukiri ul li a:hover{color:#666; text-decoration:underline;}
/* ini untu setting kanan */
#kanan{width:600px; height:auto; float:right;}
/* ini untu setting div beritakanan */
#beritakanan{width:590px; height:auto; float:right; margin-right:5px; margin-top:20px;}
#beritakanan p{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; }
#beritakanan ul{list-style-type:decimal;}
#beritakanan ul li{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; list-style-type:none;}
/* ini untuk bagian div footer */
#footer{width:800px; clear:both; background-color:#333; float:left; text-align:center; padding-top:10px; padding-bottom:10px;}
#footer a{ width:800px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#CCC; text-decoration:none;}
#footer a:hover{color:#FC6; text-decoration:underline;}
.break { clear:both; font-size:0; }
/* ini untuk setting h1 */
h1{padding-top:10px; padding-left:5px; padding-bottom:7px; width:185px; height:auto; background-color:#333; margin:0px; margin-top:5px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#FFF;}
h2{font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333; margin:0px; padding:0px;}
h3{font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:0px; padding:0px;}
h4{font-family:Verdana, Geneva, sans-serif; font-size:18px;border-bottom:thin solid #666;}
/* ini untuk setting latar belakang */
body{ background-image:url(images/background.jpg); background-repeat:repeat;}
/* ini untuk home */
#beritakananhome{width:590px; height:auto; float:right; margin-right:5px; margin-top:20px;}
#beritakananhome p{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; }
#beritakananhome ul{list-style-type:decimal;}
#beritakananhome ul li{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px;}
#kirihome{width:200px; height:785px; float:left; background-color:#CCC;}
/* ini untuk setting ruang.html */
#beritakananruang{width:590px; height:auto; float:right; margin-right:5px; margin-top:20px;}
#beritakananruang p{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; }
#beritakananruang ul{list-style-type:decimal;}
#beritakananruang ul li{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px;}
#kiriruang{width:200px; height:1700px; float:left; background-color:#CCC;}
/* ini untuk setting halaman hubungi.html */
#beritakananhubungi{width:590px; height:auto; float:right; margin-right:5px; margin-top:20px;}
#beritakananhubungi p{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; }
#beritakananhubungi ul{list-style-type:decimal;}
#beritakananhubungi ul li{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px;}
#kirihubungi{width:200px; height:500px; float:left; background-color:#CCC;}
/* in untuk galeri */
/*ini galeri foto*/
.credits {
	width: 580px;
	margin: 0 auto 20px;
	text-align: center;
	border-bottom: solid 1px #ccc;
	padding: 0 0 8px 0;
	font: 130%/110% Garamond, Georgia, serif;
	margin-top:50px;
}
.credits em {
	color: #999;
}
.credits a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
.credits a:hover {
	text-decoration: underline;
}
img {
	border: none;
}

/* ---------- gallery styles start here ----------------------- */
.gallerya {
	list-style: none;
	margin: 0px;
	padding: 0;
}
.gallerya li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 200px;
	height: 200px;
}
.gallerya li:hover img {
	border-color: #000;
}
.gallerya img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
.gallerya em {
	background: #fff url(images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 170px;
	left: 9px;
	border: 1px solid #999;
	border-left-color: #888;
}
.gallerya a {
	text-decoration: none;
}
.gallerya a:hover em {
	background: #ffdb01 url(images/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}
/*galeri*/
#galeri {width:590px; float:left; margin-left:10px; padding-top:10px; margin-top:0;}
#galeri p {margin:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height: 14px;}
#galeri ul {font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:14px;}
#kiribenefit{width:200px; height:860px; float:left; background-color:#CCC;}