BODY
{
    FONT-SIZE: 11px;
    FONT-FAMILY: "Lucida Grande", "Luxi Sans", Verdana, sans-serif
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #666;
    PADDING-TOP: 0px;
    min-width: 750px;
  	background:  #000000 

}

dasar
{
    background-color:#005e6a
}
H1
{
    FONT-FAMILY: Georgia, Times New Roman, Times, serif;
    FONT-SIZE: 16px
}
H2
{
    FONT-FAMILY: Georgia, Times New Roman, Times, serif;
    FONT-SIZE: 16px
}
H3
{
    FONT-FAMILY: Georgia, Times New Roman, Times, serif;
    FONT-SIZE: 14px
}
H4
{
    FONT-FAMILY: Georgia, Times New Roman, Times, serif;
    FONT-SIZE: 12px
}

A:hover
{
    TEXT-DECORATION: underline
}
A:visited
{
    TEXT-DECORATION: none
}

#urldwp a 
{
	font-size : 10px;
	font-family : Verdana , Arial ;
}

.menuatas
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    min-width: 750px
    
}

.menuatas1
{
    BORDER-TOP: #236823 2px solid;
    BACKGROUND: #005e6a ;
    COLOR: #236823;
    BORDER-BOTTOM: #236823 2px solid
    
}

.menuatas2
{
    BORDER-TOP: #236823 0px solid
}

.wrap
{
	background-color:#ff9e0f;
    
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    WIDTH: 750px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left
    
}

.wrap1
{
	background-color:#005e6a;
    
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    WIDTH: 750px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left
    
}

.wrap2
{
	background-color:#005e6a;
    
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    WIDTH: 750px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left
    
}


#atas
{
    CLEAR: both
}

#atas LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: -4px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#atas LI A
{
    PADDING-RIGHT: 9px;
    PADDING-LEFT: 9px;
    BACKGROUND: #005e6a;
    PADDING-BOTTOM: 7px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 7px;
    TEXT-DECORATION: none
}

#atas LI A:hover
{
    BACKGROUND: #f15a23;
    COLOR: #ffffff
}

#kiriatas LI.berandawarta A:hover
{
    BACKGROUND: #005e2a;    
    COLOR: #ffffff
}
#kiriatas LI.berandawarta A
{
    BACKGROUND: #005e2a;
    COLOR: #ffffff
}
#kiriatas LI A
{
    FONT-WEIGHT: bold
}
.floatkiri
{
    FLOAT: left
}


#header A
{
    COLOR: #fff6e2
}
#header A:hover
{
    COLOR: #fff6e2
}

.tengahkiri
{
    WIDTH: 560px
}

#logo
{
 	MARGIN: 10px;
 	COLOR : #fff6e2;
    BACKGROUND: url(../img/logo.jpg) no-repeat;
    width: 66px;
    height: 66px 
}

#headerjudul
{
    WIDTH: 440px
}
#headerjudul H1
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 30px
}
#headerjudul H1
{
    TEXT-TRANSFORM: uppercase
}
#headerjudul A
{
    TEXT-DECORATION: none
}
#headerjudul H1 A:hover
{
    TEXT-DECORATION: none
}
#headerjudul H4
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Georgia, Times New Roman, Times, serif;
    COLOR: #000;
    FONT-SIZE: 10px;
    
}

.floatkanan
{
    FLOAT: right
}
.kanan
{
    WIDTH: 180px
}
#headersearch
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 80px
}
#headersearch FORM
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 7px;
    COLOR : #000
}
#headersearch #inputsearch
{
    BORDER-RIGHT: #ccc 2px solid;
    BORDER-TOP: #ccc 2px solid;
    BACKGROUND: #fff6e2;
    MARGIN: 5px 0px;
    BORDER-LEFT: #ccc 2px solid;
    WIDTH: 120px;
    COLOR: #000;
    BORDER-BOTTOM: #ccc 2px solid
}
#headersearch #inputsearch:hover
{
    BORDER-RIGHT: #336 2px solid;
    BORDER-TOP: #336 2px solid;
    BACKGROUND: #fff6e2;
    BORDER-LEFT: #336 2px solid;
    COLOR: #000;
    BORDER-BOTTOM: #336 2px solid
}
#headersearch #inputsubmit
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND: url(../img/iconfindblank.png) no-repeat;
    BORDER-LEFT: medium none;
    WIDTH: 36px;
    BORDER-BOTTOM: medium none;
    HEIGHT: 18px
}
#headersearch #inputsubmit:hover
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND: url(../img/iconfindblank.png) no-repeat;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
#headersearch LABEL
{
    FONT-SIZE: 10px;
    COLOR : #ffffff;
    
}



