body {
	margin: 32px 0 0;
	font: .70em "Helvetica", Arial, Sans-Serif;
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-x;
}
	h1 {
	font-size: 18px;
}
	h2 { font-size: 1.8em; color: #5c5b57; }
	a {
	color: #666666;
}
	a:hover {
	color: #009FFF;
	text-decoration: none;
}
	img { border: 0; }
	.red {
	color: #9900CC;
}
	.grey { color: #5c5b57; }
	.jdl {color:#666666; font:19px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 2px;font-weight:bold; border:0px none #fff; border-color:#666666 #666666 #666666 #666666;}
	p  { font-size: 1.2em; color: #5c5b57; }
	
#header {
	width: 900px;
	height: 261px;
	margin: 0 auto;
	background-image: url(../images/top2.jpg);
}
#top, top a {
	width: 900px;
	background: #fff url;
	margin-right: auto;
	margin-left: auto;
	padding-left: 165px;
	color: #960a0d;
}
#wrap, wrap a {
	width: 900px;
	background: #fff url;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	color: #960a0d;
}
#logo {
	width: 900px;
	height: 225px;
	background-image: url(../images/logo_phpBB.gif);
	background-repeat: no-repeat;
	background-position: 0px 30px;
}
.nav{
	color: #009FFF;
	padding-left: 480px;
	font-size: 12px;
}
.nav a{
	color: #2A1FAA;
	text-decoration: none;
	padding-left: 9px;
	padding-right: 9px;
}		
.col-left {
	float: left;
	width: 375px;
}
.col-right {
	float: right;
	width: 500px;
}
.footer {
	padding-top: 55px;
	background-image: url(../images/bgFooter.gif);
	background-position: bottom;
	height: 115px;
	background-repeat: repeat-x;
	color: #7a7a77;
	clear: both;
	margin-bottom: 0px;
}
.footer a { color: #7a7a77; text-decoration: none;}
.syarat {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.col-center {
	width: 100%;
}
.judul-tabel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9900CC;
	font-weight: bold;
	background-color: #CCCCCC;
}
.garis-tabel {

}
.huruf-tabel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.isi-tabel {
	padding-left: 5px;
}
table,th,td,input,textarea
{
font-size:100%;
}

table.example_code td,table.ex td,table.code td,span.xxxcode
{
font-size:110%;
font-family:courier new;
}

table.example_code p,table.ex p,table.code p 
{
font-family:courier new;
}

table.example
{
color:#000000;
background-color:#e5eecc;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
border:1px solid #d4d4d4;
background-image:url('images/bgfadegreen.gif');
background-repeat:repeat-x;
}

table.example_code
{
background-color:#ffffff;
padding:4px;
border:1px solid #d4d4d4;
}
table.reference
{
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.reference th
{
	background-color:#e5eecc;
	border:1px solid #c3c3c3;
	padding:3px;
	text-align:center;
	color: #666666;
}

table.reference td 
{
	border:1px solid #c3c3c3;
	padding:3px;
	color: #666666;
}
table.keterangan
{
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.keterangan th
{
	/*background-color:#e5eecc;*/
	border:1px solid #c3c3c3;
	padding:3px;
	color: #666666;
}

table.keterangan td 
{
	border:1px solid #c3c3c3;
	padding:3px;
	color: #666666;
}
table.login
{
	border:1px solid #c3c3c3;
	border-collapse:collapse; 
}

table.login th
{
	/*background-color:#e5eecc;*/
	border:0px none #c3c3c3;
	padding:3px;
	color: #666666;
}

table.login td 
{
	border:0px none #c3c3c3;
	padding:3px;
	color: #666666;
}
table.ex
{
color:#000000;
background-color:#fafaf6;
border:1px solid #d4d4d4;
border-collapse:collapse;
}

table.ex th, table.ex td 
{
padding:3px;
border:1px solid #d4d4d4;
}

table.code
{
color:#000000;
border:1px solid #d4d4d4;
padding:5px;
background-color:#e5eecc;
}

table.code td
{
background-color:#FFFFFF;
border:1px solid #d4d4d4;
padding:2px;
}

table.tip
{
color:#000000;
background-color:#ffffff;
font-size: 100%;
border:1px solid;
}

table.db
{
color:#000000;
background-color:#ffffff;
font-size:100%;
}