body{
  padding: 0;
  margin: 0;
  font-family: Arial;
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #EDEDED;
  background-image: url(../images/body_bg.gif);
  background-repeat: repeat-x;
}

#header{
  width: 100%;
}

#kolom_kiri {
  float: left;
  width: 25%;
  padding-top: 10px;
}

#kolom_tengah {
  float: left;
  width: 48%;
  margin-left: 10px;
  padding-top: 10px;
}

#kolom_kanan {
  float: right;
  width: 25%;
  padding-top: 10px;
}

#kolom_tengah_kanan {
  float: right;
  width: 74%;
  padding-top: 10px;
}

#spasi{
  clear: both;
  padding-top: 10px;
}

#footer{
  clear: both;
  width: 100%;
  padding-top: 10px;
}

#utama{
  width: 100%;
}

#utama_ate{
  background-color: white;
}

#utama_agr{
  border-top: solid 1px white;
  border-left: solid 1px white;
  border-right: solid 1px white;
  position: relative;
}

#utama_tgr{
  border-left: solid 1px white;
  border-right: solid 1px white;
}

#utama_bgr{
  border-left: solid 1px white;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  position: relative;
}
#utama_aki{
  background-image: url(../images/putih_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#utama_aka {
  background-image: url(../images/putih_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#utama_bki {
  background-image: url(../images/putih_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-left: -1px;
  margin-bottom: -1px;
}

#utama_bka {
  background-image: url(../images/putih_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-right: -1px;
}

#utama_ais{
  padding-left: 10px;
  padding-right: 10px;
  height: 10px;
}

#utama_tis{
  padding-left: 10px;
  padding-right: 10px;
}

#utama_bis{
  padding-left: 10px;
  padding-right: 10px;
  height: 10px;
}

#blok_header {
  width: 100%;
}

#logo {
  float: left;
  width: 25%;
  text-align: center;
}

#kosong{
  float: right;
  width: 74%;
  text-align: center;
}

#blok_menu {
  width: 100%;
}

#menu_ate {
  background-color: #8CB8E8;
  background-image: url(../images/biru_judul.gif);
  background-repeat: repeat-x;
}

#menu_agr {
  border: solid 1px #7B9BCC;
  position: relative;
}

#menu_aki {
  background-image: url(../images/biru_sedang_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#menu_aka {
  background-image: url(../images/biru_sedang_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#menu_bki {
  background-image: url(../images/biru_sedang_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: -1px;
}

#menu_bka {
  background-image: url(../images/biru_sedang_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#menu_ini {
  padding-left: 100px;
  height: 26px;
}


#menu_bis a {
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	width: 100px;
	height: 21px;
	padding-top: 5px;
	border-left: solid 1px #B8C7E5;
	border-right: solid 1px #7B9BCC;
	
}

#menu_bis a:hover, #menu_bis a:visited:hover {
	background-image: url(../images/biru_muda_judul.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

#menu_s_bis { /*ditambah height-nya jadi 26px*/
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	width: 100px;
	height: 26px;
	padding-top: 5px;
	background-image: url(../images/orange_judul.gif);
	background-repeat: repeat-x;
	border-left: solid 1px #B8C7E5;
	border-right: solid 1px #7B9BCC;
}

/*#menu_s_bis a{ /*ditambah height-nya jadi 26px*/*/
/*	/*float: left;*/*/
/*	/*font-size: 14px;*/*/
/*	/*font-weight: bold;*/*/
/*	/*text-align: center;*/*/
/*	/*color: white;*/*/
/*	/*width: 120px;*/*/
/*	/*height: 26px;*/*/
/*	/*padding-top: 5px;*/*/
/*	/*background-image: url(../images/orange_judul.gif);*/*/
/*	/*background-repeat: repeat-x;*/*/
/*	/*border-left: solid 1px #B8C7E5;*/*/
/*	/*border-right: solid 1px #7B9BCC;*/*/
/*}*/

/*#menu_s_bis a:hover, #menu_s_bis a:visited:hover {*/
/*	background-image: url(../images/orange_judul.gif);*/
/*	background-repeat: repeat-x;*/
/*	text-decoration: none;*/
/*}*/

#blok_garis {
  width: 100%;
}

#garis_ate {
  background-color: white;
}

#garis_agr {
  border: solid 1px #B8C7E5;
  position: relative;
}

#garis_aki {
  background-image: url(../images/biru_muda_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#garis_aka {
  background-image: url(../images/biru_muda_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#garis_bki {
  background-image: url(../images/biru_muda_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: -1px;
}

#garis_bka {
  background-image: url(../images/biru_muda_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#blok_hal {
  float: left;
  width: 95%;
  text-align: left;
}

#hal_ini {
  float: left;
  display: inline;
  width: 16px;
  height: 16px;
  margin-left:5px;
}

#hal_ate {
}

#hal_agr {
  border: solid 1px #B8C7E5;
  position: relative;
}