.utama
{
    CLEAR: both
}
.nav
{
    MARGIN: 10px 0px 0px
}

.kiri
{
    WIDTH: 180px
}

#nav TABLE
{
}
#contentwide TABLE
{
    MARGIN-BOTTOM: 15px
}
.contentwide
{
    MARGIN: 10px 0px 0px
}
.centerright
{
    WIDTH: 560px
}
.contentwidebox
{
	BACKGROUND: #ff9e0f
}
.clearboth
{
    CLEAR: both
}
#content H4.quest
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    FONT: bold 11px "Lucida Grande", "Luxi Sans", Verdana, sans-serif;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #ccc 1px solid
}
#content P.quest
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    FONT: bold 11px "Lucida Grande", "Luxi Sans", Verdana, sans-serif;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #ccc 1px solid
}
#content P.answ
{
    PADDING-RIGHT: 8px;
    BORDER-TOP: #ddd 2px solid;
    PADDING-LEFT: 48px;
    BACKGROUND: #ff9e0f;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    COLOR: #000;
    PADDING-TOP: 2px
}
#content UL.answ
{
    PADDING-RIGHT: 8px;
    BORDER-TOP: #ddd 2px solid;
    PADDING-LEFT: 48px;
    BACKGROUND: #ff9e0f;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    COLOR: #000;
    PADDING-TOP: 2px
}
#content UL.answfile
{
    PADDING-RIGHT: 8px;
    BORDER-TOP: #ddd 2px solid;
    PADDING-LEFT: 48px;
    BACKGROUND: #ff9e0f;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    COLOR: #000;
    PADDING-TOP: 2px
}
#content OL.answ
{
    PADDING-RIGHT: 8px;
    BORDER-TOP: #ddd 2px solid;
    PADDING-LEFT: 48px;
    BACKGROUND: #ff9e0f;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    COLOR: #000;
    PADDING-TOP: 2px
}
#content OL.answ LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px
}
.container OL LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px
}
#content UL.answ LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 16px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.center
{
    WIDTH: 370px
}
#home .splash
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 10px;
    COLOR: #fff6e2;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 215px;
    BACKGROUND-COLOR: #333
}
#home .splashcover
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(../img/px.png)  no-repeat;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #fff6e2;
    PADDING-TOP: 0px;
    HEIGHT: 180px
}
.splashcover P
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    PADDING-TOP: 190px
}
.splashcover P A
{
    BACKGROUND: #333;
    COLOR: #eee;
    TEXT-DECORATION: none
}
.splashcover P A:hover
{
    BACKGROUND: #333;
    COLOR: #99f;
    TEXT-DECORATION: underline
}


.clust
{
    border-right: #005e6a 1px solid;
    padding-right: 9px;
    border-top: #005e6a 1px solid;
    padding-left: 9px;
    background: #ff9e0f;
    padding-bottom: 9px;
    margin: 0px 5px 5px;
    border-left: #005e6a 1px solid;
    color: #000000;
    padding-top: 9px;
    border-bottom: #005e6a 1px solid;
    position: relative;
}

.clust a
{
     COLOR : #000000
}

.hide
{
    DISPLAY: none
}
.clust .util
{
    BORDER-TOP: #ccc 1px solid
}

.clust .seputar a
{
     COLOR : #000000
}

.clust .seputar p
{
     COLOR : #ffffff
}

.clust .seputar A:hover
{
	DISPLAY : block;
	BACKGROUND: #f15a23;
    COLOR: #ffffff;
    TEXT-DECORATION: none
    
}

.clust .util UL LI
{
    PADDING-RIGHT: 15px;
    DISPLAY: block;
    PADDING-LEFT: 18px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;

    PADDING-TOP: 5px
}
.clust H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px 0px;
    PADDING-TOP: 0px;
    font-weight: bold;
    COLOR : #ffffff;
    BORDER-BOTTOM: #000000 1px solid
}
.clust H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px 0px;
    PADDING-TOP: 0px;
    FONT-SIZE: 14px;
    COLOR : #ffffff;
    BORDER-BOTTOM: #ffffff 1px solid
}

.clust LI UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 4px;
    LIST-STYLE-TYPE: none
}
.clust LI UL LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 12px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    PADDING-TOP: 2px
}

