body { 
background: #eee;

font-family:arial,sans-serif,tahoma,verdana;
text-align:center;
font-size:16px;
padding: 0;
margin: 0;
 }
#semua { 
background: url(http://bokay.jw.lt/filee/pict/lbg.png) no-repeat top left #fff;
width: 920px;
text-align:left;
padding: 0 20px;
margin: 0 auto;
 }

#gogel {  
background: url(http://bokay.jw.lt/filee/pict/go.png) no-repeat bottom right ;
text-align: right; height: 40px;
 margin-right: -20px;}

      /* LOGO  */
#logo {
background: url(http://bokay.jw.lt/filee/pict/gog.png) no-repeat top right ; height: 75px; padding-left: 30px;margin-right: -20px; }

        /* MENU  */
#menu { 
background: url(http://bokay.jw.lt/filee/pict/ul.png) repeat-x top left;
height: 44px;
margin-bottom: 20px;
 margin-left: -20px;
 margin-right: -20px;
text-align: right;
padding-right: 30px;
}
#menu ul {
font-size: 16px;
font-weight: bold;
text-align: left;
padding: 0;
 }
#menu li {
text-align: center;
list-style-type: none;
float: left;
margin: -5px 0 0 0;
}
#menu li a {
color: #fff;
text-decoration: none;
padding: 20px 5px;
display: block;
width: 90px;}
#menu li a:hover {
background: url(http://bokay.jw.lt/filee/pict/listmenu.png) no-repeat top left;
color: #5a1438;
}
      /* KIRI  */
#kiri { 
width: 68%;
float: left;
 }

#kiri h2 {
background: url(http://bokay.jw.lt/filee/pict/h2k.png) repeat-x bottom left;
color: #444;
font-size: 1.5em;
leter-spacing: -2px;
padding: 10px 0 10px 5px ;}

      /* KANAN  */
#kanan { 
margin-left: 70%;
padding: 0 ;}
#kanan h2 , #kanan h3 {
background: url(http://bokay.jw.lt/filee/pict/ul.png) repeat-x  bottom left ;
color: #fff;
padding: 10px; }
#kanan ul { padding: 0; }
#kanan li { padding: 0; margin: 0; list-style: none; }
#kanan li a { background: url(http://bokay.jw.lt/filee/pict/list.png) no-repeat left; color: #5a1438; text-decoration: none; display:block; padding: 5px 0 5px 20px; font-weight: normal; border-bottom: 1px dashed #a2a5a2;}
#kanan li a:hover { background: url(http://bokay.jw.lt/filee/pict/listh.gif) no-repeat left #ddd; color: #4500ff; }
      /* BAWAH  */
#bawah { 
background: url(http://bokay.jw.lt/filee/pict/bawah.png) repeat-x top left #e7e3e7;
text-align: center;
clear: both;
padding: 20px 0;
margin: 0 -20px;
  }

      /* CLASS  */
.gogelinput {
background: #eee;
color: #0000ff;
height: 22px;
width: 220px;margin-bottom: 10px;margin-right: 10px;}
.gogelbut {margin-bottom: 2px;}
.isi {
background: url(http://bokay.jw.lt/filee/pict/is.png) repeat-y top left #eee;
padding: 20px 20px 20px 40px;
margin-bottom: 20px;
border-bottom: 1px solid #aaa;
}
     .kode {
background: #ffffe7 url(kode.png) repeat-x top left;
padding: 10px 15px 15px;
border: 1px solid #000;
}
     .kodeisi {
background: #ffffea;
color: #000;
border: 1px solid #000;
padding: 5px;
}

.dua {width: 98%;display:block;margin-bottom: 20px;}
.duakiri {float:left;width: 45%;}
.duakanan {margin-left: 53%;}
.dua h3 { 
font-size: 1.2em;
}
.calendar {margin: 20px 0;}
.calendar table {width: 100%;text-align:center; }
.calendar caption {background: #eee;padding: 5px 0; }
.calendar th {border-bottom: 1px solid #eee;}

/* LINK */
.link { color: #444; text-decoration: none; }
.link:hover { 
color: #0000ff;
border-bottom: 2px solid #0000ff; }
.download a { 
text-decoration: none;
display: block;
height: 55px ;
width: 190px;
}
.download a:hover { 
background: #eee;
}

/* PRAGRAP ALINEA */
.kiri { text-align: left; }
.tengah { text-align: center; }
.kanan { text-align: right; }
.imgkanan { float: right; }
.imgkiri { float: left; }
p { margin-top: 0;
line-height: 20px; }
      /* UMUM  */
h1,h2,h3,h4 {
font-weight: normal;
padding: 0;
margin: 0;
line-height: 1.2em;
}
h1 {
font-size: 2em;
leter-spacing: -4px;
}
h2 {
font-size: 1.4em;
leter-spacing: -2px;
padding: 0;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1em;
font-weight: bold;
}
img a,img a:hover { text-decoration: none}
a { font-weight: bold; color: #850000; }
a:hover { color: #8500ff; text-decoration: underline #8500ff; }