#wrapper{
 width:1000px;
 margin-left:auto;                                  
 margin-right:auto;                                                              
 position: relative;
 
}
                                             
body{
 background:url(../images/bg-all.png) 0 0 repeat fixed;      
 margin: 0;
 padding: 0;
 /*background-color: #c5d7ed;*/
}

a{
 text-decoration: none;
 color: #03359b;
}

a:hover{
 text-decoration: underline;
 color: #03359b;
}

a.nav{
 text-decoration: none;
 color: #03359b;
}

a.nav:hover{
 text-decoration: none;
 color: #fff;
}

a.pendidikan{
 text-decoration: none;
 color: #000;
}

a.pendidikan:hover{
 text-decoration: underline;
 color: #03359b;
}


div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}

img{
 /*background-color: #f4f4f4; */ 
 margin: 0;
 padding: 0;
}

#header{
 position: relative;
 background:url(../images/bg.png) 0 0 repeat-x;     
 background-color: #fff;
 height : 108px;
}

#head-logo{      
 position: relative;
 margin:0 auto;
 background:url(../images/header.jpg) 0 0 no-repeat;
 width: 1000px; 
 height: 108px;
} 

#sidebar{
 float: left;
 position: relative;
 top:0;
 left: 0;
 width: 150px; 
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 background-color: #f5f6fa;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;
 margin-bottom: 20px;  
}

#hiddendiv{
 float: left;
 position: relative;
 top:10px;
 left: 0;
 width: 160px;
 margin-bottom: 20px; 
 min-height: 935px;
}


#sidebar-right{
 float: right;
 position: relative;
 margin-bottom: 35px;
 top:10px;
 right: 10px;
 width: 220px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 
}

#sidebar-first{
 position: relative;
 width: 220px;
 background-color: #f5f6fa;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;
}

#swf{
 position: absolute;
 top:60px;
 width: 220px; 
 height: 50px;
 background-color: #f5f6fa; 
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;
}

#sidebar-testimoni{
 position: relative;  
 top:  72px;
 width: 220px; 
 background-color: #f5f6fa;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;
}

#tree{
 position: relative;  
 top:  20px;
 width: 220px; 
 background-color: #f5f6fa;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;
}

#head-search{
 float: left;
 position: relative;
 top:-20px;
 left:10px;
 width: 570px;
 height: 80px; 
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;  
 background: #000000 no-repeat scroll 0 0;  
}

#head-search_a{
 float: left;
 position: relative;
 top:-20px;
 left:10px;
 width: 570px;
 height: 80px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/1.jpg) 0 0 no-repeat; 
 background-color: #000;  
}

#head-search_b{
 float: left;
 position: relative;
 top:-20px;
 left:10px;
 width: 570px;
 height: 80px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/2.jpg) 0 0 no-repeat; 
 background-color: #000;  
}
#head-search_c{
 float: left;
 position: relative;
 top:-20px;
 left:10px;
 width: 570px;
 height: 80px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/3.jpg) 0 0 no-repeat; 
 background-color: #000;  
}

#head-search_d{
 float: left;
 position: relative;
 top:-20px;
 left:10px;
 width: 570px;
 height: 80px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/4.jpg) 0 0 no-repeat; 
 background-color: #000;  
}

#head-search_e{
 float: left;
 position: relative;
 top:-20px;
 left:10px;
 width: 570px;
 height: 80px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/5.jpg) 0 0 no-repeat; 
 background-color: #000;  
}


#head-search2{
 float: left;
 position: relative;
 top:-17px;
 left:10px;
 width: 570px;
 height: 80px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/itfiesta.jpg) 0 0 no-repeat; 
 background-color: #000;  
}

#head-search3{
 float: left;
 position: relative;
 top:-14px;
 left:10px;
 width: 570px;
 height: 135px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/natal.jpg) 0 0 no-repeat; 
 background-color: #000;  
}

