body {



	background: #FFF url(images/bg.png) repeat-x;



	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: #FFF url(images/cool_fade.png) repeat-x;

  text-align: justify;

  line-height: 1.5em; 

  margin: 0 0 0 10em;

  padding: 3mm 4mm 4mm 4mm;

  border-left: 1px	solid #cbeaff;

 /* border-left: 1px solid rgb(153,153,153); */



}







.normal {



  color: black;



  text-align: justify;



 }







a {



	text-decoration: none;



	color: #015792;



}







a:hover {



	color: #c90000;



}







a img {



	border: 0;



}







h1 {



	font-size: 1.7em; color: #0e6aa8;



	margin: 0 0 6px 0;



	padding: 2px 0px 0px 0px;



}











h2 {



	font-size: 1.5em; color: #64bbf6;



	margin: 0 0 6px 0;



	padding: 2px 0px 0px 0px;



}











h3 {

	color: #0e6aa8;

	font-size: 1.4em; 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: #0e6aa8;



}	



	



#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;

	border-bottom: 1px solid #FFF;

	background: #0e6aa8 url(images/boxtitle.gif) repeat-x;



}







.navil a {



	display: block;



	text-decoration: none;



	margin: 0 0 0 0;



	color: #fff;



	}







.navil a:hover {



	color: #cae9fe; text-decoration: underline;



}







.subnavil {



	text-align:left; 



	padding: 3px 0 5px 0;



	border-top: 1px solid #c9deec;



	color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;



	background: #cbeaff;



	



}







.subnavil a {



	padding: 3px 10px 3px 10px; display: block;



	text-decoration: none;



	margin: 0 0 0 0; font-weight: bold;



	border-bottom: 1px solid #8bccf9; 



}



.subnavil a:hover { background: #f9fac3; color: #333;}



.subnavil a:visited {



	text-decoration: none;



}







.subnav {



	margin: 2px 0 10px 0;



	padding: 3px 10px 5px 10px;



	width: 140px;



	border-top: 1px solid #8bccf9;



	/* border-bottom: 1px solid #AFCEED; */



	color: #000; 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: #0e6aa8; font-size:13px;



	border-bottom: 2px solid #0e6aa8; padding: 5px 0px 0px 0px;



	}



	



.bgmenu2 { color: #FFF; font-size:13px; background-color: #77c4f7;



	border-bottom: 2px solid #0e6aa8; border-top: 1px solid #0e6aa8; 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: #0e6aa8; font-size:13px; background-color: #cbeaff;



	border-bottom: 2px solid  #8bccf9; border-top: 1px solid #8bccf9; 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: #FFF;



  margin: 0; background: #63bbf6 url(images/footerbg.gif) repeat-x;



  padding: 4px; font-size: 11px; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; 



  border-top: 1px solid  #cbeaff;



}



.footer a {



  color: #FFF;



  text-decoration: none;



  font-weight: normal;



  margin: 0;



  padding: 0 0.2ex 0 0.2ex;



}  







.footer a:hover {



  text-decoration: none; color: #EEE;



}



.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: #999999;}



.tgl2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color: #008000; }







.vld { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size:11px; color: #0e6aa8;}



.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 #cbeaff;



background: #e9f6ff;



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  #0e6aa8;



background: #e5f4fe;



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: #64bbf6;



}	



	



#navigasir li a:hover {



	background: #cbeaff;



	color: #000000;



}	

.tablebawah {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #3399ff;

	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: #3399ff;

	text-decoration: none;

	text-align: justify;

	

}



a.tablelink:visited {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #3399ff;

	text-decoration: none;

}



a.tablelink:hover {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #FF0000;

	text-decoration: none;

	

}



.tableframe {

	border: 1px solid #cbeaff;

}