* {
padding : 0;
margin : 0;
}
body {
background : url(../pustaka/bg1.gif) repeat;
text-align : center;
font-size : 11px;
margin : 0;
font-family : Verdana, Helvetica, sans-serif;
}


#gunungkidulbody{
margin:auto;
padding:0;
width:830px;
background : url(../pustaka/list.gif) repeat;
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 {
background : url(../pustaka/banner.jpg);
width : 800px;
height : 100px;

}
#top img {
border : 0;
}
#topmenu {
clear : both;
float : left;
width : 800px;
height : 20px;
margin : 0;
padding : 0;
background : #fdfdfd url(../pustaka/bg_list.gif) repeat-x;
}
.MenuItem {
font-size : 11px;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
A.MenuItemLink {
padding-right : 2px;
padding-left : 2px;
font-size : 11px;
padding-bottom : 2px;
margin : 0;
color : #ffffff;
padding-top : 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
A.MenuItemLink:link {
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
A.MenuItemLink:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
A.MenuItemLink:hover {
color : #ffff00;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.myMenu {
z-index : 5;
visibility : hidden;
position : absolute;
}
#main {
background-color : #3333ff;
clear : both;
float : left;
width : 800px;
margin : 0;
padding : 0 0 0 0;
border : 0 solid #d4eda2;
background : #ffffff;
text-align : left;
}

/* ======================================================= Bagian Kiri ===========================================*/
#left {
float : left;
width : 156px;
margin-left: 13px;
padding : 0 0 0 0px;
}
.box {
clear : both;
float : left;
width : 156px;
margin : 0;
padding : 5px 0;
}
.btop {
clear : both;
float : left;
width : 156px;
height : 18px;
margin : 0;
padding : 10px 0px 5px 20px;
background : url(../pustaka/kotak_d_001_1.gif) no-repeat left 0%;
font : 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #000000;
font-weight : bold;
}
.bcont {
clear : both;
float : left;
width : 156px;
margin : 0;
padding : 0 0 0 0;
background : url(../pustaka/kotak_d_002_1.gif) repeat;
font : 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #2e3d52;
}

.statistik {
padding : 0 0 0 0;
margin : 6px 6px;
width : 140px;
border : 0 solid #000;
}
.menu {
padding : 0 0 0 0;
margin : 6px 7px;
width : 142px;
border : 0 solid #000;
background-color : #d4eda2;
}
.menu a, .menu a:active, .menu a:link, .menu a:visited {
font : 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display : block;
margin : 0;
padding : 2px 0 2px 5px;
color : #000;
font-weight : normal;
background : #d4eda2;
text-decoration : none;
border-left : 1px solid #a4cb37;
border-bottom : 1px solid #a4cb37;
width : 135px;
}
.menu a:hover {
font : 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display : block;
margin : 0;
padding : 2px 0 2px 5px;
color : #ffffff;
font-weight : normal;
background : #a4cb37;
text-decoration : none;
border-left : 1px solid #a4cb37;
border-bottom : 1px solid #a4cb37;
width : 135px;
}
.menu ul {
list-style : none;
margin : 0;
padding : 0 0 0 0;
width : 140px;
}
.menu li, .menu li:hover {
position : relative;
}
.menu li ul {
position : absolute;
top : 0;
left : 100.1%;
display : none;
border-left : 2px solid #a4cb37;
border-top : 1px solid #a4cb37;
border-bottom : 1px solid #a4cb37;
border-right : 1px solid #a4cb37;
padding : 0;
}
.menu li ul a, .menu li ul a:active, .menu li ul a:link, .menu li ul a:visited {
font : 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display : block;
margin : 0;
padding : 2px 0 2px 4px;
color : #000;
font-weight : normal;
background : #d4eda2;
text-decoration : none;
border-left : 0 solid #a4cb37;
border-bottom : 1px solid #d4d3d3;
width : 136px;
}
.menu li ul a:hover {
color : #0000FF;
background : #a4cb37;
border-left : 0 solid #a4cb37;
padding-left : 4px;
}
.menu ul ul, .menu ul ul ul, .menu ul li:hover ul ul, .menu ul li:hover ul ul ul {
display : none;
}
.menu ul li:hover ul, .menu ul ul li:hover ul, .menu ul ul ul li:hover ul {
display : block;
}
.menu a.x, .menu a.x:visited, .menu a.x:active {
background : #d4eda2 url(../pustaka/freccetta.gif) no-repeat left 0%;
color : #000;
background-position : 0 +4px;
font-weight : normal;
}
.menu a.x:hover {
background : #a4cb37 url(../pustaka/freccetta.gif) no-repeat left 0%;
color : #0000FF;
}


.menulink {
padding : 0 0 0 0;
margin-top:6px;
margin-left:3px;
width : 144px;
border : 0 solid #000;
}
.menulink ul {
list-style : none;
margin : 0;
width : 144px;
padding-left:3px;
}

.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;
}

.bbot {
clear : both;
float : left;
width : 156px;
height : 10px;
margin : 0;
padding : 0;
background : url(../pustaka/kotak_d_003_1.gif) no-repeat left 0%;
}

/* ===================================================== Bagian Tengah ================================= */
#center {
float : left;
width : 435px;
margin : 0 13px;
padding : 0;
}
#runtext {
border : 0;
margin-top: 10px;
padding : 0px 0px;
}
#welcome img {
border : 0;
margin-top:5px;
padding : 0px 0;
}
.cbox {
clear : both;
float : left;
width : 435px;
margin-top:5px;
padding : 0px 0px 0px 0px;
}
.cboxtop {
clear : both;
float : left;
width : 435px;
height : 20px;
padding : 7px 0 0 30px;
background : url(../pustaka/kotak_e_001.gif) no-repeat;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #000000;
vertical-align:text-bottom;
}

