@charset "utf-8";

body{
  margin:0;
  padding:0;
  font:normal 12px Arial;
  color:#000;
  text-align:center;
  background:url(../images/bg_all.gif);
  line-height:17px;
}

p {padding:0; margin:0;}

a:link,a:visited,a:active{
  color:#000000;
  text-decoration:none;
}

a:hover{color:#d90606;}

.menu{
  color:#FFFFFF;
}

.menu a{
  color:#FFFFFF;
  text-decoration:none;
  font-size:11px;
}

.menu a:hover{
  color:#FF0000;
  font-size:11px;
}

.menuutama{
  color:#000000;
  font-size:11px;
}

.menuutama a{
  color:#000000;
  text-decoration:none;
  font-size:11px;
}

.menuutama a:hover{
  color:#FF6600;
  font-size:11px;
}


form{
  padding:0;
  margin:0;
}


#container{
  margin:0 auto;
  padding:0 20px;
  width:900px;
  text-align:justify;
  background-color:#fff;
}

#headline { margin:5px 10px 10px 0; padding:0; background-color:#EFF4E0; border:1px solid #CCCCCC; height:440px; }
#headline #titlehead { margin:0; padding:5px 5px 2px 5px; font-weight:bold; font-size:13px; }
#headline #kontenhead { margin:0; padding:5px; text-align:left; }
#headline #kontenhead .gambarhead { margin:0 0 10px 0; padding:3px; border:1px solid #CCCCCC; background-color:#FFF;}
#headline #kontenhead .tanggalhead { font:bold 10px arial; color:#666666;}
#headline #kontenhead .judulhead a { font:bold 14pt arial; font-weight:bold; color:#114881;}
#headline #kontenhead .judulhead a:hover { color:#ff0000;}
#headline #kontenhead .subjudulhead {font:bold 13px arial; color:#D61633;}
#headline #kontenhead .garishead {height:5px;}
#headline #kontenhead .introhead { font:normal 12px arial;}

#pagehalaman {
  margin:5px 10px 10px 0;
  background-color:#F2F2F2;
  border:1px solid #CCCCCC;
}

#pagehalaman #title{
  margin:0;
  padding:5px 10px;
  background-color:#003366;
  color:#FFFFFF;
  font-weight:bold;
}

#pagehalaman #isi-berita{
  margin:0;
  padding:10px;
}

#pagehalaman #isi-berita .tanggal{
  font-size:11px;
  color:#666666;
}

#pagehalaman #isi-berita .judul {
  font-size:14px;
  font-family:tahoma;
  font-weight:bold;
  color:#003366;
  margin: 0 0 2px 0;
  text-align:left;
}

#pagehalaman #isi-berita .judul a {
  text-decoration:none;
  font-weight:bold;
  color:#FF6600;
}

#pagehalaman #isi-berita .judul a:hover {
  color:#003366;
}

#pagehalaman #isi-berita .sub-judul {
  font-size:11px;
  font-family:tahoma;
  font-weight:bold;
  color:#666666;
  text-align:left;
}

#pagehalaman #isi-berita .garis{
  margin:0;
  height:10px;
}

#pagehalaman #isi-berita .intro{
  margin:0 0 10px 0;
  font-size:12px;
  color:#171717;
  text-align:left;
}

#pagehalaman #isi-berita .list{
  margin:5px 0 0 0;
  padding:0;
  border-top:1px solid #E2E2E2;
}

#pagehalaman #isi-berita .list li{
  list-style:none;
}

#pagehalaman #isi-berita .list li a:link,.list li a:visited,.list li a:active{
  color:#1175ba;
  display:block;
  font:normal 11px Arial;
  border-bottom:1px solid #E2E2E2;
  margin:0;
  padding:4px 13px;
  list-style:none;
  background:url(../images/arrow.png) no-repeat center left;
}

#pagehalaman #isi-berita .list li a:hover{color:#d20505; background-color:#E2E2E2;}






#pagemhi {
  margin:5px 10px 10px 0;
  background-color:#F2F2F2;
  border:1px solid #CCCCCC;
}

#pagemhi #title{
  margin:0;
  padding:5px 10px;
  background-color:#003366;
  color:#FFFFFF;
  font-weight:bold;
}

#pagemhi #isi-berita{
  margin:0;
  padding:10px;
}

#pagemhi #isi-berita .tanggal{
  font-size:11px;
  color:#666666;
}

#pagemhi #isi-berita .judul {
  font-size:14px;
  font-family:tahoma;
  font-weight:bold;
  color:#003366;
  text-align:left;
}

#pagemhi #isi-berita .judul a {
  text-decoration:none;
  font-weight:bold;
  color:#FF6600;
}

#pagemhi #isi-berita .judul a:hover {
  color:#003366;
}