#head-search4{
 float: left;
 position: relative;
 top:-14px;
 left:10px;
 width: 570px;
 height: 135px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/jpce.jpg) 0 0 no-repeat; 
 background-color: #000;  
}

#head-search5{
 float: left;
 position: relative;
 top:-14px;
 left:10px;
 width: 570px;
 height: 135px;
 background-color: #03359b;
 padding: 5px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 border-bottom: 5px solid #fff;
 border-top: 5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff; 
 background: url(../images/pmb.jpg) 0 0 no-repeat; 
 background-color: #000;  
}

#search{
 float: right;
 position: relative;
 top:0px;
 left : 0px;    
 padding: 10px;
 width: 250px;
 
}

#nav-pendidikan-left{
 list-style: none;
 width:150px;
 color: #fff;
}

#nav-pendidikan-left li{
 border-bottom: 1px solid #fff;  
 padding: 7px 0 7px 10px; 
 background-color: #b7caed;
 color: #fff;
 margin-left: 0;
}


#nav-pendidikan-left li.pendidikan{
 background-color:#03359b;    
 color:#fff;
}

#nav-pendidikan-left li.feature-visited{
 background-color: #fff;
 color:#000;
 font-size: 10px; 
}

#nav-pendidikan-left li.feature-hover{
 background-color: #fff;
 color:#000;
 font-size: 10px; 
}

#nav-pendidikan-left li.feature-hover a{
 background-color: #fff;
 color:#000;
 font-size: 10px; 
 text-decoration: none;
}

#nav-pendidikan-left li.feature-hover a:hover{
 background-color: #fff;
 color:#000;
 font-size: 10px; 
 text-decoration: none;
}

#nav-pendidikan-left li.feature-normal{
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px; 
}

#nav-pendidikan-left li.feature-normal a{
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px; 
 text-decoration: none;
}

#nav-pendidikan-left li.feature-normal a:hover{
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px; 
 text-decoration: none;
}



#nav-pendidikan-left li.open-normal{
 display: block;
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 10px;    
 text-decoration: none;
}   

#nav-pendidikan-left li.open-hover{
 display: block;
 background-color: #fff;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 10px;    
 text-decoration: none;
}

#nav-pendidikan-left li.open-visited{
 display: block;
 background-color: #fff;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 10px;    
 text-decoration: none;
}


#nav-pendidikan-left li.open{
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;   
}

#nav-pendidikan-left li.open a{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}   

#nav-pendidikan-left li.open a:hover{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet-hover.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}
#nav-pendidikan-left li.open-visited{
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;   
}

#nav-pendidikan-left li.open-visited a{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet-hover.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}   

#nav-pendidikan-left li.open-visited a:hover{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet-hover.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}

#home{
 list-style: none;
 width:150px;
 color: #fff;
}

#home li{
 border-bottom: 1px solid #fff;  
 padding: 7px 0 7px 10px; 
 background-color: #b7caed  ;
 color: #fff;
 margin-left: 0;
}


#home li.normal{
 background-color: #b7caed;
 color:#03359b;
}
                  
#home li.hover{
 background-color:#03359b;      
 color:#fff;
}

#home li.visited{
 background-color:#03359b;     
 color:#fff;
}


#nav-left{
 list-style: none;
 width:150px;
 color: #fff;
 margin-left: 0;
}

#nav-left li{
 border-bottom: 1px solid #fff;  
 padding: 7px 0 7px 10px; 
 background-color: #b7caed  ;
 color: #fff;
 margin-left: 0;

}


#nav-left li.normal{
 background-color: #b7caed  ; 
 color:#03359b;
}
                  
#nav-left li.hover{
 background-color:#03359b;   
 color:#fff;
}

#nav-left li.visited{
 background-color:#03359b;   
 color:#fff;
}

#nav-left li.open{
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;   
}

#nav-left li.open a{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}   

#nav-left li.open a:hover{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet-hover.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}

