
<!--
body {
	background:url(../images/bg.gif); margin-top:0px;
}

.tulisan{ font: 11px Arial, Helvetica, sans-serif; color:#a2a2a2; line-height:15px; }
.tulisan a{ text-decoration:none;font: 11px Arial, Helvetica, sans-serif; color:#a2a2a2; line-height:15px;}
.tulisan a:hover{ font: 11px Arial, Helvetica, sans-serif; color:#64a031; line-height:15px;}

.tulisan12{ font: 12px Arial, Helvetica, sans-serif; color:#838282; line-height:18px; }
.tulisan12 a{ text-decoration:none;font: 12px Arial, Helvetica, sans-serif; color:#838282; line-height:18px; border-bottom:1px dashed #dddddd}
.tulisan12 a:hover{ font: 12px Arial, Helvetica, sans-serif; color:#64a031; line-height:18px;}

.tulisan122{ font: bold 14px Arial, Helvetica, sans-serif; color:#8abe22; }
.tulisan122 a{text-decoration:none;font: bold 14px Arial, Helvetica, sans-serif; color:#a62222; }
.tulisan122 a:hover{ font: bold 14px Arial, Helvetica, sans-serif; color:#142978; }

.tgl{ font: 11px Arial, Helvetica, sans-serif; color:#73a81f; line-height:15px; }
.tgldlm{ font: 11px Arial, Helvetica, sans-serif; color: #FF0000;}

.news{ font: 12px Arial, Helvetica, sans-serif; color:#2c3f89; line-height:15px;}
.news a{ text-decoration:none;font: 12px Arial, Helvetica, sans-serif; color:#2c3f89; line-height:15px; }
.news a:hover{ font: 12px Arial, Helvetica, sans-serif; color:#c12828; line-height:15px;}

.breadcrumb{ font: 11px Arial, Helvetica, sans-serif; color:#838282; height:15px;}
.breadcrumb a{ font: 11px Arial, Helvetica, sans-serif; color:#838282; text-decoration:none; }
.breadcrumb a:hover{ font: 11px Arial, Helvetica, sans-serif; color: #64a031;}

.header{ font: 11px Arial, Helvetica, sans-serif; color:#ffffff; height:15px;}
.header a{ font: 11px Arial, Helvetica, sans-serif; color:#ffffff; background-color:#82c70b; text-decoration:none; }
.header a:hover{ font: 11px Arial, Helvetica, sans-serif; color: #ffffff;}

.judul1{ font: bold 30px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#142978; margin-top:0px;}
.judul2{ font: bold 18px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#8abe22;}

.judul3{ font: bold 14px Arial, Helvetica, sans-serif; color:#142978;}

.button{ font: bold 12px Arial, Helvetica, sans-serif; color:#ffffff; background-color:#ae2424; border:0px; padding:1px;}

.ganjil {background-color:#f9f9f9;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;}

.kotak {border:1px solid #9b9b9b;}

.garisatasbawah{ border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
margin-left: 20px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 20px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0; margin-left:20px;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 0px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: #737373;
background: #f2f2f2 url(../images/tableft.gif) no-repeat left top;
margin:0 5px 0 0;
padding:0 0 0px 2px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{

display:block;
background: transparent url(../images/tabright.gif) no-repeat right top;
padding: 5px 15px 8px 15px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #82c70b;
color:#FFFFFF;
}

#ddcolortabs a:hover span{
background-color: #82c70b;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #82c70b;
color:#FFFFFF;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 15px;
line-height: 5px;
background: #678b3f;
border-top: 0px solid #fff; /*Remove this to remove border between bar and tabs*/
}