body{
	margin: 0;
	padding: 0;
	width: 100%;
	background: top center;
	font-size: 12px;
}
html {
	padding:0;
	margin:0;
}
ul {
list-style: none;
}
.bkdbody {
	margin:0 auto;
	padding:0;
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
	height: 175px;
}
.header {
	margin:0;
	padding:0;
	background: -moz-linear-gradient(top, #00BE00, #006E00);
	background: -webkit-linear-gradient(top, #00BE00, #006E00); 
	}


#wrapper {
padding: 0;
background : none;
display: block;
}

.button {
         background: #459300 url('../pustaka/bg-button-green.gif') top left repeat-x !important;
         border: 1px solid #459300 !important;
         padding: 4px 7px 4px 7px !important;
         color: #fff !important;
         font-size: 11px !important;
         cursor: pointer;
}

#top {
clear : both;
float : left;
padding : 0;
}
/* ************* HEADER **************************/
#headerpng {
 height: 175px;
 position: relative;
 top: -151px;
 z-index: 100;
 background: url(header.png) scroll 0 0 no-repeat transparent;
}
#bannerrot {margin: 0; padding:0;}
#bannerrot ul, #bannerrot ol{list-style:none !important; margin:0 !important; padding:0 !important;}
ul#bannerimg li img{list-style: none; padding: 0px !important;margin: 0 !important;}
ul#bannerimg li a{list-style: none; text-decoration: none !important;}

}
#banner {
background-color: #FFFFFF;
height: 175px;
}

#topmenu {
	margin:0;
	padding:0;
	background: -moz-linear-gradient(bottom, #222222, #555555);
	background: -webkit-linear-gradient(bottom, #222222, #555555);
	height: 50px;
}
#pencarian {
	margin:0;
	padding:0;
	background: #EEEEEE;
	border-bottom: 1px solid #D3D3D3;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.selamatdatang {
 width: 600px;
 padding-top: 15px;
 font-weight: bold;
 color: #636363;
 float: left;
}
.pencarian {
padding-top: 5px;
width : 300px;
float: right;
}
.kotakcari {
 width: 200px;
 height: 30px;
 border: 1px solid #E0E0E0;
 background-color: #FFFFFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
 padding-left: 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #979797;
}
.kotakcari:focus {
 border: 1px solid #999999;
 background-color: #F9F9F9;
 color: #555555;
 -moz-box-shadow: 0 0 2px #CCC;
}
.tombolcari {
 width: 40px;
 height: 30px;
 background: url(../pustaka/search.png) no-repeat bottom center;
 border: 1px solid #EEEEEE;
 cursor: pointer;
}

/* ****************** ------------------- DROPDOWN MENU ----------------------- ************************** */

.has-image {
 background-position: left top;
 margin: 5px 10px 10px 10px;
 background-repeat: no-repeat;
 display: block; 
 padding: 5px 10px 0px 32px;
 }
.menu-title {
 display: block;
}
.menu-ket {
 color: #999999;
 display: block;
 font-size: 92%;
 font-weight: normal;
}
#nav {
 background: -moz-linear-gradient(top, #222222, #555555);
 background: -webkit-linear-gradient(top, #222222, #555555);
 float: left;
 margin: 0; padding: 0;
 border-bottom: none;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 z-index: 10;
}

#nav li a {
 width: auto;
 height: 49px;
 padding: 0;
 text-decoration: none;
 color: white;
 background: #555555;
 background: -moz-linear-gradient(top, #555555, #222222);
 background: -webkit-linear-gradient(top, #555555, #222222);
 border-left: 1px solid #606060;
 border-right: 1px solid #303030;
}

#nav li a:hover {
 background: #2a0d65;
 background: -moz-linear-gradient(top, #666666, #333333);
background: -webkit-linear-gradient(top, #666666, #333333); 
 color: #00FF00;
}

/* Submenu */
.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 10; margin: 0;
 background-color:#222222;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 border-bottom: 1px dotted #393939;
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 200px;
 display: block;
 height: 20px;
 padding: 10px 0 0 10px;
 text-decoration: none;
 color: #AAAAAA;
 background: #222222;
 border: none;
}
#nav li ul li a:hover {
 text-decoration: none;
 color: #FFF;
 background: #333333;
}
/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}


#nav li ul 
/* END DROPDOWN MENU*/


/* #runtext {
width: 500px;
border : 0;
margin-left:0px;
margin-top: 5px;
} */

.kotakproses{
float:left;
border: 1px solid rgb(65, 143, 180); 
padding: 3px; 
width: 250px; 
height:23px; 
font-size: 12px; 
color: rgb(147, 147, 147);
}
.aksi{
float:left;
height:25px;
}
.hasilpencarian {
float:left;
margin-top:0px;
width : 500px;
border : 0 solid #a4cb37;
}


#main {
background-color: #FFFFFF;
clear : both;
float : left;
width : 960px;
margin: auto;
padding : 0;
text-align : left;
}

