* {
padding : 0;
margin : 0;
}

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


#wonogiribody{
background-color: #FFFFFF;
margin:auto;
padding:0;
width:1024px;
display:block;
}

#wrapper {
margin : auto;
padding : 0;
width : 100%;
display : block;
}


#top {
clear : both;
float : left;
width : 100%;
margin : 0;
padding : 0;

}

#topmenu {
clear : both;
width : 100%;
margin:auto;
padding : 0;
color: #000000;
height:50px;
font-size:16px;
border-bottom:2px solid #EAEEF1;
}
#topmenu a {
color: #000000;
text-decoration:none;
font-size:16px;
margin-right:20px;
} 
#topmenu a:hover {
color: #000000;
text-decoration: underline;
} 
.bt1{
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
float : left;
width:100%;
height : 30px;
}
.menupulldown{
text-align:left;
padding-left:0px;
float:left;
width:50%;
}

.namasitus{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color: #000000;
font:bold;
float:left;
width:50%;
}


#banner {
background:#EAEAEA ;
margin-top:0px;
width : 100%;
height:150px;
vertical-align:top;
text-align:center;
float: inherit;

}



/* Easy Slider */

	#slider{
	padding:0;
	margin:auto;
	}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:150px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:600px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
	
		}	
	#nextBtn a, #nextBtn2 a{ 
		
		}												

/* // Easy Slider */

#top img {
border : 0;
}


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

.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;
}
.tombolcari{
float:left;
width: 50px; 
height: 25px; 
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 {
margin-top:5px;
background-color: #FFFFFF;
clear : both;
width : 100%;
margin-left:auto;
margin-right:auto;
padding : 0 0 0 0;
border : 0 solid #d4eda2;
text-align : left;
}

/* ======================================================= Bagian Kiri ===========================================*/
#leftside {
float : left;
width : 19.5%;
padding-right:5px;
margin-top:5px;
}


#left {

float : left;
width : 100%;
}



.statistik {
padding-left:5px;
padding-right:5px;
width : 100%;
border : 0 solid #000;
color:#000000;
}


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

.counterbtop {
clear : both;
float : left;
width : 100%;
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 : 100%;
margin : 0;
padding : 0 0 0 0;
font : 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #2e3d52;
}

.pencarian {
background-color:#EAEAEA;
padding-top:10px;
float: left;
width:100%;
height:50px;
border : 0 solid #a4cb37;
}


.box {
background-color:#F4F4F4;
clear : both;
float : left;
width : 100%;
margin-top:0px;
margin-bottom:5px;
}

.btop {
background-color:#EAEAEA;
clear : both;
float : left;
width : 95%;
height : 10px;
margin : 0;
padding-left:5%;
padding-top:5%;
padding-bottom:5%;
font : 12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color: #000000;
font-weight : bold;
}
.bcont {
clear : both;
float : left;
width : 100%;
margin : 0;
padding : 0 0 0 0;
font : 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #2e3d52;
}

.profilmain{
width : 100%;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
color: #000000;
border-bottom: 1px solid #FFFFFF;
text-align:justify;
}
.profilmain a{
font: bold;
color: #000000;
text-decoration: none;
}

.profilmain a:hover{
color: #0000FF;
text-decoration:underline;
}


.profilgambar{
width : 100%;
text-align:center;
}
.profilisi{
width : 95%;
}


.menu {
padding : 0 0 0 0;
width : 100%;
border : 0 solid #000;
}

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

.menu a, .menu a:active, .menu a:link, .menu a:visited {
font : 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display : block;
margin-left:5px;
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
padding-right:0px;
color : #000;
font-weight : normal;
text-decoration : none;
width : 95%;
border-bottom: #666666 solid 1 px;

}


.menu a:hover {
font : 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin-left:5px;
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
padding-right:0px;
color: #000000;
font-weight: normal;
width : 95%;
text-decoration: none;
border-bottom: #0000FF solid 1 px;
}