.clust UL
{
    CLEAR: both;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    PADDING-TOP: 4px;
        COLOR : #ffffff;
    LIST-STYLE-TYPE: none
}
.clust UL LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 4px
}

.clust UL LI H3
{
    FONT-FAMILY: Georgia, Times New Roman, Times, serif;
    FONT-SIZE: 14px;
    COLOR : #ffffff
}

.clust p
{
    COLOR : #ffffff
}


.clust:hover
{
    BORDER-RIGHT: #999 1px solid;
    BORDER-TOP: #999 1px solid;
    BORDER-LEFT: #999 1px solid;
    BORDER-BOTTOM: #999 1px solid
}
UL.navmain
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px;
    PADDING-TOP: 5px
}
UL.navmain LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #ffffff 1px solid
}
UL.navmain LI:hover
{
    BACKGROUND: #def;
    COLOR: #ffff00;
    BORDER-BOTTOM: #fff6e2 1px solid
}
UL.navmain LI A
{
    PADDING-RIGHT: 15px;
    DISPLAY: block;
    PADDING-LEFT: 18px;
    BACKGROUND: url(../img/bullet.png) no-repeat 2px 1px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR : #000000;
    font-weight: bold;
    PADDING-TOP: 0px
}
UL.navmain LI A:hover
{
    BACKGROUND: url(../img/iconmain.png) #f15a23 no-repeat 2px 1px;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}


.berita
{
    CLEAR: both;
    BORDER-RIGHT: #ff9e0f 1px solid;
    PADDING-RIGHT: 9px;
    BORDER-TOP: #ff9e0f 1px solid;
    PADDING-LEFT: 9px;
    BACKGROUND: #ff9e0f;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 0px 10px;
    BORDER-LEFT: #ff9e0f 1px solid;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ff9e0f 1px solid
}

.berita p
{
    FONT-SIZE: 10px;
    FONT-FAMILY: "Lucida Grande", "Luxi Sans", Verdana, sans-serif

}

.berita H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 15px 0px 5px;
    PADDING-TOP: 0px;
    COLOR : #ffffff;
    BORDER-BOTTOM: #ffffff 3px solid
}
.berita H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 10px 0px 5px;
    PADDING-TOP: 0px;
    COLOR : #ffffff;

    BORDER-BOTTOM: #ffffff 2px solid
}
.berita H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 10px 0px 5px;
    PADDING-TOP: 0px;
    COLOR : #ffffff;

    BORDER-BOTTOM: #ffffff 1px solid
}

.berita a
{
	COLOR : #ffffff
}

.berita p
{
	COLOR : #000000
}

.berita p a
{
	COLOR : #000000;
	BACKGROUND: url(../img/bullet.png) no-repeat 2px 1px;
	PADDING-LEFT: 15px;
}


#navsub TABLE
{
}

.navsub IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}



#footer
{
    BORDER-TOP: #f15a23 5px solid;
    FONT-SIZE: 10px;
    BACKGROUND: #feab31;
    COLOR: #ffffff
}
#footerleft
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 25px;
    MARGIN: 0px;
    PADDING-TOP: 10px
}
#footerright
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 25px;
    MARGIN: 0px;
    PADDING-TOP: 10px
}

#headerimg
{
    BACKGROUND: url(../img/px.png) no-repeat 35px 7px;
    WIDTH: 100px
}

.contentwide
{
    MARGIN: 10px 0px 0px
}
.centerright
{
    WIDTH: 560px
}


#contentwide TABLE
{
    MARGIN-BOTTOM: 15px
}

.bentuk
{
    WIDTH: 560px;
}


.bentuk TABLE
{
	FONT: 11px "Lucida Grande", "Luxi Sans", Verdana, sans-serif;
}

UL.kontak
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px;
    PADDING-TOP: 5px
}
UL.kontak LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
}
UL.kontak LI:hover
{
    BACKGROUND: #def;
    COLOR: #000;
    BORDER-BOTTOM: #fff6e2 1px solid
}

.latar
{
    CLEAR: both;
    BORDER-RIGHT: #ff9e0f 1px solid;
    PADDING-RIGHT: 9px;
    BORDER-TOP: #ff9e0f 1px solid;
    PADDING-LEFT: 9px;
    BACKGROUND: #ff9e0f;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 0px 10px;
    BORDER-LEFT: #ff9e0f 1px solid;
    COLOR: #000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ff9e0f 1px solid
}