/* ======================================================= Bagian Kiri ===========================================*/
#left {
float : left;
width : 200px;
background: #FFFFFF ;
}
.statistik {
color: #5A5A5A;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.counterbox {
clear : both;
float : left;
width : 200px;
height: 150px;
}
.counterbtop {
background-color: #FFF;
clear : both;
float : left;
width : 200px;
margin : 0;
text-align:center;
padding-top:10px;
font: Arial, Helvetica, sans-serif 13px;
color: #000000;
font-weight : bold;
}
.counterbcont {
clear : both;
float : left;
width : 200px;
margin : 0;
padding : 0 0 0 0;
font : 10px/1.5em Arial, Helvetica, sans-serif;
color : #2e3d52;
}
.box {
clear : both;
float : left;
width : 200px;
margin-bottom: 30px;
}

/* .boxstat {
background: url(../pustaka/menuabu.gif) repeat-x;
clear : both;
float : left;
width : 200px;
margin-top:0px;
}

.btopstat {
clear : both;
float : left;
width : 200px;
height : 18px;
margin : 0;
padding : 10px 0px 5px 20px;
font : 12px Arial, Helvetica, sans-serif;
color: #000000;
font-weight : bold; 
} 
.bcontstat {
float : left;
width : 200px;
margin : 0;
padding : 0 0 0 0;
font : 10px/1.5em Arial, Helvetica, sans-serif;
color : #2e3d52; 
} */

.btop {
background-color: #FFFFFF;
clear : both;
float : left;
width : 200px;
font : 14px Arial, Helvetica, sans-serif;
line-height: 2em;
color: #444444;
border-bottom: 1px dashed #AAA;
font-weight : bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.bcont {
clear : both;
float : left;
width : 200px;
margin : 0;
padding : 0 0 0 0;
}

.menu {
padding: 0;
margin: 0;
width: 120x;
}

.menu ul {
list-style : none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width : 200px;
}
.menu li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position : relative;
border-bottom:#5a5a5a dotted 1px;
}

.menu a, .menu a:active, .menu a:link, .menu a:visited {
padding: 0;
color : #5a5a5a;
line-height: 2.5em;
font-weight : normal;
text-decoration : none;
}


.menu a:hover {
display: block;
background-color: #f5f5f5;
color: #006000;
font-weight: normal;
text-decoration: none;
}


.menulink {
padding : 0 0 0 0;
margin-top:5px;
margin-left:0px;
width : 201px;
border : 0 solid #000;
}

.menulinksub {
padding : 0 0 0 0;
margin-top:0px;
margin-left:0px;
border:none;
}

.menulinksub img {
padding : 0 0 0 0;
margin-top:0px;
margin-left:0px;
border:0;
}


.subdomain{
width : 240px;
margin:0;
padding-left:10px;
}

.subdomainjudul{
clear : both;
float : left;
width : 240px;
height : 18px;
margin : 0;
padding : 10px 0px 5px 20px;
font : 12px Arial, Helvetica, sans-serif;
color: #000000;
font-weight : bold;
}


.boxsms {
background: url(../pustaka/sms.gif) no-repeat;
clear : both;
float : left;
width : 240px;
margin-top:0px;
}

.btopsms {
background: url(../pustaka/sms.gif) no-repeat;
clear : both;
width : 240px;
height : 18px;
margin : 0;
text-align:center;
padding-top:10px;
padding-bottom:5px;
font : 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight : bold;
}

.bcontsms {
background: url(../pustaka/smstengah.gif) repeat-y;
clear : both;
float : left;
width : 240px;
margin : 0;
padding : 0 0 0 0;
}

.bbotsms {
background: url(../pustaka/smsbawah.gif) no-repeat;
clear : both;
width : 240px;
height : 36px;

}

.smsjudul{
clear : both;
width : 240px;
margin-left:0px;
padding-left:0px;
padding-bottom:20x;
font : 10px Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
text-align:center;
}

.sms{
clear : both;
width : 240px;
height : 18px;
margin-left:0px;
padding-left:5px;
margin-bottom:5px;
font : 10px Arial, Helvetica, sans-serif;
color: #000000;
font-weight:normal;
padding-bottom:5px;
border-bottom:1px solid #FFFFFF dashed;
}




/* ===================================================== Bagian Tengah ================================= */
#center {
float: left;
width: 500px;
padding: 0;
background-color: #FFFFFF;
margin-left: 30px;
margin-right: 30px;
}


#welcome{
widows:500px;
padding-top:5px;
padding-left:5px;
padding-right:20px;
}

