* {
   margin:0;
   padding:0;
   outline:none;

}

body {
  font-family:arial, verdana,"trebuchet MS", serif;
  font-size:12px;
  background-color:#0e1b8d;
  background-image:url(../images/bgbody.gif);

}

#container {
  position:relative;
  margin:auto;
  width:740px;
  height:auto;
  padding:0 20px;
  padding-bottom:5px;
  background-color:white;
  background-image:url(../images/containerbg.jpg);
  background-repeat:repeat-y;
  background-position:center;
    
  
}

#music {
  position:absolute;
  width:60px;
  height:20px;
  top:0px;
  right:-62px;
  background-image:url(../images/musicbg.png);
  background-repeat:repeat-x;
}
/* navigasi atas */

#header {
   width:auto;
   height:190px;
}

#topnav {
  margin-left:337px;
  padding:5px 0;
  }

#topnav li {
  display:inline;
  padding:0 5px; 
}

#topnav a:link, #topnav a:visited{
   text-decoration:none;
   color:#3366cc;
}


#topnav a:hover {
   text-decoration:none;
   color:#f26522;
}

/* navigasi kiri*/
#left{
  width:165px;
  background-image:url(../images/bg-leftnaf.gif);
  background-repeat:no-repeat;
  }
  
  
#left ul{
  margin-left:20px;
  padding:4px;
  padding-bottom:30px;
  padding-top:15px;
  color:#02a3e0;
  }
  
#left_nav li{
  padding:4px 0;
  letter-spacing:1px;
}  


#left_nav  a:link, #left_nav a:visited{
  color:#3366cc;
  text-decoration:none;
  font-weight:normal;
  outline:none;
  }
  
#left_nav  a:hover{
  color:#f26522;
  text-decoration:none;
  font-weight:normal;
  outline:none;
  }
  
a img {
  border:none;
  outline:none;
}  

#event  {
  padding:0px;
  border-top: 1px dashed #02a3e0;
  }
  
#event img  {
  padding:10px 0 0 30px;
  }
  
#komitmen  {
  padding-top: 25px;
  border-top: 1px dashed #02a3e0;
  }


#komitmen  img{
  padding: 10px 10px 0 40px;
}

/* content */
#middle {
  position:absolute;
  top:190px;
  left:190px;
  width:440px;
  background:white;
  padding:0 10px;
  border: 0px solid #02a3e0;
}

.newsbreak {
  margin-bottom:0px;

}

#beritasamping {
    font-size:11px;
    position:absolute;
	top:0px;
	left:230px;
	width:219px;
	background-image:url(../images/telah-di-buka-btm.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:21px;
}

#beritasamping h4 {
   color:white;
   font-size:11px;
   padding:1px 30px 1px 2px;
   background-color:#2534b6;
   margin-bottom:3px;

}

#beritasamping span {
  color:#f7941d;
  padding:0px 2px;

}

#beritasamping li {
  margin-left:10px;
  list-style-type:none;
}

#promo h2 {
  font-size:14px;
  color:#0e1b8d;
  padding:4px;
  margin-bottom:5px;
  border-bottom:2px solid #0e1b8d;
}

#iklantengah h2{
  background-image:url(../images/iklan-tengah-gro.png);
  background-position:top left;
  background-repeat:no-repeat;
  margin:0;
  color:#7d4900;
  border:none;
 
}

#iklantengah p{
  border:1px solid #ffbf21;
  padding:6px 5px 6px 7px;
}

#iklanmini1 {
  position:absolute;
  top:210px;
  width:144px;
 }
 
#iklanmini1 h2 {
  color:#8f5501;
  background-image:url(../images/iklan-mini-top-gro.png);
  padding:5px 23px 5px 10px;
  margin-bottom:0px;
  border:none;
}

#iklanmini1 p {
  padding:10px 7px 5px 8px;
  border:1px solid #ffc943;
  text-align:center;
}

#iklanmini1 span {
  font-size:  10px;
  color:red;

}
 
#iklanmini2 {
  position:absolute;
  top:210px;
  left:158px;
  width:144px;
 }
 