#hal_aki {
  background-image: url(../images/biru_tua_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#hal_aka {
  background-image: url(../images/biru_tua_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#hal_bki {
  background-image: url(../images/biru_tua_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: -1px;
}

#hal_bka {
  background-image: url(../images/biru_tua_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#hal_s_ini {
  float: left;
  display: inline;
  width: 16px;
  height: 16px;
  margin-left:5px;
}

#hal_s_ate {
  background-color: #E9EDF7;
}

#hal_s_agr {
  border: solid 1px #B8C7E5;
  position: relative;
}

#hal_s_aki {
  background-image: url(../images/biru_muda_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#hal_s_aka {
  background-image: url(../images/biru_muda_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#hal_s_bki {
  background-image: url(../images/biru_muda_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: -1px;
}

#hal_s_bka {
  background-image: url(../images/biru_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#hal_s_bis {
  text-align: center;
  font-weight: normal;
  color: black;
  font-size: 11px;
  display: block;
  width: 16px;
  height: 15px;
  padding-top: 1px;
  padding-left:1px;
}

#blok_photo {
  width: 100%;
  overflow: hidden;
}

#photo_ate {
  background-image: url(../images/photo.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#photo_agr {
  border: solid 1px #B8C7E5;
  position: relative;
}

#photo_aki {
  background-image: url(../images/abu_muda_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#photo_aka {
  background-image: url(../images/abu_muda_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#photo_bki {
  background-image: url(../images/abu_muda_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: -1px;
}

#photo_bka {
  background-image: url(../images/abu_muda_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#photo_bis  {
  height: 139px;
}

#blok_kotak {
  width: 100%;
}

#kotak_ate {
  background-color: #8CB8E8;
  background-image: url(../images/biru_judul.gif);
  background-repeat: repeat-x;
}

#kotak_agr {
  border: solid 1px #7B9BCC;
}

#kotak_aki {
  background-image: url(../images/biru_sedang_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#kotak_aka {
  background-image: url(../images/biru_sedang_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#kotak_aju {
  width: 100%;
  height: 26px;
}

#kotak_isi {
  width: 100%;
}

#judul_aju {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: left;
  padding-top: 5px;
  padding-left: 15px;
}

#gambar_aju {
  float: right;
  text-align: right;
  padding-top: 2px;
  padding-right: 15px;
}

#judul2_aju {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
}

#gambar2_aju {
  float: left;
  text-align: left;
  padding-top: 2px;
  padding-left: 15px;
}

#kotak_bte {
  background-color: #E9EDF7;
}

#kotak2_bte {
  background-color: #FFFFCC;
}

#kotak_bgr {
  position: top left;
  border-left: solid 1px #B8C7E5;
  border-bottom: solid 1px #B8C7E5;
  border-right: solid 1px #B8C7E5;
}

#kotak_bki {
  background-image: url(../images/abu_muda_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-left: -1px;
  margin-bottom: -1px;
}

#kotak_bka {
  background-image: url(../images/abu_muda_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-right: -1px;
}

#kotak_bis {
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

#kotak2_ate {
  background-color: #FFB469;
  background-image: url(../images/orange_judul.gif);
  background-repeat: repeat-x;
}

#kotak2_agr {
  border: solid 1px #FF9933;
}

#kotak2_aki {
  background-image: url(../images/orange_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#kotak2_aka {
  background-image: url(../images/orange_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#kotak3_ate {
  background-image: url(../images/hijau_judul.gif);
  background-repeat: repeat-x;
}

#kotak3_agr {
  border: solid 1px #A7CD2C;
}

#kotak3_aki {
  background-image: url(../images/hijau_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#kotak3_aka {
  background-image: url(../images/hijau_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#blok_footer {
  width: 100%;
}

#footer_ate {
  background-color: #BFCACC;
  background-image: url(../images/abu_footer.gif);
  background-repeat: repeat-x;
}

#footer_agr {
  border: solid 1px #D0D0D0;
  position: relative;
}

#footer_aki {
  background-image: url(../images/abu_muda_aki.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: -1px;
  margin-top: -1px;
}

#footer_aka {
  background-image: url(../images/abu_muda_aka.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -1px;
}

#footer_bki {
  background-image: url(../images/abu_muda_bki.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-bottom: -1px;
}

#footer_bka {
  background-image: url(../images/abu_muda_bka.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#footer_bis {
  font-size: 12px;
  color: black;
  padding-top: 5px;
  height: 21px;
  text-align: center;
}

a {
	font-size: 12px;
	font-weight: normal;
	color: #3370AF;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:visited:hover {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}

form {
  margin-top: 0px;
  margin-bottom: 0px;
}

#input {
  font-family: Arial;
  font-size: 12px;
  border: 1px solid #B8C7E5;
  background: #ffffff;
}

#input:hover {
  background: #ffffcc;
}

.buttons button{
  display: block;
  float: left;
  margin: 0px 7px 0px 0px;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
  background-image: url(../images/orange_judul.gif);
  background-repeat: repeat-x;
  border: 1px solid #FF9933;
  color: white;
  cursor: pointer;
  width:auto;
  overflow:visible;
  padding:3px 7px 3px 7px; /* IE6 */
}

