body {

	background: #F0F0F0 url(images/bg.jpg);

	color:#333333;

	font-family: Verdana, Arial, Sans-Serif;

	font: 11px Verdana, Arial, Sans-Serif;

	padding: 0;

	margin: 0 0 0 0px;

}



/* ##### Header ##### */





/* ##### Main Content ##### */



.main {

  color: black;

  background-color: white;

  text-align: justify;

  line-height: 1.5em; 

  margin: 0 0 0 10em;

  padding: 3mm 4mm 4mm 4mm;

 /* border-left: 1px solid rgb(153,153,153); */

}



.normal {

  color: black;

  text-align: justify;

 }



a {

	text-decoration: none;

	color: #447825;

}



a:hover {

	color: #98B404;

}



a img {

	border: 0;

}



h1 {

	font-size: 1.6em; color: #4A6129;

	margin: 0 0 6px 0;

	padding: 2px 0px 0px 0px;

}





h2 {

	font-size: 1.4em; color: #505535;

	margin: 0 0 6px 0;

	padding: 2px 0px 0px 0px;

}





h3 {

	font-size: 1.3em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif

	margin: 0 0 5px 0;

	padding: 2px 0px 0px 0px;

}



.linkhtl {

	font-size: 14px; font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;

	color: #666666;

	}



#bg { 

	width: 760px;

	margin: 0 auto;

	padding: 5px 10px 10px 10px;

	background: url(images/bg.gif) top left no-repeat;

}











#navigasi {

	clear: left;

	float: left;

	width: 161px;

	margin: 0 0 10px 0;

	padding: 0;

	font-size: 11px;

}



#navigasi ul {	

	list-style: none;

	width: 161px;

	margin: 0 0 3px 0;

	padding: 0;

	font-size: 12px; font-weight: bold;

}	



#navigasi li {

	margin-bottom: 2px;

}



#navigasi li a, #navigasi li a:visited {

	text-align: right;

	height: 20px;

	text-decoration: none;

	color: #fff;

	display: block;

	padding: 6px 8px 0 10px;

	background: #2489DB;

}	

	

#navigasi li a:hover {

	background: #A9CAEB;

	color: #286ea0;

}





.tabelkiri {border-left: #BCE2F0 1px solid; margin: 0 0 0 0}

.tabelkanan {border-right: #BCE2F0 1px solid;  margin: 0 0 0 0}



.navil {

	text-align: left; font-weight:bold; font-size: 12px;

	height: 18px;

	text-decoration: none;

	color: #fff;

	display: block;

	padding: 3px 4px 0 10px;

	background: #81970C url(images/boxtitle.gif) repeat-x;

}



.navil a {

	display: block;

	text-decoration: none;

	margin: 0 0 0 0;

	color: #fff;

	}



.navil a:hover {

	color: #505535;

}



.subnavil {

	text-align:left; 

	padding: 3px 0 5px 0;

	border-top: 1px solid #D6DAAD;

	color: #6B6B6B; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;

	background: #C7CB8F;

	

}



.subnavil a {

	padding: 3px 10px 3px 10px; display: block;

	text-decoration: none;

	margin: 0 0 0 0; font-weight: bold;

	border-bottom: 1px solid #D6DAAD; 

}

.subnavil a:hover { background: #D3D79B; color: #3A9E18;}

.subnavil a:visited {

	text-decoration: none;

}



.subnav {

	margin: 2px 0 10px 0;

	padding: 3px 10px 5px 10px;

	width: 140px;

	border-top: 1px solid #AFCEED;

	/* border-bottom: 1px solid #AFCEED; */

	color: #6B6B6B; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;

	background: #E5EFF9 url(images/plavo.gif) repeat-x;

}



.subnavlink a {

	display: block;

	height: 10px;

	padding-bottom: 2px;

	margin-bottom: 2px;

	border-bottom: 1px solid #ccc;

}

.subnav a:visited {

	text-decoration: none;

}



.kanan {

	margin: 0 0 5px 0;

	padding: 5px 5px 10px 5px;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

	background: #eee url(images/lijevo.gif) repeat-x;

	color: #5D5D5D;

	line-height: 1.5em;

}

.bgmenu { color: #3A5C18; font-size:13px;

	border-bottom: 2px solid #468B1D; padding: 5px 0px 0px 0px;

	}

	

.bgmenu2 { color: #C86206; font-size:13px; background-color: #FBE8AE;

	border-bottom: 2px solid #F3CC98; border-top: 1px solid #F3CC98; padding: 5px 0px 0px 0px;

	}

	

.bgmenu3 { color: #666666; border-top: 1px solid #ccc;

	border-bottom: 2px solid #ddd; padding: 1px 0px 1px 0px;

	}

.bgmenu4 { color: #447825; font-size:13px; background-color: #F0F1E2;

	border-bottom: 2px solid  #D3D7AC; border-top: 1px solid #D3D7AC; padding: 5px 0px 0px 0px;

	}

	

#podaci {

	margin: 5px 0 0 0; font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	border: 2px solid #fff;

	background: #E5EFF9 url(images/plavo.gif);

	padding: 3px 3px 3px 3px;

	color: #70C256;

}



#podaci a, #podaci a:visited {

	display: inline;

	border: none;	

}



#clanci {

	margin:  0 0 5px 155px;

	padding: 0 10px 5px 6px;

	line-height: 1.4em;

	background: url(images/clanak.gif) repeat-x bottom left;

}



