* {
padding : 0;
margin : 0;
}

body {
background-color:#C6C5C6;
text-align : center;
font-size : 11px;
margin : 0;
font-family : Verdana, Helvetica, sans-serif;
}


#perikananbody{
margin:auto;
padding:0;
width:800px;
display:block;
}

#wrapper {
margin : auto;
padding : 0;
width : 800px;
background : none;
display : block;
}


#top {
clear : both;
float : left;
width : 800px;
margin : 0;
padding : 0;
}
#banner {
width : 800px;
height : 142px;
}

.bannerkiri{
float:left;
background: url(../pustaka/bannerkiri.gif) no-repeat;
height : 142px;
width:199px;
}
.bannerkanan{
float:left;
background: url(../pustaka/bannerkanan.gif) no-repeat;
height : 142px;
width:601px;
}


#top img {
border : 0;
}

#topmenu {
background: url(../pustaka/menuataslist.gif) repeat-x;
clear : both;
float : left;
width : 800px;
height : 27px;
margin : 0;
padding : 0;
color:#FFFFFF;
}
#topmenu a {
color:#FFFFFF;
text-decoration:none;
} 
#topmenu a:hover {
color:#FFFFFF;
text-decoration: underline;
} 

.bt1{
padding-top:2 px;
float : left;
width:111 px;
height : 27 px;
}
.bt2{
padding-top:5px;
float : left;
width:120px;
height : 27px;
}

.pencarian {
float: right;
width : 200px;
border : 0 solid #a4cb37;
}

.kotakcari{
float:left;
border: 1px solid rgb(65, 143, 180); 
padding: 3px; 
width: 150px; 
height:23px; 
font-size: 12px; 
color: rgb(147, 147, 147);
}

.kotakproses{
float:left;
border: 1px solid rgb(65, 143, 180); 
padding: 2px; 
width: 250px; 
height:23px; 
font-size: 12px; 
color: rgb(147, 147, 147);
}
.aksi{
float:left;
height:25px;
}
.tombolcari{
float:left;
width: 50px; 
height: 24px; 
font-family: arial; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
font-size: 12px; 

}


.hasilpencarian {
float:left;
margin-top:0px;
width : 500px;
border : 0 solid #a4cb37;
}


#main {
background-color:#FFFFFF;
clear : both;
float : left;
width : 800px;
margin : 0;
padding : 0 0 0 0;
border : 0 solid #d4eda2;
text-align : left;
}

/* ======================================================= Bagian Kiri ===========================================*/
#left {
float : left;
width : 199px;
}

.leftend{
float:left;
width:199px;
height:95px;
background: url(../pustaka/menukiribot.gif) bottom left no-repeat;

}

.counterbox {
background: url(../pustaka/counter.gif) no-repeat;
clear : both;
float : left;
width : 217px;
height: 150px;
}

.counterbtop {
clear : both;
float : left;
width : 198px;
margin : 0;
text-align:center;
padding-top:10px;
font : 13px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#FFFFFF;
font-weight : bold;
}
.counterbcont {
clear : both;
float : left;
width : 198px;
margin : 0;
padding : 0 0 0 0;
font : 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #2e3d52;
}

.box {
background: url(../pustaka/menukirilist.gif) repeat-y;
clear : both;
float : left;
width : 199px;
margin-top:0px;
}

.btop {
clear : both;
float : left;
width : 198px;
height : 18px;
margin : 0;
padding : 10px 0px 5px 20px;
font : 13px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#FFFFFF;
font-weight : bold;
}
.bcont {
clear : both;
float : left;
width : 198px;
margin : 0;
padding : 0 0 0 0;
font : 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #2e3d52;
}


.menu {
background-color: #006293;
padding : 0 0 0 0;
width : 198px;
border : 0 solid #000;
}

.menu ul {
list-style : none;
margin : 0;
padding : 0 0 0 0;
width : 198px;
}
.menu li {
position : relative;
}

.menu a, .menu a:active, .menu a:link, .menu a:visited {
font : 12px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display : block;
margin : 0;
padding-top:2px;
padding-left:10px;
padding-bottom:2px;
padding-right:0px;
color : #FFFFFF;
text-decoration : none;
width : 188px;
border-bottom:1px solid #0071AA;
height:30px;
}


.menu a:hover {
background-color:#0391D9;
border-bottom:1px solid #FFFFFF;
font : 12px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin : 0;
padding-top:2px;
padding-left:10px;
padding-bottom:2px;
padding-right:0px;
color: #FFFFFF;
width : 188px;
text-decoration : none;
}


.menulink {
padding : 0 0 0 0;
margin-top:5px;
margin-left:10px;
width : 180px;
border : 0 solid #000;
}
.menulink ul {
list-style : none;
margin : 0;
width : 180px;
}

.menulink li ul {
position : absolute;
border-left : 2px solid #a4cb37;
border-top : 1px solid #a4cb37;
border-bottom : 1px solid #a4cb37;
border-right : 1px solid #a4cb37;
padding : 0;
}

.polling {
padding-left:5px;
padding-right:5px;
width : 198px;
border : 0 solid #000;
color:#000000;
}

.layanan {
padding-left:10px;
width : 198px;
border : 0 solid #000;
}




/* ===================================================== Bagian Tengah ================================= */
#center {
float : left;
width : 550px;
margin-left:10px;
margin-right:10px;
margin-top:0px;
padding : 0;
}

#runtext {
border : 0;
margin-top: 10px;
padding : 0px 0px;
}

#welcome{
margin-top:10px;
width:550px;
height:150px;
padding-top:5px;
padding-left:5px;
}