#pagemhi #isi-berita .sub-judul {
  font-size:11px;
  font-family:tahoma;
  font-weight:bold;
  color:#666666;
  text-align:left;
}

#pagemhi #isi-berita .garis{
  margin:0;
  height:10px;
}

#pagemhi #isi-berita .intro{
  margin:0 0 10px 0;
  font-size:12px;
  color:#171717;
  text-align:left;
}

#pagemhi #isi-berita .list{
  margin:5px 0 0 0;
  padding:0;
  border-top:1px solid #E2E2E2;
}

#pagemhi #isi-berita .list li{
  list-style:none;
}

#pagemhi #isi-berita .list li a:link,.list li a:visited,.list li a:active{
  color:#1175ba;
  display:block;
  font:normal 11px Arial;
  border-bottom:1px solid #E2E2E2;
  margin:0;
  padding:4px 13px;
  list-style:none;
  background:url(../images/arrow.png) no-repeat center left;
}

#pagemhi #isi-berita .list li a:hover{color:#d20505; background-color:#E2E2E2;}





#komunikasi {
  margin:0 10px 10px 0;
  border:1px solid #EEEEEE;
  background:url(../images/bg_headline.gif.png) repeat-x #F3F7EA;
}

#komunikasi #title{
  margin:0;
  padding:5px 10px;
  color:#000000;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
}

#komunikasi #isi-berita{
  margin:0;
  padding:10px;
}

#komunikasi #isi-berita .tanggal{
  font-size:11px;
  color:#666666;
}

#komunikasi #isi-berita .judul {
  font-size:14px;
  font-family:tahoma;
  font-weight:bold;
  color:#003366;
  text-align:left;
}

#komunikasi #isi-berita .judul a {
  text-decoration:none;
  font-weight:bold;
  color:#FF0000;
}

#komunikasi #isi-berita .judul a:hover {
  color:#003366;
}

#komunikasi #isi-berita .sub-judul {
  font-size:11px;
  font-family:tahoma;
  font-weight:bold;
  color:#666666;
  text-align:left;
}

#komunikasi #isi-berita .garis{
  margin:0;
  height:10px;
  
  font-size:11px;
  font-family:tahoma;
}

#komunikasi #isi-berita .intro{
  margin:0 0 10px 0;
  font-size:12px;
  color:#171717;
  text-align:left;
}

#komunikasi #isi-berita .list{
  margin:5px 0 0 0;
  padding:0;
  border-top:1px solid #E2E2E2;
}

#komunikasi #isi-berita .list li{
  list-style:none;
}

#komunikasi #isi-berita .list li a:link,.list li a:visited,.list li a:active{
  color:#1175ba;
  display:block;
  font:normal 11px Arial;
  border-bottom:1px solid #E2E2E2;
  margin:0;
  padding:4px 13px;
  list-style:none;
  background:url(../images/arrow.png) no-repeat center left;
}

#komunikasi #isi-berita .list li a:hover{color:#d20505; background-color:#E2E2E2;}


#kurs {
  margin:5px 0 10px 0;
  background-color:#EFF4E0;
}

#kurs #title{
  padding:3px 10px;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  border-bottom:1px solid #F2F2F2;
}

#kurs #kontent{
  padding:10px;
  text-align:center;
  font-size:10px;
  color:#666666;
}

#iklan {
  margin:0 10px 10px 10px;
  text-align:center;
}




#banner {
  margin:0;
  padding:0 10px 10px 0;
}



#page{
  margin:0 10px 10px 0;
  padding:10px;
}

#page #title{
  padding:0 0 5px 0;
  color:#000000;
  font-size:12px;
  font-family:Arial;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
}



#page .list{
  margin:5px 0 0 0;
  padding:0;

}

#page .list li{
  list-style:none;
}

#page .list li a:link,.list li a:visited,.list li a:active{
  color:#1175ba;
  display:block;
  font:normal 12px tahoma;
  border-bottom:1px solid #E2E2E2;
  margin:0;
  padding:4px 13px;
  list-style:none;
  background:url(../images/arrow.png) no-repeat center left;
}

#page .list li a:hover{color:#d20505; background-color:#F2F2F2;}
/* ---------- Start Header --------------  */

#container #header{
  margin:0;
  padding:0;
}

/* ---------- End Header --------------  */

/* ---------- Start Content --------------  */

#container #content{
  margin:0;
  padding:0;
}

/* ---------- End Content --------------  */

/* ---------- Start Footer --------------  */

#container #footer{
  margin:0;
  padding:0;
  background:url(../images/bg_kaki.jpg);
  font-size:11px;
  color:#CCCCCC;
  height:75px;
  text-align:center;
}

#container #footer .banner{
  margin:0;
  padding:0;
}