#clanci h2 {

	margin: 0px;

	padding: 4px 0 4px 0;

	font-size: 12pt;

}



#clanci p {

	margin: 0;

}



.datum {

	padding-top: 2px;

	height: 30px;

	margin: 5px 0 6px 0;

	border-top: 1px solid #eee;

	font-size: 80%;

	text-transform: uppercase;	

	color: #808080;

}



.kolom1 { 

	margin: 0 0px 0px 0px;

	border-top: 1px solid #AFCEED;

	border-bottom: 1px solid #AFCEED;

	background: #E5EFF9 url(images/plavo.gif) repeat-x;

	padding: 5px 6px 5px 6px;

	line-height: 1.6em;

	text-align: left;

	color: #5D5D5D;

}



.kolom2 { 

	margin: 0 0px 0px 0px;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	background: #eee url(images/lijevo.gif) repeat-x;

	padding: 5px 6px 5px 6px;

	line-height: 1.6em;

	text-align: left;

	color: #5D5D5D;

}



.footer {

  color: #d0d0d0;

  margin: 0; background: #838B5A url(images/footerbg.gif) repeat-x;

  padding: 4px; font-size: 11px; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; 

  border-top: 1px solid  #FFFFFF;

}

.footer a {

  color: #d0d0d0;

  text-decoration: none;

  font-weight: normal;

  margin: 0;

  padding: 0 0.2ex 0 0.2ex;

}  



.footer a:hover {

  text-decoration: none; color: #FFFFFF;

}

