body {	
	font: 12px/150% Arial, Verdana, sans-serif;	
	color: #333333;
	padding:0; margin:0;
}

td,th {	
	font: 12px/150% Arial, Verdana, sans-serif;	
	color: #333333;
}

.kiri2 {
	float:left;
	padding: 0px 12px 6px 0px;
}

.bg { padding:0px; margin:0px; background: #66cc00;}

.bg-footer { 
	clear: both; height:233px;
	padding: 25px 0px 30px 0px;
	margin: 0 auto;
	background: url(images/footer.jpg) repeat-x left top;
}

.bodi {
	clear:both; text-align:left; 
	margin: 0 auto; padding:0 auto;
	background: #FFF url(images/logo-ibt.jpg) no-repeat center top;	
}

.home-image {
	width:586px;
	background: url(images/home_image.png) no-repeat 0px 410px;
}

.content-footer {
	padding:  190px 0px 0px 0px;
}

#page {
	clear:both;
	margin: 0 auto;
	padding: 0;
	background: #f0f0f0 url(images/page-bg.png) repeat-y center top;
}

#page1 {
	clear:both;
	margin: 0 auto;
	padding: 0;
	background: #f0f0f0 url(images/page-bg1.png) repeat-y center top;
}

.bodytext {
	display:block;
	background-image:url(images/transparent.png);
	margin:68px 0px 0px 0px;
	z-index: 99999; border: 1px solid #7eb942;
	padding: 25px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topleft: 25px;
	-khtml-border-radius-topleft: 25px;
	-webkit-border-topleft-radius: 25px;
}

.bodytext2 {
	display:block;
	padding: 20px 26px 20px 23px;
}

.bodytext3 {
	display:block;
	padding: 0px 5px 0px 10px;
	text-align:justify;
}

.submit {
	padding: 6px 10px 6px 10px;
	font-size:16px;
}

#spasi1a {display:block; padding: 10px 0px 0px 0px;} 
#spasi1b {display:block; padding: 220px 0px 0px 0px;}
#spasi1c {display:block; padding: 30px 0px 0px 0px;}  

#spasi2 {display:block; padding: 6px 0px 0px 15px;} 
#spasi2a {display:block; padding: 5px 0px 0px 0px;} 
#spasi2b {display:block; padding: 5px 30px 0px 0px;}
#spasi2c {display:block; padding: 10px 5px 0px 6px;} 

#spasi3 {display:block; padding:10px 0px 0px 16px;} 

#spasi4 {display:block; padding:15px 0px 15px 0px;} 

#spasi5 {display:block; text-align:left; font-size:11px; font-weight:bold; padding:0px 0px 2px 0px;} 

.medan {
	float:left; margin: 0px 4px 0px 0px; 
	width:138px; height:144px;
	background: url(images/medan.jpg);
}
	.medan:hover, .medan#active {
		cursor:pointer;
		background: url(images/medan_ov.jpg);
	}


.bali {
	float:left; margin: 0px 4px 0px 0px; 
	width:138px; height:144px;
	padding:0px; background: url(images/bali.jpg);
}
	.bali:hover, .bali#active {
		cursor:pointer;
		background: url(images/bali_ov.jpg);
	}

.surabaya {
	float:left; margin: 0px 4px 0px 0px;  
	width:138px; height:144px;
	padding:0px; background: url(images/surabaya.jpg);
}
	.surabaya:hover, .surabaya#active {
		cursor:pointer;
		background: url(images/surabaya_ov.jpg);
	}

.jakarta {
	float:left; margin: 0px 3px 0px 0px;  
	width:138px; height:144px;
	padding:0px; background: url(images/jakarta.jpg);
}
	.jakarta:hover, .jakarta#active {
		cursor:pointer;
		background: url(images/jakarta_ov.jpg);
	}

.bandung {
	float:left; margin: 0px 3px 0px 0px;  
	width:138px; height:144px;
	padding:0px; background: url(images/bandung.jpg);
}
	.bandung:hover, .bandung#active {
		cursor:pointer;
		background: url(images/bandung_ov.jpg);
	}

.makassar {
	float:left; margin: 0px 4px 0px 0px;  
	width:138px; height:144px;
	padding:0px; background: url(images/makassar.jpg);
}
	.makassar:hover, .makassar#active {
		cursor:pointer;
		background: url(images/makassar_nov.jpg);
	}

.jogja {
	float:left; margin: 0px 0px 0px 0px;  
	width:138px; height:144px;
	padding:0px; background: url(images/jogja.jpg);
}
	.jogja:hover, .jogja#active {
		cursor:pointer;
		background: url(images/jogja_ov.jpg);
	}

.button {
	width:100px; height:25px; 
	font-weight:bold;
	color:#FFFFFF; text-align:center;
	background-color:#669933;
     -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
	padding: 6px 0px 0px 0px;
}
	.button:hover {
		cursor:pointer;
		color:#FFFF00; 
		background-color:#336600;
	}

.menu1, .menu1:link, .menu1:visited {
	display:block; color:#333;
	padding: 10px 5px 10px 30px;  margin: 2px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC;
	background-image:url(images/red-arrow-but.gif);
	background-repeat:no-repeat; background-position: 12px 14px;
}
	.menu1:hover, .menu1#active {
		display:block; color:#000000;
		background-color:#e8f7e7;
		background-image:url(images/red-arrow-but.gif);
		background-repeat:no-repeat; background-position: 12px 14px;
	}

.menu1a, .menu1a:link, .menu1a:visited {
	display:block; color:#333;
	padding: 10px 5px 10px 30px;  margin: 2px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC;
	background-image:url(images/red-arrow-but.gif);
	background-repeat:no-repeat; background-position: 12px 14px;
}
	.menu1a:hover, .menu1a#active {
		display:block; color:#000000;
		background-color:#f1f1f1;
		background-image:url(images/red-arrow-but.gif);
		background-repeat:no-repeat; background-position: 12px 14px;
	}

.menu3 {
	clear:both;
	padding: 0px 0px 0px 0px;	
}
	.menu3 a, .menu3 a:link, .menu3 a:visited {
		display:block;
		padding: 10px 6px 10px 0px;
		margin:6px 0px 0px 0px;
		border-bottom:1px solid #ededed;
	}

	.menu3 a:hover, .menu3 a#active {
		display:block;
		background-color:#f6f6f6;
		border-bottom:1px solid #ededed;
	}


a:link, a:visited {
	color: #0000FF;
	text-decoration: none;
}
a:hover, a#active {
	color: #993300;
	text-decoration: none;
}


.hitam a, hitam a:link, hitam a:visited {
	color: #000000;
	text-decoration: none;
}

.hitam a:hover, hitam a#active {
	color: #006699;
	text-decoration: none;
}


.title { 
	display:block;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 6px 0px;
	border-bottom:1px solid #DDD;
	font-size:20px;
}

.titlenews { 
	display:block;
	padding: 1px 0px 8px 0px;
	margin: 0px 0px 6px 0px;
	border-bottom:1px solid #DDD;
	font: 22px/125% Arial, Verdana, sans-serif;	
}

.title2 { 
	display:block;
	padding: 0px 0px 6px 0px;
	font-size:16px; color:#336600;
}

.title2a { 	
	font-size:16px;
}

.small { 
	padding: 10px 0px 6px 0px;
	font-size: 11px; 
}

.small2 { 
	font: 9px/110% Arial, Verdana, sans-serif;	
}