.buttons button:hover {
  background-image: url(../images/abu_footer.gif);
  background-repeat: repeat-x;
  border:1px solid #D0D0D0;
  color:gray;
}

.buttons button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

#isi_besar {
  font-size: 14px;
  font-family: arial;
  color: #211887;
  font-weight: bold;
}

#isi_i {
  width: 98%;
  overflow: hidden;
}

#isi_o {
  float: left;
  width: 47%;
}

#isi_a {
  width: 97%;
  padding:1%;
  overflow: hidden;
}

#isi_ako {
  float: left;
  width: 98%;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
}

#isi_aki {
  float: left;
  width: 28%;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
}

#isi_ake {
  float: left;
  width: 5%;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
}

#isi_aka {
  float: left;
  width: 65%;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
}

#isi_e {
  width: 98%;
  padding: 1%;
  overflow: hidden;
}

#isi_eki {
  float: left;
  width: 110px;
  height: 110px;
  margin-top: 6px;
}

#isi_eko {
  text-align: center;
  width: 110px;
  height: 100px;
  padding-top: 10px;
}

#isi_eka {
  float: left;
  margin-left: 20px;
  width: 520px;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  text-align: justify;
  vertical-align: middle;
}

#isi_f {
  width: 100%;
  padding-top: 1%;
  overflow: hidden;
}

#isi_fki {
  float: left;
  width: 180px;
  height: 180px;
}

#isi_fko {
  text-align: center;
  width: 180px;
  height: 165px;
  padding-top: 15px;
}

#isi_fka {
  float: left;
  margin-left: 20px;
  width: 450px;
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
  vertical-align: middle;
  padding-top: 10px;
}

#isi_fku {
  float: left;
  width: 98%;
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
  vertical-align: middle;
  padding-top: 10px;
}
#isi_j {
  width: 98%;
  padding: 1%;
  overflow: hidden;
}

#isi_jki {
  float: left;
  width: 180px;
  height: 180px;
  text-align: center;
  padding-right: 15px;
  margin-top: 15px;
}

#isi_jko {
  text-align: center;
  width: 180px;
  height: 165px;
  padding-top: 15px;
}

#isi_jka {
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
  vertical-align: middle;
  padding-top: 10px;
}

#isi_z {
  width: 98%;
  overflow: hidden;
}

#isi_p {
  float: left;
  width: 45%;
  padding: 1%;
}

#isi_pki {
  float: left;
  width: 110px;
  height: 110px;
  margin-top: 6px;
}

#isi_pko {
  text-align: center;
  width: 110px;
  height: 100px;
  padding-top: 10px;
}

#isi_pka {
  float: left;
  width: 110px;
  height: 110px;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  line-height: 110px;
  padding-left: 20px;
}

#isi_d {
  float: left;
  width: 38%;
  padding-top: 10px;
  padding-left: 10%;
}

#isi_dki {
  float: left;
  width: 110px;
  height: 110px;
}

#isi_dko {
  text-align: center;
  width: 110px;
  height: 100px;
  padding-top: 10px;
}

#isi_dka {
  float: left;
  width: 110px;
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
}

#isi_u {
  width: 100%;
}

#isi_uki {
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
}

#isi_uko {
  text-align: center;
  width: 110px;
  height: 100px;
  padding-top: 5px;
}

#isi_uka {
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
}

#isi_uku {
  font-size: 12px;
  text-align: left;
	color: black;
  padding-top: 3px;
}

#isi_s {
  float: left;
  width: 45%;
  padding: 1%;
}

#isi_ski {
}

#isi_ska {
  float: left;
  margin-left: 20px;
  margin-top: 6px;
  width: 140px;
  height: 50px
  font-size: 12px;
  text-align: left;
  line-height: 50px;
  vertical-align: middle;
}

a#kat {
}

a#kat:hover,a#kat:visited:hover {
  text-decoration: underline;
}

ul {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-left: 0px;
}

li {
  font-size: 12px;
  text-align: left;
	line-height: 22px;
	list-style-type: none;
}

li#aksi {
	margin-left: 15px;
	list-style-type: square;
	color: #3370AF;
}

#isi_polos {
	color: black;
}

#isi_k {
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  border-bottom: solid 1px #B8C7E5;
}

#isi_k1 {
  float: left;
  width: 3%;
  text-align: right;
}

#isi_k2 {
  float: left;
  width: 15%;
  text-align: left;
  padding-left: 20px;
}

#isi_k3 {
  float: left;
  width: 15%;
}

#isi_k4 {
  float: left;
  width: 15%;
}

#isi_k5 {
  float: left;
  width: 35%;
}

#isi_k6 {
  float: left;
  width: 13%;
}

img {
 border: none;
 behavior: url(http://www.raztel.com/includes/iepngfix.htc);
}

/** New Navigation Menu CSS **/