.welcomelink{
margin-top:100px;
margin-left:420px;
width:130px;
padding-top:5px;
padding-left:5px;
}

.welcomelink a{
color:#FFFFFF;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-decoration: none;
font:bold;

}
.welcomelink a:hover{
color: #FFFF00;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-decoration: none;
font:bold;
}


.cbox {
clear : both;
float : left;
width : 550px;
margin-top:10px;
padding : 0px 0px 0px 0px;
}
.cboxtop {
background: url(../pustaka/kontentoplist.gif) no-repeat;
clear : both;
float : left;
width : 550px;
height : 30px;
padding : 15px 0 0 30px;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #000000;
vertical-align:text-bottom;
}
.cboxtophome {
background: url(../pustaka/kontentoplist.gif) no-repeat;
clear : both;
float : left;
width : 550px;
height : 0px;
padding : 15px 0 0 10px;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #000000;
vertical-align:text-bottom;
}

.cboxcont {
background: url(../pustaka/kontenlist.gif) repeat-y;

clear : both;
float : left;
width : 550px;
margin : 0;
padding : 0;
font : 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #202931;
text-align : left;
}
.cboxcont img {
border : 1px solid #666666;
}
.cboxconts {
clear : both;
float : left;
width : 550px;
margin : 0px 0px;
padding : 0;
font : 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #202931;
text-align : left;
}
.contmainvideo {
margin-left:15px;
width : 520px;
}

.contmain {
margin-left:15px;
width : 520px;
border-top : 1px solid #999999;
}

.izinmain {
margin-left:5px;
width : 540px;
}
.detailizinmain {
padding-left:10px;
padding-right:10px;
width : 520px;
}

.contnewstittle{
margin-top:0px;
}

.contnews{
margin-left:10px;
margin-top:0px;
}

.contnewstrack{
}

.contnewstrack TD {
font-size : 10px;
font-family : Verdana, Helvetica, sans-serif;
}


.contnewsend {
float : left;
width : 520px;
}




.contnewsdetail {
float : right;
width : 120px;
}
.contend {
margin-left:15px;
width : 520px;
border-top : 1px solid #999999;
}

.contpage{
text-align:center;
font : 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}

.contpage TD{
font : 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
.contpagenumber a
    {
    font-family:Tahoma;
    font-size:11px;
    display:block;
    float:left;
    cursor:pointer;
    color:#00c;
    text-decoration:none;
    display:inline-block;
    border:1px solid #ccc;
    padding:.3em .7em;
    margin:0 .1em 0 0;
    text-align:center
    }
.contpagenumber a:hover
    {
    background:#f0f7e8;
    border:1px solid #00A1DC;
    }
.contpagenumber a.sel
    {
    color:#333;
    font-weight:normal;
    background:#f0f7e8;
    cursor: default;
    border:1px solid #83bc46
    }
.contpage img{
border:none;
}


.btamu {
width : 260px;
}
.isibtamu {
float : right;
width : 170px;
}
h1 {
font : 15px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #162a45;
padding : 0;
margin : 0;
}
h2 {
clear : both;
float : left;
width : 425px;
font : 14px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #162a45;
padding : 5px 0 5px 0;
}
h3 {
font : 13px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #162a45;
padding : 0;
margin : 5px 0 5px 0;
}
h4 {
clear : both;
float : left;
width : 425px;
font : 12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #162a45;
padding : 5px 0 5px 0;
}
h5 {
clear : both;
float : left;
width : 425px;
font : 11px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #162a45;
padding : 5px 0 5px 0;
}
h6 {
clear : both;
float : left;
width : 425px;
font : 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #162a45;
padding : 5px 0 5px 0;
}


.link {
background-color : #000000;
width : 140px;
float : left;
margin : 5px 5px 5px 6px;
padding : 0 0 0 0;
}
.cboxcont img {
margin : 0 4px 0 0;
float : left;
}

.cboxcont a, .cboxcont a:active, .cboxcont a:visited, .cboxconts a, .cboxconts a:active, .cboxconts a:visited {
font : 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #111e3f;
text-decoration : none;
}
.cboxcont a:hover, .cboxconts a:hover, .cboxconttab a:hover {
color : #0000FF;
text-decoration : none;
}
.cont a, .cont a:active, .cont a:visited {
font : 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : normal;
color : #003399;
text-decoration : none;
}
.cont a:hover {
color : #0000FF;
text-decoration : none;
}
.cboxbot {
background: url(../pustaka/kontenbotlist.gif) no-repeat;
clear : both;
float : left;
width : 550px;
height : 20px;
margin : 0;
padding : 0;

}

/* =========================================================== Bagian Kanan ========================================*/
#right {
background-color:#006600;
float : left;
width : 170px;
margin : 0px 0px;
padding : 0 0 0 0;
}

.boxcari {
margin-left:12px;
border-right : 1px solid #006600;
border-top : 1px solid #006600;
border-left : 1px solid #006600;
border-bottom : 1px solid #006600;
font-size : 11px;
width : 115px;
color : #1c4a8c;
height : 19px;
background-color : #e0edc0;
text-align : left;
}



/* =========================================================== Bagian Bawah ========================================*/

#footer {
background-color:#E5E7E8;
float : left;
width : 800px;
font-weight : normal;
text-align : center;
color : #000;
}

#bawah {
background: url(../pustaka/footer.gif) no-repeat;
width : 800px;
height : 151px;
font-weight : normal;
text-align : center;
}

TD {
font-size : 12px;
font-family : Verdana, Helvetica, sans-serif;
}