.style1 {color: #FF0000; text-decoration:line-through}

.style2 {

	color: #006600;

	font-weight: bold;

}



/***** hotels page css style *****/



.right_left {

	float: left;

	width: 275px;

	padding: 7px;

	background: #fafafa;

	color: #626262;

}



.right_right {

	float: right;

	width: 275px;

	padding: 7px;

	background: #fafafa;

	color: #626262;

}



.skiri {

	float: left; width: 280px; padding: 5px; background: #FFFFFF; color: #626262;

	}



.skanan {

	float: right; width: 280px; padding: 5px; background: #FFFFFF; color: #626262;

    }





.tbgr { /* clear:both; */

		background: #F2F2F2 url(images/td-bg.gif);

		margin-top: 4px; padding: 2px 0 2px 0;

		font-size:12px; font-weight:bold;

		height: 20px;

		}

.tgl { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color: #FF6600;}

.tgl2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color: #CC0000; }



.vld { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size:11px; color: #1A70C6;}

.mn { margin: 0; padding: 0 5px 0 6px; font-size:12px; }

.introdes { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0; }

.line { 

	height: 2px;

	margin: 2px 0 2px 0;

	background: url("/images/dotted.gif") repeat-x;

	color: #000;

	}

	

.batas { 

	margin: 1px 0 1px 0;

	color: #000;

	}

	

	

.garis { clear:both;

	height: 2px;

	margin: 0 0 0 0;

	background: url("/images/dotted.gif") repeat-x;

	color: #000;

	}	





.htlmenu { clear:both; padding: 1px 0 4px 0; 

		font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight:bold;

        color: #003399; text-align:center;}



	

.hapusdiv {

clear: both;

}

.gal {

background:#fafbfc;

border:1px solid #b0b0b0;

margin: 10px 0px 10px 0px;

padding:4px; 

	}

.gbr {

border:1px solid #b0b0b0;

float:left;

margin: 2px 5px 2px 0;

padding:4px;

	}

	

.gbr2 {

border:1px solid #b0b0b0;

background:#f7f7f7;

margin: 2px 3px 2px 0;

padding:3px;

	}

.gbr3 {

border:1px solid #b0b0b0;

float:left; background:#f7f7f7;

margin: 2px 2px 2px 0;

padding:2px;

	}	

	

.judulitem { clear:both; 

		border-top: 1px solid  #eee; background: url(/images/clanak.gif) repeat-x bottom left;

		 font-weight:bold; 	font-size:14px; color: #666; padding: 2px 0 2px 5px; 

		 margin: 4px 0 0 0; } 



FORM  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;

      font-weight: normal; margin-bottom: 0; margin-top: 0;        }



SELECT  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;

      font-weight: normal;  background: #f8f8f8;

       border-left: 1px solid #7D82A2;

        border-right: 1px solid #7D82A2;

        border-top: 1px solid #7D82A2;

        border-bottom: 1px solid #7D82A2;    }

.boxcari {

border:1px solid #b0b0b0;

margin: 0; background: #FFFFFF url(/images/clanak.gif) repeat-x bottom left;

padding: 2px; text-align:center;

	}	

.box { position: relative;

border:1px solid #b0b0b0; background: #FFFFFF url("/images/bg-tabel.gif") repeat-x;

margin: 10px auto; width: 650px; 

padding: 10px; text-align: justify;

	}		

.contcari { margin: 0; padding: 0 1px 0 1px; }



#lmenu 

    {

	font-size: 11px; margin: 0 0 0 0;

    border-bottom: 1px solid #E6EEF0;

    display: block;

    padding: 4px 5px 5px 5px;

	background: #eee url(/images/lijevo.gif) repeat-x;

    }

#lmenu h3.lmenu

    {

    background: #666666; text-align:center;

    font-size: 10pt; 

    color: #fff;

    margin: 0 0 0 0; padding: 2px 0 2px 0;

    }

.grss { border-bottom: 1px solid #ddd; margin: 0 0 0 0; padding: 0 0 1px 0; display:block; }

.grss2 { clear:both; border-bottom: 1px solid #ddd; margin: 0 0 0 0; padding: 0 0 0 0; display:block; }	

	

/*** list item dengan bulet image  <ul class="lis"> ***/

.lis {	

	list-style: none;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif;

}	



.lis li {

	margin-bottom: 10px;

	padding: 0 0 0 2px;

}



.lis li a, .lis li a:visited {

	text-align: left;

	text-decoration: none;

	color: #0000FF;

	padding: 0 0 0 0;

	/* background: url(/images/bullet1.gif) left top no-repeat; */

}	

	

.lis li a:hover {

	color: #FF6600;

}	

/*** list end **/

.box1, .box1 a, .box1 a:hover, .box1 a:visited {

background: #2489DB url(images/boxtitle.gif) repeat-x;

margin: 2px 0 2px 0; color:#FFFFFF;

padding: 3px; 

	}	



.box2 {

border:1px solid #FFBD24;

background:  #FFF0CE;

margin: 2px 0 2px 0; 

padding: 3px; 

	}

.box3 {

border:1px solid #F3B6B6;

background: #FFE6E6;

margin: 2px 0 2px 0; 

padding: 3px; 

	}

.box4 {

border:1px solid #8FD1D1;

background: #D7EEEE;

margin: 2px 0 2px 0; 

padding: 3px; 

	}



.box5 {

border:1px solid #A5AD7E;

background: #F0F1E2;

margin: 2px 0 2px 0; text-align: center;

padding: 3px; 

	}		

	

.box6 {

border:1px solid #CC0000;

background: #CC0000;

margin: 2px 0 2px 0; 

padding: 3px; color:#FFF2F2; 

	}

.box7 {

border:1px solid  #C68EC6;

background:  #F1E2F1;

margin: 2px 0 2px 0; 

padding: 3px; 

	}

.breadcomb {

border-bottom:1px solid  #F5D165;

background: #FCF1CF;

padding: 1px; 

	}		

	

#navigasir {

	clear: left;

	float: left;

	width: 165px;

	margin: 0 0 10px 0;

	padding: 0;

	font-size: 11px;

}



#navigasir ul {	

	list-style: none;

	width: 165px;

	margin: 0 0 3px 0;

	padding: 0;

	font-size: 12px; font-weight: bold;

}	



#navigasir li {

	margin-bottom: 2px;

}



#navigasir li a, #navigasi li a:visited {

	text-align: right;

	height: 20px;

	text-decoration: none;

	color: #fff;

	display: block;

	padding: 6px 8px 0 10px;

	background: #7C581E;

}	

	

#navigasir li a:hover {

	background: #BE8F50;

	color: #000000;

}



