body {
	background:#ffffff;
	color:#333333;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:11px;
	padding: 0;
	margin: 0 0 0 0px;
}

#header{
	background:url(images/header_bg.gif) repeat-x;
	height:100px;
	background-color: rgb(140,170,230);
	white-space:nowrap;
}

#header img{
	display:inline;
}

.main {
  color: black;
  background: #ffffff;
  text-align: justify;
  line-height: 1.5em; 
  margin: 0 0 0 10em;
  padding: 3mm 4mm 4mm 4mm;
  border-left: 1px	solid #cbeaff;
}

.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 {
	width: 161px;
	margin: 0px;
	padding: 0px;
	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}



#SiteLogosAndText{
		font:bold 10px verdana;
		color:#015792;
	}

	#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:#015792;
	}

	#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 #8bccf9;
		padding-bottom:2px;
	}

	#SiteLogosAndText td.common a, #SiteLogosAndText td.common a:hover{
		text-decoration:underline;
		color:#015792;
	}

	#SiteLogosAndText td.common img.chatImg{
		margin-bottom:-2px;
	}

	#SiteLogosAndText td.bordered{
		border:1px solid #8bccf9;
}



.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: #E5EFF9 url(images/plavo.gif) repeat-x;

}



.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: #D7EBFF; color: #1149CE;}



.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: #FFFFFF;
  margin: 0; 
  background: #63bbf6 url(images/footerbg.jpg) repeat-x;
  padding: 4px; font-size: 11px; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; 
  border-top: 1px solid  #cbeaff;
  white-space:nowrap;
}



.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;















}































/***** villas 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:0px; 
	background:#FFFFFF url(/images/clanak.gif) repeat-x bottom left;
	padding:2px; 
	text-align:center;
	white-space:nowrap;
}	















.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: #6699ff;



	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: #6699ff;



	text-decoration: none;



	text-align: justify;



	



}







a.tablelink:visited {



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



	font-size: 10px;



	font-weight: normal;



	color: #6699ff;



	text-decoration: none;



}







a.tablelink:hover {



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



	font-size: 10px;



	font-weight: normal;



	color: #6699ff;



	text-decoration: none;



	



}







.tableframe {



	border: 1px solid #CBEAFF;



}