#nav-left li.open-visited{
 background-color: #f5f6fa;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;   
}
#nav-left li.open-visited a{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet-hover.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}   

#nav-left li.open-visited a:hover{
 display: block;
 background-color: #f5f6fa;
 background: url(../images/bullet-hover.gif) 0 4px no-repeat;
 color:#000;
 font-size: 10px;
 padding: 2px 0 2px 15px;    
 text-decoration: none;
}

#main{
 position: relative;
 width:1000px;
 font-family:"Arial";

}



#link-informasi{ 
 position: relative;
 top:0px;
 left : 0px;    
 width: 150px;
 padding-left: 20px; 
 list-style-position: inside;
 color:#fff;
} 

#link-informasi li{ 
 list-style: disc;
 margin-left: 0;
}

#link-informasi li a{ 
 text-decoration: none; 
 color: #fff;
}

#link-informasi li a:hover{ 
 text-decoration: underline; 
 color: #fff;
}

#content{
 float: left;
 position: relative;
 top: 0px;
 left: 10px;
 width: 588px;
 background-color: #fff;
 font-family: "Arial";
 font-size: 12px;
 font-weight: normal; 
 border-left: 2px solid #03359b;
 border-right: 2px solid #03359b;
 border-bottom: 2px solid #03359b;
 border-top: 2px solid #03359b; 
 margin-bottom: 20px;   
 min-height: 470px; 

}

#content2{
 float: left;
 position: relative;
 top: 0px;
 left: 10px;
 width: 588px;
 background-color: #fff;
 font-family: "Arial";
 font-size: 12px;
 font-weight: normal; 
 border-left: 2px solid #03359b;
 border-right: 2px solid #03359b;
 border-bottom: 2px solid #03359b;
 border-top: 2px solid #03359b; 
 margin-bottom: 20px;   
 min-height: 725px; 

}

#baner {
 position:absolute;
 top:85px;
 left:171px;
 width:579px;
 height:120px;
 border-bottom:
 5px solid #fff;
 border-top:5px solid #fff;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;
 background-color: #000;
}

#baner2 {
  float: left;
  position: relative;
  top:-15px;
  left:10px;
  width: 570px;
  height: 100px;
  background-color: #03359b;
  padding: 5px;
  font-family: "Arial";
  font-size: 12px;
  font-weight: bold;
  border-bottom: 5px solid #fff;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;   
  background-color: #000;  
}

#flash {
 position:absolute;
 top:85px;
 left:172px;
 width:589px;
 height:220px;
 background-color: #fff;   
}

#informasi{
 float: left;    
 position: relative;
 top: 205px;
 left: 10px;
 width: 588px ;
 font-family: "Arial";
 font-size: 12px;
 font-weight: normal; 
 margin-bottom: 210px;
}

#mitrakerja_{
 float: left;    
 position: relative;
 top: -20px;
 left: 10px;
 width: 588px ;
 font-family: "Arial";
 font-size: 12px;
 font-weight: normal; 
 margin-bottom: -10px;
}

#nav-informasi{
 list-style: none;
}


#nav-informasi li{
 list-style: none;
 margin-left: 0;
 margin-top:10px;
}


#nav-informasi li.normal{
  float: left;
  display: block;
  background: url(../images/informasi-bg.gif) 0 0 no-repeat;  
  width: 110px;
  height: 20px;
  padding: 2px 0 0 0px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

#nav-informasi li.visited{
  float: left;
  display: block;
  background: url(../images/informasi-bg-hover.gif) 0 0 no-repeat;  
  width: 110px;
  height: 20px;
  padding: 2px 0 0 0px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

#nav-informasi li.hover{
  float: left;
  display: block;
  background: url(../images/informasi-bg-hover.gif) 0 0 no-repeat;  
  width: 110px;
  height: 20px;
  padding: 2px 0 0 0px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