#iklanmini2 h2 {
  color:#00652e;
  background-image:url(../images/iklan-mini-top-fresh.png);
  padding:5px 23px 5px 10px;
  margin-bottom:0px;
  border:none;
}

#iklanmini2 p {
  padding:10px 7px 5px 8px;
  border:1px solid #63e580;
  text-align:center;
}

#iklanmini2 span {
  font-size:  10px;
  color:red; 
}
 
#iklanmini3 {
  position:absolute;
  top:210px;
  left:306px;
  width:144px;

}  

#iklanmini3 h2 {
  color:#002e6e;
  background-image:url(../images/iklan-mini-top-bzr.png);
  padding:5px 23px 5px 10px;
  margin-bottom:0px;
  border:none;  
}

#iklanmini3 p {
  padding:10px 7px 5px 8px;
  border:1px solid #43c5ff;
  text-align:center;
}

#iklanmini3 span {
  font-size:  10px;
  color:red; 
}

#iklanmini4 {
  position:absolute;
  top:445px;
  width:144px;

} 

#iklanmini4 h2 {
  color:#002e6e;
  background-image:url(../images/iklan-mini-top-bzr.png);
  padding:5px 23px 5px 10px;
  margin-bottom:0px;
  border:none;  
}

#iklanmini4 p {
  padding:10px 7px 5px 8px;
  border:1px solid #43c5ff;
  text-align:center;
}

#iklanmini4 span {
  font-size:  10px;
  color:red; 
}

#iklanmini5 {
  position:absolute;
  top:445px;
  left:158px;
  width:144px;

} 
#iklanmini5 h2 {
  color:#530000;
  background-image:url(../images/iklan-mini-top-tex.png);
  padding:5px 23px 5px 10px;
  margin-bottom:0px;
  border:none;  
}

#iklanmini5 p {
  padding:10px 7px 5px 8px;
  border:1px solid #ff4949;
  text-align:center;
}

#iklanmini5 span {
  font-size:  10px;
  color:red; 
}
#iklanmini6 {
  position:absolute;
  top:445px;
  left:306px;
  width:144px;
} 
#iklanmini6 h2 {
  color:black;
  background-image:url(../images/iklan-mini-top-app.png);
  padding:5px 23px 5px 10px;
  margin-bottom:0px;
  border:none;  
}

#iklanmini6 p {
  padding:10px 7px 5px 8px;
  border:1px solid #bdbdbd;
  text-align:center;
}

#iklanmini6 span {
  font-size:  10px;
  color:red; 
}

/* righ navigation */

#right_nav {
  position:absolute;
  width:110px;
  top:180px;
  left:650px;
}

#divisi {
  margin-top:10px;
  margin-left:5px;
  margin-bottom:6px;
  padding-bottom:10px;
  border:solid 2px #c7ddfe;
}

#divisi img {
 padding-left:13px;
 padding-top:2px;
 padding-bottom:2px;
}

#divisi h2 {
  font-size:14px;
  color:#054db9;
  padding:2px 4px 4px 4px;
  margin-bottom:5px;
  Background-color:#c7ddfe;
}

#bag {
  font-size:14px;
  color:white;
  padding:2px 4px 4px 4px;
  margin-left:5px;
  margin-bottom:5px;
  Background-color:#007137;
}

#lain-lain {
   padding:5px 15px;
}

#lain-lain img{
   padding-bottom:10px;
}

#katalog {
  margin-top:10px;
  margin-left:5px;
  margin-bottom:10px;
  padding-bottom:0px;
  border:solid 2px #f7941d;
}
#katalog h2 {
  font-size:14px;
  color:white;
  padding:2px 4px 4px 4px;
  margin-bottom:5px;
  Background-color:#f7941d;
}

#katalog p {
  margin-left:6px;
  margin-bottom:4px;
  

}
#divisi a {
  outline:none;
}

/* footer */
#footer {
   padding:15px;
   font-size:10px;
   text-align:center;
   background-color:#0e1b8d;
   margin-top:40px;
   margin-bottom:7px;
   color:white;


}