.menulink {
padding : 0 0 0 0;
margin-top:5px;
margin-left:10px;
width : 100%;
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{
padding-top:0px;
width : 100%;
margin:0;
padding-left:0px;
}

.subdomain a{
padding-bottom:2px;
width:100%;
float:left;
}

.subdomain img{
width:100%;
}


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

.btopsms {
background: url(../pustaka/sms.gif) no-repeat;
clear : both;
width : 100%;
height : 18px;
margin : 0;
text-align:center;
padding-top:10px;
padding-bottom:5px;
font : 12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#FFFFFF;
font-weight : bold;
}

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

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

}

.smsjudul{
clear : both;
width : 100%;
margin-left:0px;
padding-left:0px;
padding-bottom:20x;
font : 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color: #FFFFFF;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
text-align:center;
}

.sms{
clear : both;
width :  100%;
height : 18px;
margin-left:0px;
padding-left:5px;
margin-bottom:5px;
font : 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color: #000000;
font-weight:normal;
padding-bottom:5px;
border-bottom:1px solid #FFFFFF dashed;
}

.bbot {
clear : both;
width : 100%;
height : 16px;
}





/* ===================================================== Bagian Tengah ================================= */
#centerside {
float : left;
width : 59.9%;
margin-top:5px;
}
#center {
background-color:#F4F4F4;
float : left;
width : 100%;
}

#runtext {
background-color:#EAEAEA;
width:92%;
border : 0;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
padding-left:3%;
padding-right:3%;
padding-top:1%;
padding-bottom:2%;
height:10px;
margin-top:1%;
margin-left:1%;
margin-right:1%;

}

#welcome{
width: 90%;
padding-top:5px;
padding-left:5%;
padding-right:5px;


}

.cbox {
clear : both;
float : left;
width : 100%;
margin-top:10px;
padding : 0px 0px 0px 0px;
}
.cboxtop {
/*background: url(../pustaka/kontentop.gif) no-repeat;*/
clear : both;
float : left;
width : 100%;
height : 35px;
padding : 7px 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;
}
.cboxtophari {
background: url(../pustaka/kontentop.gif) no-repeat;
clear : both;
float : left;
width : 100%;
height : 35px;
padding-top:5px;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #000000;
vertical-align:text-bottom;
text-align:center;
}

.cboxcont {
clear : both;
float : left;
width : 100%;
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 : 0px solid #666666;
}
.cboxconts {
clear : both;
float : left;
width : 100%;
margin : 0px 0px;
padding : 0;
font : 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #202931;
text-align : left;
}

.contmain {

padding-left:2%;
padding-right:2%;
width : 96%;
border-top : 0px solid #999999;
}

.contnewstittle{
font: bold;
color:#000000;
margin-top:0px;
border: none;
}

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

.contnewstrack{
border-bottom: 0px solid #000000;
margin-bottom:5px;
}

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


.contnewsend {
float : left;
width :  100%;
}




.contnewsdetail {
float : right;
width : 120px;
}
.contend {
margin-left:2%;
width : 98%;
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;
}

.contnews a, .contnews a:active, .contnews a:visited {
font : 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight: normal;
color : #111e3f;
text-decoration : none;
}
.contnews a:hover {
color : #0000FF;
text-decoration : none;
}


.cboxbot {
/*background: url(../pustaka/kontenbot.gif) no-repeat;*/
clear : both;
float : left;
width : 100%;
height : 35px;
margin : 0;
padding : 0;

}


/* =========================================================== Bagian Kanan ========================================*/
#rightside {
margin-top:5px;
padding-left:5px;
float: left;
width : 19.5%;
}

#right {
float: right;
width : 100%;
}

.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 : 100%;
font-weight : normal;
text-align : center;
color : #000;
}

#bawah {
background-color:#555A6E;
width : 100%;
height : 52px;
margin-top:0px;
padding-top:20px;
font-weight : normal;
text-align : center;
color: #FFFFFF;
}



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