.tablebawah {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #000000;

	text-align: left;

	margin-right: 10px;

	margin-left: 10px;

	text-decoration: none;

}



a.tablelink:link {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	text-align: justify;

	

}

a.tablelink:visited {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}

a.tablelink:hover {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: green;

	text-decoration: none;

	

}



.tableframe {

	border: 1px solid #C7CB8F;

}

#SiteLogosAndText {
	font:bold 10px verdana;
	color:#447825;
}
#SiteLogosAndText td {
	text-align:center;
	width:161px;
}
#SiteLogosAndText td.noborder {
	border:none;
}
#SiteLogosAndText td.noborder a, #SiteLogosAndText td.noborder a:hover {
	text-decoration:none;
	color:#447825;
}
#SiteLogosAndText td.noborder img.rectImg {
	margin-bottom:2px;
}
#SiteLogosAndText td.nopadding {
	padding:0px;
}
#SiteLogosAndText td.common {
	text-align:left;
	text-indent:8px;
	border-bottom:1px solid #d6daad;
	padding-bottom:2px;
}
#SiteLogosAndText td.common a, #SiteLogosAndText td.common a:hover {
	text-decoration:underline;
	color:#447825;
}
#SiteLogosAndText td.common img.chatImg {
	margin-bottom:-2px;
}
#SiteLogosAndText td.bordered {
	border:1px solid #d6daad;
}



#cont{
	width:550px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Tahoma, Geneva, sans-serif;
}
#cont ul{
	margin: 0px;
	padding: 0px;
}
#cont li{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#contleft{
	float:left;
}
#contleft li{
	width:250px;
	/*border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
	margin-bottom: 12px;
	height: 64px;
	margin-top: 7px;
	padding: 5px;
	border: 1px solid #e6e6e6;
}
#contright{
	float:left;
	margin-left:10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;
	padding-left: 10px;
}
#contright li{
	width:250px;
	/*border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
	margin-bottom: 12px;
	height: 64px;
	margin-top: 7px;
	padding: 5px;
	border: 1px solid #e6e6e6;
}
.clear{
	margin: 0px;
	padding: 0px;
	clear: both;
}
#title{
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 15px;
	background-image: url(images/bg_003.jpg);
	height: 16px;
}