body {
	font:small Verdana ;
	margin:0 auto;
	background: #FFFFFF;
}
#container{
	width:100%;
}
.atas{
	background-color:#999999;
	width:98%;
	margin-left:1%;
}
.tengah{
	background-color:#999999;
	width:98%;
	margin-bottom:1%;
	
}
.tengah-kiri{
	width:20%;
	float:left;
	margin-bottom:1%;
	margin-left:5px;
}
.tengah-tengah{
	width:55%;
	background-color:#666666;
	float:left;
	margin-left:1%;
}
.tengah-kanan{
	width:20%;
	background-color:#666666;
	float:right;
	margin-right:1%;
}
.bawah{
	background-color:#999999;
	width:98%;
	margin-left:1%;
	margin-top:1%;
	clear: both; 
	margin-bottom:0%;	
}
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;

}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 0 auto; }
/* set millions of background images */
.rbroundbox2 { background: url(images/nt2.gif) repeat; }
.rbtop2 div { background: url(images/tl2.gif) no-repeat top left; }
.rbtop2 { background: url(images/tr2.gif) no-repeat top right; }
.rbbot2 div { background: url(images/bl2.gif) no-repeat bottom left; }
.rbbot2 { background: url(images/br2.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;

}
.rbcontent2 { margin: 0 7px; color:#FFFFFF}
.rbroundbox2 { width: 100%; margin: 0 auto; }


a {
	color: #003366;
	text-decoration: none;
	margin-left:10px;
}
a:hover {
	color: #CC0001;
	background-color: inherit;
	text-decoration: overline underline;
}
#kotak{
	background-color:#DFDFDF;
}