h1 {
	font-size: 20px;
	color:#336699;
	font-family:Trebuchet MS;
}
.title {
	margin-bottom: 20px;
	padding: 0 0 3px 25px;
	background: url(images/sg.png) no-repeat left 50%;
	border-bottom: 1px solid #86910F;
}
table {
  font-family: "Arial";
  font-size: 11px;
}
.lap1 {
  font-family: "Arial";
  font-size: 11px;
  color:#000;
}
.koprba {
  font-family: "Trebuchet MS";
  font-size: 15px;
  color:#000;
}

th {
	background-color:#cccccc;
}
#menu{
  padding: 0px 10px 0px 10px;
}
#menu2{
  padding: 0px 10px 0px 15px;
}
.kontainer {
width:1000px;    /* penuh layar atau fluid/flexible, gunakan ukuran px untuk fixed width */
margin:0 auto; /* opsional, supaya table berada di tengah jika dalam mode fixed,*/
               /* bertindak seperti <table align="center">*/
border : 0px solid #09C;
margin:5px auto; 
	-moz-border-radius:1px;

}
.baris {
width: 100%    /* harus 100% supaya penuh ke area table */

}

.kolomheader {
width: 100%; /* pembagian 100% dengan 8 kolom, seharusnya 12.5%, */
              /* diberikan kompensasi seperlunya karena penggunaan margin,*/
              /* padding maupun border nantinya akan mempengaruhi lebar kolom */
float: left;  /* kolom yang lebih duluan akan ditempatkan di kiri, begitu seterusnya */
background-color:#336699;
font-family:Trebuchet MS;
color:#00FF00;
font-size:14px;

}
.kolommenu {
width: 100%; /* pembagian 100% dengan 8 kolom, seharusnya 12.5%, */
              /* diberikan kompensasi seperlunya karena penggunaan margin,*/
              /* padding maupun border nantinya akan mempengaruhi lebar kolom */
float: left;  /* kolom yang lebih duluan akan ditempatkan di kiri, begitu seterusnya */
height:100px;
background-color:#FFFFFF;
}

.kolom {
width: 960x; /* pembagian 100% dengan 8 kolom, seharusnya 12.5%, */
              /* diberikan kompensasi seperlunya karena penggunaan margin,*/
              /* padding maupun border nantinya akan mempengaruhi lebar kolom */
float: left;  /* kolom yang lebih duluan akan ditempatkan di kiri, begitu seterusnya */
background-image:url(gambar/bg.jpg); background-repeat:repeat-x; background-color:#ffFFFF;
min-height:500px; 
}
.kolomfooter {
width: 990px; /* pembagian 100% dengan 8 kolom, seharusnya 12.5%, */
              /* diberikan kompensasi seperlunya karena penggunaan margin,*/
              /* padding maupun border nantinya akan mempengaruhi lebar kolom */
float: left;  /* kolom yang lebih duluan akan ditempatkan di kiri, begitu seterusnya */
padding:5px;
height:40px;
text-align:right;
background-color:#339;
}
.menucepat {
width: 30px; /* pembagian 100% dengan 8 kolom, seharusnya 12.5%, */
              /* diberikan kompensasi seperlunya karena penggunaan margin,*/
              /* padding maupun border nantinya akan mempengaruhi lebar kolom */
float: left;  /* kolom yang lebih duluan akan ditempatkan di kiri, begitu seterusnya */
height:32px;
margin: -4px 0px 0px -51px;
}

/* Template */
#h1 {
  font-family: "Tahoma";
  font-size: 16px;
  color:#000099;
  
}
#h2 {
  font-family: "Arial";
  font-size: 16px;
  color:#336699;
  
}
#h3 {
  font-family: "Tahoma";
  font-size: 16px;
  color:#003399;
  
}
#head2 {
  background-image: url(../images/par_02.jpg);
  width:510px;
  vertical-align: top;
}
#head3 {
  background-image: url(../images/par_03.jpg);
  width: 225px;
  vertical-align: top;
}
#text1 {
  font-family: "Tahoma";
  font-size: 10px;
  color:#FFFF00;
}
#text2 {
  font-family: "Arial";
  font-size: 9px;
  color:#000000;
}
#text2 {
  font-family: "trebuchet";
  font-size: 6px;
  color:#000000;
}#textdrh {
  font-family: "Arial";
  font-size: 14px;
  color:#000000;
}
#left {
  vertical-align: top;
}
#mid {
  background-color: #F2F2F2;
  vertical-align: top;
}
#right {
  vertical-align: top;
}
div.scroll {
overflow : auto;
height : 30em;
width : 866px;
padding : 0em;
color : #333;
background : #ffFFFF;
border : 0 solid #999;
margin : 0 0 15px 0;
}

a {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #000000;
}

a:hover {
  color: blue;
  font-weight: bold;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.satu {
	background-color: #D5D6D9;
	cursor: hand;
}
.dua {

}

/* form elements */
form {
	margin:0px; padding: 5px 5px;
	border: 1px solid #CCCCCC;
	background-color:#F4F4F4;
	color:#000000;
	
}
form2 {
	margin:0px; padding: 0px 0px;
	border: 1px solid #00CCCC; 
	color:#000000;
	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	-moz-border-radius:5px;
}
input {
	padding: 2px 1px; 
	border:1px solid #CCCCCC;
	font: normal 1em Arial;
	color:#663366; height:16px;
	-moz-border-radius:5px;
}
select {
	padding: 2px 2px;
	border:1px solid #CCCCCC;
	font: normal 1em Arial;
	color:#0033CC; 
	-moz-border-radius:5px;
	
}
textarea {
	width:756px;
	padding: 2px 2px;
	font: normal 1em Arial;
	border:1px solid #CCCCCC;
	height:50px;
	display:block;
	color:#0033CC;
	-moz-border-radius:5px;
}
input.button { 
	
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	background-color:#336699;
	border: 1px solid #333333; 
	padding: 1px 8px; 
	color:#ffffff; height:25px;
	-moz-border-radius:5px;
}
input.file { 
	
	padding: 2px 1px; 
	border:1px solid #CCCCCC;
	font: normal 1em Arial;
	color:#663366;
	-moz-border-radius:5px;
}
file { 
	
	padding: 2px 1px; 
	border:1px solid #CCCCCC;
	font: normal 1em Arial;
	color:#663366;
	-moz-border-radius:5px;
}
 { 
	
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	background-color:#336699;
	border: 1px solid #333333; 
	padding: 1px 8px; 
	color:#ffffff;
	-moz-border-radius:0px;
}
.judulduk span {
	color: #000;
}
.bkon tr td {
	text-align: center;
}
tr {
	color: #33FFFF;
}
tr {
	color: #000;
}
body center table tr td div table tr {
	text-align: center;
	color: #000;

}