#container #footer .copyright{
  margin:10px 0 10px 0;
  padding:0;
}

/* ---------- End Footer --------------  */


#box{
  margin:5px 10px 10px 5px;
}


#box #box-tab {
  margin:0;
  border-top: 1px solid #CCCCCC;
  margin-bottom: 1em; 
  padding: 5px;
  font-size:12px;
}


#box #box-tab .content-box{
  font-size:11px;
  color:#000000;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#box #box-tab .content-box .listtab{
  margin:5px 0 0 0;
  padding:0;
  
}

#box #box-tab .content-box .listtab li{
  list-style:none;
}

#box #box-tab .content-box .listtab li a:link,.listtab li a:visited,.listtab li a:active{
  color:#1175ba;
  display:block;
  font:normal 12px Arial;
  border-bottom:1px solid #F7F7F7;
  margin:0;
  padding:4px 5px;
  list-style:none;
  text-align:left;
}

#box #box-tab .content-box  .listtab li a:hover{color:#d20505; background-color:#f9f9f9;}



#box .shadetabs{
padding: 3px 0;
margin-left: 3px;
margin-top: 1px;
margin-bottom: 0;
font: normal 12px arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#box .shadetabs li{
display: inline;
margin: 0;
}

#box .shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 10px;
margin-right: 0;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #114881;
background: #EFF4E0;
}

#box .shadetabs li a:visited{
color: #333333;
font-weight:bold;
}

#box .shadetabs li a:hover{
text-decoration: none;
color: #FF6600;

}

#box .shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: #FFFFFF;
color:#000000;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #FFFFFF;
}


#box .shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}



#detail{
  margin:10px 10px 10px 0;
  border:1px solid #cccccc;
  padding:20px;
  background-image: url(../images/bgkananisi.gif); background-repeat: repeat-x; background-position: left bottom;
}


#detail #wrap{
  margin-top: 0;
  text-align:left;
  border-bottom:1px solid #CCCCCC;
  margin-bottom:10px;
  }


#detail #wrap .linktopartikel {font:bold 11px arial; color:#666; letter-spacing:0.02em; margin-bottom:10px;}
#detail #wrap .linktopartikel a {color:#666; text-decoration:none; margin-right:7px; margin-left:7px;}
#detail #wrap .linktopartikel a:hover {color:#333; text-decoration:underline;}


#detail .tanggal { font:normal 10px arial; color: #333333; text-transform:uppercase;}
#detail .judul {font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; line-height: 120%; color: #dd0000;}
#detail .subjudul {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 120%; color: #000000; font-weight:bold;}
#detail .gambar {background-color: #fff; padding: 3px; margin: 2px 10px 5px 0; border: 1px solid #ccc;	float: left;}
#detail .garis {height:15px;}
#detail .intro {font:normal 13px arial; color:#000; line-height:16pt;}


#detail #share {margin:10px 0; padding:10px; border:1px solid #CCCCCC; background-color:#FFFFFF; }
#detail #share .title { color:#336699; font-size:12px; font-weight:bold; padding:2px 0; margin-bottom:10px; border-bottom:1px solid #CCCCCC;}

 
#detail #share #listberita { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#detail #share #listberita li { width:570px; clear:both; padding-left: 0px; border-bottom:1px solid #EEE; display:block; float:left;  padding:3px 0;  }
#detail #share #listberita a { font:bold 12px arial; color:#336699; text-decoration:none; display:block; float:left;}
#detail #share #listberita a:hover { color:#CC0000; text-decoration:none;}
#detail #share #listberita span {font:normal 10px arial; color:#666666; margin-right:5px; float:left;}



#rubrik{
  margin:10px 10px 10px 0;
  border:1px solid #cccccc;
  padding:20px;
}

#rubrik #titlerub{ font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #CCCCCC; font-size: 15px; line-height: 120%; color: #dd0000;}

#rubrik .tanggal { font:normal 10px arial; color: #333333; text-transform:uppercase;}
#rubrik .judul a{font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 120%; color: #dd0000;}
#rubrik .judul a:hover{text-decoration:underline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 120%; color: #dd0000;}
#rubrik .subjudul {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 120%; color: #000000; font-weight:bold;}
#rubrik .gambar {background-color: #fff; padding: 3px; margin: 2px 10px 5px 0; border: 1px solid #ccc;	float: left;}
#rubrik .garis {height:10px;}
#rubrik .intro {font:normal 13px arial; color:#000; line-height:16pt;}
#rubrik .batas {margin:0 0 15px 0; height:15px; border-bottom:1px solid #CCCCCC;}


#rp{
  margin:5px 10px 10px 0;
  padding:5px 20px 20px 10px;
}

#rp #titlerp{ font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #CCCCCC; font-size: 15px; line-height: 120%; color: #dd0000;}