.slogan {
clear : both;
float : left;
width : 435px;
height : 20px;
padding : 7px 0 0 0px;
background : url(../pustaka/kotak_e_001.gif) no-repeat;
font : 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #000000;
vertical-align:text-bottom;
}

.cboxcont {
clear : both;
float : left;
width : 435px;
margin : 0;
padding : 0;
background : url(../pustaka/kotak_e_002.gif) repeat-y;
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 : 420px;
margin : 0px 0px;
padding : 0;
font : 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #202931;
text-align : left;
}
.contmain {
margin-left:7px;
width : 420px;
border-top : 1px solid #999999;
}

.contnewstittle{
margin-top:10px;
}

.contnewsend {
float : left;
width : 300px;
}
.contnewsdetail {
float : right;
width : 120px;
}
.contend {
margin-left:7px;
width : 420px;
border-top : 1px solid #999999;
}
.btamu {
width : 260px;
}
.isibtamu {
float : right;
width : 150px;
}
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;
}
.cboxconttab {
clear : both;
float : left;
width : 425px;
margin : 0;
padding : 6px;
background : #e8f0f3;
font : 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #202931;
text-align : left;
}
#gal {
clear : both;
float : left;
width : 425px;
margin : 0;
padding : 0;
border : 0 solid #d4eda2;
}
#gal img {
border : 0;
float : none;
}
.galleft {
float : left;
width : 195px;
height : 150px;
padding : 5px 8px 15px 9px;
margin : 0;
border : 0 solid #d4eda2;
}
.topmenu {
clear : both;
float : left;
width : 345px;
margin : 5px 0 5px 0;
padding : 0 40px 0 40px;
text-align : center;
border-bottom : 1px solid #333333;
}
.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 p {
margin : 0;
padding : 0 0 5px 0;
font-weight : normal;
}
.righttitle {
clear : both;
float : left;
width : 410px;
margin : 4px 0 0 0;
padding : 0 0 0 15px;
font : 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
text-align : left;
background : url(images/arrow.gif) left 0%;
border-bottom : 1px solid #e4e2dc;
text-transform : uppercase;
}
.righttitles {
clear : both;
float : left;
width : 415px;
margin : 4px 0 0 0;
padding : 0 0 0 10px;
font : 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
text-align : left;
background : url(images/berita.gif) no-repeat 0 0;
}
.righttitlesn {
clear : both;
float : left;
width : 425px;
margin : 4px 0 0 0;
padding : 0 0 0 0;
font : 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
text-align : left;
}
.titles {
clear : both;
float : left;
width : 398px;
margin : 3px 0 5px 0;
padding : 0 0 0 25px;
font : 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color : #000;
font-weight : bold;
background : #eee url(images/panah.gif) no-repeat 0 70%;
border : 1px solid #ccc;
}
.titleresult {
float : left;
font : 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
padding : 0 0 0 5px;
margin : 0 0 0 0;
width : 420px;
text-align : left;
border-bottom : 1px solid #999999;
background : #d9e2ec;
}
#pagebottom {
float : left;
font : 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
padding : 0 0 0 0;
margin : 0 0 0 0;
width : 425px;
text-align : center;
border : 0 solid #000;
background : #eee;
}
#pagebottom p {
margin : 3px;
}
#pagebottom a:link, #pagebottom a:visited, #pagebottom a:active {
color : #293357;
text-decoration : none;
}
#pagebottom a:hover {
text-decoration : underline;
color : #054cce;
font-weight : bold;
}
.ctitle {
clear : both;
float : left;
width : 425px;
font : 12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin : 0;
padding : 0;
color : #202931;
text-decoration : none;
font-weight : bold;
}
.ket {
clear : both;
float : left;
width : 425px;
margin : 0;
padding : 0;
}
.date {
clear : both;
float : left;
width : 450px;
margin : 0;
padding : 5px 0 0 0;
font : 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight : bold;
color : #111e3f;
}
.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 {
clear : both;
float : left;
width : 435px;
height : 12px;
margin : 0;
padding : 0;
background : url(../pustaka/kotak_e_003.gif) no-repeat;
}

/* =========================================================== Bagian Kanan ========================================*/
#right {
float : left;
width : 156px;
margin : 0px 0px;
padding : 0 0 0 0;
}
.pencarian {
padding : 0 0 0 0;
margin : 6px 7px;
width : 140px;
border : 0 solid #a4cb37;
}
.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;
}
.polling {
padding : 0 0 0 0;
margin : 6px 7px;
width : 140px;
border : 0 solid #a4cb37;
}

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

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


.subdomainjudul{
font-family : Verdana, Helvetica, sans-serif;
font-size:14px;
font: bold;
margin-top:10px;
width : 800px;
margin-bottom:10px
}


.subdomain{
margin:auto;
padding:0;
margin-top:10px;
width : 500px;
}

#bawah {
background : url(../pustaka/footer.jpg);
width : 800px;
height : 63px;
margin : 0 0 0 0;
padding : 0;
font-weight : normal;
text-align : center;
color : #000;
}
TD {
font-size : 10px;
font-family : Verdana, Helvetica, sans-serif;
}
TH {
font-size : 11px;
font-family : Verdana, Helvetica, sans-serif;
}