#content-informasi{ 
 position: relative;
 float: left;
 top:-2px;
 left:0px;
 border-left: 2px solid #03359b;
 border-right: 2px solid #03359b;
 border-bottom: 2px solid #03359b;
 border-top: 2px solid #03359b;
 width: 588px;
 padding: 0px;
 background-color: #fff;
}

#berita{      
 width: 560px;    
 padding: 10px;
 font-weight: bold;
}

.title{
 font-size: 14px;
 font-weight: bold;
 color:#03359b;
 padding-bottom: 5px;
}

.content-page{
 font-size: 12px; 
 text-align: justify;
 margin-bottom: 10px;
}

.nav-style{
 font-size: 12px;
 font-weight: bold;
 line-height: 12px;
 color:#03359b; 
 margin-left: 5px; 
 float: right; 
}

.img-left{
 float: left;
 margin-right:20px ;
 border:0;

}

.img-right{
 float: right;
 margin-left: 20px;
 border: 0;
}

.title-pendidikan{
 font-size: 14px;
 font-weight: bold;
 color:#03359b;
 padding-bottom: 5px;
 text-decoration: underline;
}

.pendidikan-style{
 font-size: 12px;
 font-weight: bold;
 color:#03359b; 
 line-height: 7px;    

}

.deskripsi{
 font-size: 12px;
 font-weight: normal;
 color:#000; 
 text-decoration: none;
 text-align: justify;     
}

#feature-pendidikan{ 
 position:relative;
 top:20px;
 left:10px;
 width: 570px;
 
}

#profil{ 
 position:relative;
 top:15px;
 left:10px;
 right:10px;
 width: 570px;
 height:200px;
 
}

#alumni{
 position:relative;
 top:10px;
 left:10px;
 width: 570px;
}

#mitrakerja{
 position:relative;
 top:10px;
 left:10px;
 width: 570px;
 min-height: 350px;
}

#searchcontrol{
 position: relative;
 float: left;
 top:0px;
 left:10px;
 width: 570px;
 font-family: "Arial";
 font-size: 12px;
 font-weight: normal;  
 background: #fff;
 padding: 10px;
 border-left: 2px solid #03359b;
 border-right: 2px solid #03359b;
 border-bottom: 2px solid #03359b;
 border-top: 2px solid #03359b; 
 margin-bottom: 20px; 
}

#fasilitas{ 
 position:relative;
 top:50px;
 left:10px;
 width: 570px;
}

#biayastudi{ 
 position:relative;
 top:50px;
 left:10px;
 width: 570px;
}

#mengapa{ 
 position:relative;
 top:0px;
 left:10px;
 width: 570px;
}

#visimisi{
 position:relative;
 top:10px;
 left:10px;
 width: 570px;
}

#lokasi{
 position:relative;
 top:20px;
 left:10px;
 width: 570px;
}

#sertifikasi{
 float:left; 
 position:relative;
 top:30px;
 left:10px;
 width: 570px;
 height: 100px; 
}

#bekerjasama{
 float:left; 
 position:relative;
 top:10px;
 left:10px;
 width: 570px;
 height: 120px; 
}

#bekerjasama a{
 text-decoration:none;
 color:#fff;
 
}

#bekerjasamai a:hover{
 text-decoration:none;
 color:#000;
 
}

#footer{   
 position:relative;
 background:url(../images/bg-foot.png) 0 0 repeat-x;       
 height: 80px;
 clear: both;
 margin-top: 20px;
  
}

#footer-main{
 width: 1000px;
 position: relative;
 margin:0 auto;
 font-family: "Arial";
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 height: 80px;
 background:url(../images/bg-foot.png) 0 0 repeat-x;


}

#copyright{
 position: relative;
 float: left;
 padding-top: 20px;
 left:20px;
 margin-top: 10px; 
}

#address{
float: right;
position: relative;
right: 20px;
padding: 10px;
margin-top: 10px; 
}

#testimoni{
 padding: 10px;
}