@charset "utf-8";
body,html { margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #4B3929; background: #735942 url(../images/bg_body.jpg) repeat-x; }

#container { width: 710px; margin: 0px auto; padding: 0; }
.captcha { vertical-align: bottom; margin: 0 0 1px 0; }

#header { width: 710px; height: 130px; display: block; position: relative; }
	#header #header_logo { float: left; margin: 38px 0 0 138px; padding: 0; }
	#header #lang { float: right; margin: 60px 0 0 0; padding: 0; list-style: none; }
		#header #lang li { float: left; margin: 0 0 0 7px; padding: 0; }
		
#left { width: 120px; float: left; margin: 0; padding: 0; color: #FFF; }
	#left .skype { padding: 0 0 0 3px; }
	#left .ym { margin: 30px 0 0 0; padding: 0 10px 0 0; text-align: right; }
	#left .ym img { vertical-align: middle; padding-bottom: 2px; }
	#nav { margin: 0; padding: 0; list-style: none; }
		#nav li { margin: 0 0 1px 0; padding: 0; font-size: 12px; }
		#nav li a { color: #FFF; width: 100px; padding: 5px 10px 5px 10px; display: block; text-decoration: none; background-color: #5F4935 }
		#nav li a:hover { color: #FFCC00; }
		#nav li a#active { background-color: #FFCC00; } #nav li a#active:hover { color: #FFF; }
		#nav li a.active { background-color: #FFCC00; } #nav li a.active:hover { color: #FFF; }
		#nav li ul { margin: 0; padding: 0; list-style: none; }
		#nav li ul li a { color: #FFCC00; }
	#left form { width: 110px; margin: 30px 0 0 0; padding: 5px; background-color: #5F4935; font-size: 10px; }
		#left form h1 { font-size: 11px; margin: 0 0 10px 0; padding: 0; }
		#left form .input_text { font-family: Arial; font-size: 10px; color: #666; border: 1px solid #CCC; background-color: #FFF; width: 105px; margin: 0 0 5px 0; padding: 0; }
		#left form .input_submit { font-family: Arial; font-size: 10px; color: #FFF; border: 1px solid #000; background-color: #000; margin: 0; padding: 0; cursor: pointer; }
		#left form a { color: #FFF; text-decoration: underline; }
		#left form a:hover { color: #FFCC00; }
	

#right { width: 570px; float: right; margin: 0; padding: 0; }
	#banner { width: 570px; height: 470px; display: block; margin: 0 0 10px 0; padding: 0; }
	#banner_short { width: 540px; height: 270px; display: block; margin: 0 0 10px 0; padding: 0; }
	html>body #container #right #banner { margin: 0 0 20px 0; padding: 0; }
	html>body #container #right #banner_short { margin: 0 0 20px 0; padding: 0; }
		.banner_kiri { float: left; margin: 0 0 10px 0; padding: 4px; display: block; background-color: #E7D7C6; border: 1px solid #E7D7C6; }
		.banner_kanan { float: right; margin: 0 0 10px 0; padding: 4px; display: block; background-color: #E7D7C6; border: 1px solid #E7D7C6; }
		.clear { clear: both; display: compact; }
		
#content { width: 570px; margin: 0 0 20px 0; padding: 0; background: #E7D7C6; }	
	#content .inner .banner_kiri, #content .inner .banner_kanan { background: #D0BEAC; border-color: #D0BEAC; }
	#content .inner { background: url(../images/bg_content_02.jpg) no-repeat; padding: 15px; }
	#content h1 { position: relative; clear: both; color: #003300; font-size: 24px; font-weight: normal; margin: 0 0 15px 0; padding: 0; }
	#content h1 em { color: #666; font-style: normal; }
	#content h2 { color: #003300; font-size: 20px; font-weight: normal; margin: 0 0 2px 0; padding: 0; display: block; }
	#content h3 { clear: both; color: #FF6600; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; padding: 0; position: relative; }
	#content p { line-height: 140%; margin: 0 0 15px 0; padding: 0; display: block; position: relative; text-indent: 0; }
	#content p.desc { float: left; }
	#content p.button { padding: 20px 0 0 80px; color: #666; }
	#content p.button img { margin-bottom: 10px; }
	#content p.note { font-size: 10px; color: #999; }
	#content ul { margin: 0 0 0 15px; padding: 0; }
	#content ul li { line-height: 140%; margin: 0 0 5px 5px; padding: 0; }
	#content ul li ul { margin: 5px 0 0 10px; }
	#content a { color: #FF6600; text-decoration: underline; }
	#content a:hover { color: #000; }
	ul#desc-list { margin: 0 0 30px 0; padding: 0; list-style: none; }
	ul#desc-list li { clear: both; margin: 0; padding: 0; list-style: none; }
	#content .desc { float: right; width: 470px; display: block; }
	#content .desc2 { float: right; width: 470px; display: block; margin:10px 0 10px 0; }
	html>body #container #content .desc { width: 460px; }
	#content .section { clear: both; }
	#content a.img_kanan { float: right; margin: 0 0 10px 10px;  }
	#content a.img_kiri { float: left; margin: 0 10px 10px -60px;  }
	#content a.img_kanan, #content a.img_kiri { padding: 4px; background-color: #D0BEAC; display: block; color: #FFF; text-decoration: none; position: relative; border: 1px solid #D0BEAC; }
	#content a.img_kanan:hover, #content a.img_kiri:hover { background-color: #003300; border: 1px solid #003300; }
	#content a.thumbnail { float: left; margin: 0 25px 20px 0; padding: 4px; background-color: #D0BEAC; display: block; color: #FFF; text-decoration: none; position: relative; border: 1px solid #D0BEAC; }
	#content a.thumbnail:hover { background-color: #003300; border: 1px solid #003300; }
	#content form { margin: 0; padding: 0; }
	#content .tbl_form { margin: 0 0 15px 0; }
	#content .tbl_form th, #content .tbl_form td { text-align: left; padding: 5px 5px 5px 0; vertical-align: top; }
	.input_submit { background-color: #003300; border: 1px solid #003300; color: #FFF; font-weight: bold; cursor: pointer; font-size: 12px; padding: 2px; }
	.input_select { color: #666; font-size: 14px; }
	#content .tbl_form .input_submit { padding: 5px !important; }
	#content .tbl_form .input_text { font-family: Arial; color: #666; padding: 3px; border: 1px solid #CCB572; background-color: #FFF; font-size: 12px; }
	#content .tbl_form em { color: #FF6600; }
	#content .gotoform { float: right; margin: 0; }
	
	#content a.link_add { float: right; margin: -40px 0 0 0; width: 58px; padding: 5px 5px 5px 27px; display: block; background: #003300 url(../calendar/images/icon_add.gif) 7px 5px no-repeat; color: #FFF; font-weight: bold; text-decoration: none; z-index: 999; }
	#content a.link_add:hover { color: #FFF; background-color: #000; }
	
	#content h4.berita {margin:0; padding:7px 0 0;font-size:17px; }
#content h4.berita a {color: #FF6600;}
#content h4.berita a:hover {color: #000;}
#content p.brt {margin:5px 0 0; padding:0}
	.tbl_view { margin: 0; padding: 0; }
		.tbl_view td, .tbl_view th { padding: 7px; text-align: left; vertical-align: top; }
		.tbl_view th { background-color: #000; color: #FFF; }
		.tbl_view td { background-color: #FFF; }
		.tbl_view tr.zebra td { background-color: #F1F1F1; }
	.tbl_paging { color: #000; margin: 0 0 10px 0; padding: 0; font-size: 12px; }
	.tbl_cal { margin: 0 0 15px 0; padding: 0; }
		.tbl_cal td, .tbl_cal th { padding: 7px; text-align: center; vertical-align: top; }
		.tbl_cal th { background-color: #000; color: #FFF; }
		.tbl_cal td { background-color: #FFF; }
		.tbl_cal tr.zebra td { background-color: #F1F1F1; }
		.tbl_cal tr.cross td { background-color: #003300; color: #FFF; }
		.tbl_cal th a:hover { color: #FFF !important; }
		.tbl_cal tr td.na, .tbl_cal tr.zebra td.na { color: #FFF; background-color: #FFFF66; font-weight: bold; }
		.tbl_cal .red { background-color: #FFCCCC !important; color: #990000 !important; }

.guestbook_item { display: block; padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #D0BEAC; }
	.guestbook_item .title { margin: 0 !important; font-size: 14px; }
	.guestbook_item .title em { color: #666; font-style: normal; }
.paging { margin: -10px 0 20px 0; padding: 5px; height: 15px; background-color: #ECDA96; }
	.paging .kiri { float: left; }
	.paging .kanan { float: right; }
	
.tbl_rate { margin: 0 0 10px 0; width: 100%; }
	.tbl_rate th, .tbl_rate td { text-align: center; font-weight: bold; vertical-align: top; padding: 5px; }
	.tbl_rate th { color: #FFF; background: #5F4935; }
	.tbl_rate th.clean { background: none; }
	.tbl_rate td { background: #F1F1F1; }
	.tbl_rate td.zebra { background: #D0BEAC; }
	
#footer { width: 570px; margin: 0 auto 10px auto; display: block; }
	#footer p { margin: 0; padding: 0; color: #E7D7C6; font-size: 11px; }
	#footer a { color: #E7D7C6; text-decoration: none; }
	#footer a:hover { color: #FFF; text-decoration: underline; }
	#footer h1 { font-size: 11px; color: #E7D7C6; margin: -12px 0 0 0; padding: 0; font-weight: normal; float: right; }	
    #footer p.kiri {width:250px; float:left}
	#footer p.kanan {width:250px; float:right; text-align:right}
	#footer .both {clear:both}
	
#left h3 { margin: 40px 0 10px 0; text-align: right; padding: 0 10px 0 0; }
#status { margin: 0; padding: 0; list-style: none; width: 120px; }
#status li { margin: 0 0 5px 0; padding: 0; }
.status { font-weight: bold; padding: 0 2px 0 2px; display: block; }
	.satu { background-color: #FF0000 !important; color: #FFF !important; }
	.dua { background-color: #FF6600 !important; color: #FFF !important; }
	.tiga { background-color: #00CC00 !important; color: #FFF !important; }
	.empat { background-color: #006600 !important; color: #FFF !important; }
	.lima { background-color: #0000CC !important; color: #FFF !important; }
	.enam { background-color: #00CCCC !important; color: #FFF !important; }
	.tujuh { background-color: #FF3399 !important; color: #FFF !important; }
	.delapan { background-color: #FFCC00 !important; color: #FFF !important; }
	.tbl_cal td a { color: #FFF !important; background: #000; }
	.tbl_cal td a:hover { color: #000 !important; text-decoration: underline !important; background: #FFF; }

.satusatu { background: url(../images/satusatu.jpg) top center no-repeat; color: #FFF !important; }
.satudua { background: url(../images/satudua.jpg) top center no-repeat; color: #FFF !important; }
.satutiga { background: url(../images/satutiga.jpg) top center no-repeat; color: #FFF !important; }
.satuempat { background: url(../images/satuempat.jpg) top center no-repeat; color: #FFF !important; }
.satulima { background: url(../images/satulima.jpg) top center no-repeat; color: #FFF !important; }
.satuenam { background: url(../images/satuenam.jpg) top center no-repeat; color: #FFF !important; }
.satutujuh { background: url(../images/satutujuh.jpg) top center no-repeat; color: #FFF !important; }
.satudelapan { background: url(../images/satudelapan.jpg) top center no-repeat; color: #FFF !important; }

.duasatu { background: url(../images/duasatu.jpg) top center no-repeat; color: #FFF !important; }
.duadua { background: url(../images/duadua.jpg) top center no-repeat; color: #FFF !important; }
.duatiga { background: url(../images/duatiga.jpg) top center no-repeat; color: #FFF !important; }
.duaempat { background: url(../images/duaempat.jpg) top center no-repeat; color: #FFF !important; }
.dualima { background: url(../images/dualima.jpg) top center no-repeat; color: #FFF !important; }
.duaenam { background: url(../images/duaenam.jpg) top center no-repeat; color: #FFF !important; }
.duatujuh { background: url(../images/duatujuh.jpg) top center no-repeat; color: #FFF !important; }
.duadelapan { background: url(../images/duadelapan.jpg) top center no-repeat; color: #FFF !important; }

.tigasatu { background: url(../images/tigasatu.jpg) top center no-repeat; color: #FFF !important; }
.tigadua { background: url(../images/tigadua.jpg) top center no-repeat; color: #FFF !important; }
.tigatiga { background: url(../images/tigatiga.jpg) top center no-repeat; color: #FFF !important; }
.tigaempat { background: url(../images/tigaempat.jpg) top center no-repeat; color: #FFF !important; }
.tigalima { background: url(../images/tigalima.jpg) top center no-repeat; color: #FFF !important; }
.tigaenam { background: url(../images/tigaenam.jpg) top center no-repeat; color: #FFF !important; }
.tigatujuh { background: url(../images/tigatujuh.jpg) top center no-repeat; color: #FFF !important; }
.tigadelapan { background: url(../images/tigadelapan.jpg) top center no-repeat; color: #FFF !important; }

.empatsatu { background: url(../images/empatsatu.jpg) top center no-repeat; color: #FFF !important; }
.empatdua { background: url(../images/empatdua.jpg) top center no-repeat; color: #FFF !important; }
.empattiga { background: url(../images/empattiga.jpg) top center no-repeat; color: #FFF !important; }
.empatempat { background: url(../images/empatempat.jpg) top center no-repeat; color: #FFF !important; }
.empatlima { background: url(../images/empatlima.jpg) top center no-repeat; color: #FFF !important; }
.empatenam { background: url(../images/empatenam.jpg) top center no-repeat; color: #FFF !important; }
.empattujuh { background: url(../images/empattujuh.jpg) top center no-repeat; color: #FFF !important; }
.empatdelapan { background: url(../images/empatdelapan.jpg) top center no-repeat; color: #FFF !important; }

.limasatu { background: url(../images/limasatu.jpg) top center no-repeat; color: #FFF !important; }
.limadua { background: url(../images/limadua.jpg) top center no-repeat; color: #FFF !important; }
.limatiga { background: url(../images/limatiga.jpg) top center no-repeat; color: #FFF !important; }
.limaempat { background: url(../images/limaempat.jpg) top center no-repeat; color: #FFF !important; }
.limalima { background: url(../images/limalima.jpg) top center no-repeat; color: #FFF !important; }
.limaenam { background: url(../images/limaenam.jpg) top center no-repeat; color: #FFF !important; }
.limatujuh { background: url(../images/limatujuh.jpg) top center no-repeat; color: #FFF !important; }
.limadelapan { background: url(../images/limadelapan.jpg) top center no-repeat; color: #FFF !important; }

.enamsatu { background: url(../images/enamsatu.jpg) top center no-repeat; color: #FFF !important; }
.enamdua { background: url(../images/enamdua.jpg) top center no-repeat; color: #FFF !important; }
.enamtiga { background: url(../images/enamtiga.jpg) top center no-repeat; color: #FFF !important; }
.enamempat { background: url(../images/enamempat.jpg) top center no-repeat; color: #FFF !important; }
.enamlima { background: url(../images/enamlima.jpg) top center no-repeat; color: #FFF !important; }
.enamenam { background: url(../images/enamenam.jpg) top center no-repeat; color: #FFF !important; }
.enamtujuh { background: url(../images/enamtujuh.jpg) top center no-repeat; color: #FFF !important; }
.enamdelapan { background: url(../images/enamdelapan.jpg) top center no-repeat; color: #FFF !important; }

.tujuhsatu { background: url(../images/tujuhsatu.jpg) top center no-repeat; color: #FFF !important; }
.tujuhdua { background: url(../images/tujuhdua.jpg) top center no-repeat; color: #FFF !important; }
.tujuhtiga { background: url(../images/tujuhtiga.jpg) top center no-repeat; color: #FFF !important; }
.tujuhempat { background: url(../images/tujuhempat.jpg) top center no-repeat; color: #FFF !important; }
.tujuhlima { background: url(../images/tujuhlima.jpg) top center no-repeat; color: #FFF !important; }
.tujuhenam { background: url(../images/tujuhenam.jpg) top center no-repeat; color: #FFF !important; }
.tujuhtujuh { background: url(../images/tujuhtujuh.jpg) top center no-repeat; color: #FFF !important; }
.tujuhdelapan { background: url(../images/tujuhdelapan.jpg) top center no-repeat; color: #FFF !important; }

.delapansatu { background: url(../images/delapansatu.jpg) top center no-repeat; color: #FFF !important; }
.delapandua { background: url(../images/delapandua.jpg) top center no-repeat; color: #FFF !important; }
.delapantiga { background: url(../images/delapantiga.jpg) top center no-repeat; color: #FFF !important; }
.delapanempat { background: url(../images/delapanempat.jpg) top center no-repeat; color: #FFF !important; }
.delapanlima { background: url(../images/delapanlima.jpg) top center no-repeat; color: #FFF !important; }
.delapanenam { background: url(../images/delapanenam.jpg) top center no-repeat; color: #FFF !important; }
.delapantujuh { background: url(../images/delapantujuh.jpg) top center no-repeat; color: #FFF !important; }
.delapandelapan { background: url(../images/delapandelapan.jpg) top center no-repeat; color: #FFF !important; }

.satux { background: url(../images/satux.jpg) top center no-repeat; color: #FFF !important; }
.duax { background: url(../images/duax.jpg) top center no-repeat; color: #FFF !important; }
.tigax { background: url(../images/tigax.jpg) top center no-repeat; color: #FFF !important; }
.empatx { background: url(../images/empatx.jpg) top center no-repeat; color: #FFF !important; }
.limax { background: url(../images/limax.jpg) top center no-repeat; color: #FFF !important; }
.enamx { background: url(../images/enamx.jpg) top center no-repeat; color: #FFF !important; }
.tujuhx { background: url(../images/tujuhx.jpg) top center no-repeat; color: #FFF !important; }
.delapanx { background: url(../images/delapanx.jpg) top center no-repeat; color: #FFF !important; }

.zebra .satux { background: url(../images/satuxzebra.jpg) top center no-repeat; color: #FFF !important; }
.zebra .duax { background: url(../images/duaxzebra.jpg) top center no-repeat; color: #FFF !important; }
.zebra .tigax { background: url(../images/tigaxzebra.jpg) top center no-repeat; color: #FFF !important; }
.zebra .empatx { background: url(../images/empatxzebra.jpg) top center no-repeat; color: #FFF !important; }
.zebra .limax { background: url(../images/limaxzebra.jpg) top center no-repeat; color: #FFF !important; }
.zebra .enamx { background: url(../images/enamxzebra.jpg) top center no-repeat; color: #FFF !important; }
.zebra .tujuhx { background: url(../images/tujuhxzebra.jpg) top center no-repeat; color: #FFF !important; }
.zebra .delapanx { background: url(../images/delapanxzebra.jpg) top center no-repeat; color: #FFF !important; }