.cbox {
clear: both;
float: left;
width: 500px;
padding: 0px;
margin-bottom: 20px;
}
.cboxtop {
background-color: #FFFFFF;
clear : both;
float : left;
width : 500px;
font : 14px Arial, Helvetica, sans-serif;
line-height: 2em;
color: #444444;
border-bottom: 1px dashed #AAA;
font-weight : bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.cboxtophari {
clear : both;
float : left;
width : 500px;
height : 35px;
padding-top:5px;
font : 14px/1.6em Arial, Helvetica, sans-serif;
font-weight : bold;
color : #000000;
vertical-align:text-bottom;
text-align:center;
}

.cboxcont {
clear: both;
float: left;
width: 500px;
margin: 0;
padding: 0;
color : #444444;
}
.cboxcont img {
border : 1px solid #666666;
}
.cboxconts {
clear : both;
float : left;
width : 500px;
margin : 0;
padding : 0;
color : #444444;
text-align : left;
}

.contmain {
margin: 0;
width : 500px;
border-bottom: 1px dotted #DDD;
line-height: 1.5em;
margin-bottom: 30px;
padding: 0;
}

.contnewstittle{
font-size: 15px;
color: #000000;
margin-top:0px;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.4em;

}
.contnews{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0;
 padding: 0;
}

table{ font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

.contnewstrack{
border-bottom: 0px solid #000000;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
}

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


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

.contnewsdetail {
float : right;
width : 120px;
}
.contend {
margin-left: 0;
width : 500px;
padding-top: 3px;
border-top : 1px dotted #999999;
font-family: 11px;
font-family: Arial, Helvetica, sans-serif;

}

.contpage{
margin-top: 10px;
text-align: center;
font-family: 11px;
font-family: Arial, Helvetica, sans-serif;
}

.contpage TD{
font-family: 11px;
font-family: Arial, Helvetica, sans-serif;
}
/*************** Pagination ***************/

.pagination {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
				font-weight: normal;
                }
.pagination a.number {
				border: 1px solid #ddd;
                padding: 4px 7px;
                }

.pagination a.current {
                background: #469400 url('../pustaka/bg-button-green.gif') top left repeat-x !important;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
.pagination a.current:hover {
				text-decoration: underline;
                }
.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;
}


.cboxmenutengah {
clear : both;
float : left;
width : 550px;
margin-top:10px;
padding : 0px 0px 0px 0px;
}
.contmenutengah{
float:left;
margin-right:10px;
width:265px;
height:200px;
margin-bottom:5px;
}

.cboxcont a, .cboxcont a:active, .cboxcont a:visited, .cboxconts a, .cboxconts a:active, .cboxconts a:visited {
font-weight : bold;
color : #007000;
text-decoration : none;
}
.cboxcont a:hover, .cboxconts a:hover, .cboxconttab a:hover {
color : #00EE00;
text-decoration : none;
}

.contnews a, .contnews a:active, .contnews a:visited {
font-weight: normal;
color : #00EE00;
text-decoration : none;
}
.contnews a:hover {
color : #005000;
text-decoration : none;
}

.btoptengah {
float:left;
margin-left:0px;
padding-left:0px;
width : 265px;
border-top : 0px solid #999999;
font : 12px Arial, Helvetica, sans-serif;
color: #000000;
font-weight : bold;
}

.menutengah {
padding : 0 0 0 0;
width : 265px;
border : 0 solid #000;
}

.menutengah ul {
margin : 0;
padding-left:20px;
width : 265px;
}
.menutengah li {
list-style: square;
}

.menutengah a, .menutengah  a:active, .menutengah  a:link, .menutengah a:visited {
font : 11px/1.3em Arial, Helvetica, sans-serif;
display : block;
margin-left:15px;
padding-top:2px;
padding-left:0px;
padding-bottom:2px;
padding-right:0px;
color : #000;
font-weight : normal;
text-decoration : none;
width : 190px;
}


.menutengah  a:hover {
font : 11px/1.3em Arial, Helvetica, sans-serif;
margin : 0;
padding-top:2px;
padding-left:15px;
padding-bottom:2px;
padding-right:0px;
color:#000000;
font-weight: normal;
width : 240px;
text-decoration: underline;
}




h1 {
font : 15px Arial, Helvetica, sans-serif;
font-weight : bold;
color : #162a45;
padding : 0;
margin : 0;
}
h2 {
clear : both;
float : left;
width : 425px;
font : 14px Arial, Helvetica, sans-serif;
font-weight : bold;
color : #162a45;
padding : 5px 0 5px 0;
}
h3 {
font : 13px Arial, Helvetica, sans-serif;
font-weight : bold;
color : #162a45;
padding : 0;
margin : 5px 0 5px 0;
}
h4 {
clear : both;
float : left;
width : 425px;
font : 12px Arial, Helvetica, sans-serif;
font-weight : bold;
color : #162a45;
padding : 5px 0 5px 0;
}
h5 {
clear : both;
float : left;
width : 425px;
font : 11px Arial, Helvetica, sans-serif;
font-weight : bold;
color : #162a45;
padding : 5px 0 5px 0;
}
h6 {
clear : both;
float : left;
width : 425px;
font : 10px Arial, Helvetica, 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;
}



.cboxbot {
clear : both;
float : left;
width : 560px;
height : 35px;
margin : 0;
padding : 0;

}


/* =========================================================== Bagian Kanan ========================================*/
#right {
float : left;
width : 200px;
background: #FFFFFF ;
}

.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 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
padding-top: 30px;
float : left;
width : 100%;
margin: auto	;
text-align: center;
background: #EEEEEE;
border-top: 1px solid #D3D3D3;
height: 70px;
}

#bawah {
background: -moz-linear-gradient(top, #222222, #555555);
background: -webkit-linear-gradient(top, #222222, #555555); 
height : 20px;
text-align : center;
margin-top: 20px;
}