@charset "utf-8";
/* CSS Document */
body{padding: 20px;background-color: #000; margin:0px auto;
    font: 100% Georgia, "Times New Roman", Times, serif}
h1,h2{margin: 0 10px}
h1{font-size: 250%;color: #000}
h2{font-size: 130%; font-weight:bold; padding-bottom:.5em}
h3{font-size: 120%;color: #fff}
p{padding-bottom:1em}
#container {width:960px; margin:0 auto; background:#000; }
#logo {background:url(images/logo.jpg) 0 0 no-repeat; height:100px; width:579px;}
div#menu{padding:0; margin:0 0 20px 0; height:48px; color:#fff;}
div#menu ul {padding:0;}
div#menu ul li {height:30px; padding:0 7px; list-style:none; display: inline; font-size:12px; font-weight:bold;}
div#menu ul li a{text-decoration:none; color:#FFFFFF}
div#menu ul li a:hover{color:#999900;}
div#nifty{ margin: 0 0 10px 0; background: #fff}
b.rtop, b.rbottom{display:block;background: #000}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #fff}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
#kiri {width:27%; margin:10px; padding:0px; /*border:1px solid red;*/ max-height:100%; float:left; color:#fff; font-size:12px}
#kiri ul {list-style:url(images/strelica.gif)}
#kiri ul li { margin-left:-15px; padding-bottom:5px;}
#kiri ul li a {color:#fff; text-decoration:none;}
#kiri ul li a:hover{text-decoration:underline;}
#kiri form {margin:0 0 10px 10px;}
#kanan {width:655px; margin:8px 10px 10px 0px; padding:0px; /*border:1px solid red;*/ max-height:100%; float:right;}
#kanan h2 {margin:10px 0; padding:0;}
.ha2 {font-size: 130%; font-weight:bold; margin:10px 0; padding:0;}
.ha3 {font-size: 100%; font-weight:bold; margin:10px 0px 0px 0px; padding:0;}
#detail h4 {font-size: 100%; font-weight:bold; margin:10px 0px 0px 0px; padding:0;}
#detail, p {font:.85em/1.4em Georgia, "Times New Roman", Times, serif; text-align:justify; margin:0 5px 0 0;}
#detail ul, #detail ol {margin:0 0 10px -10px; list-style:url(images/strelica.gif)}
#detail img {margin-right:10px; margin-top:5px;}
#detail a {color:#000; background:#fff; padding:0px; text-decoration:underline}
#detail a.biasa {color:#000; background:#fff; padding:0px; text-decoration:underline;}
#detail a:hover {color:#fff; background:#999900;}
#detail a.imej, a:hover.imej {background:none; padding:0px; text-decoration:none}
div#hitam{ margin: 0 0 10px 0; background: #000;}
b.htop, b.hbottom{display:block;background: #fff}
b.htop b, b.hbottom b{display:block;height: 1px;
    overflow: hidden; background: #000}
b.h1{margin: 0 5px; }
b.h2{margin: 0 3px}
b.h3{margin: 0 2px}
b.htop b.h4, b.hbottom b.h4{margin: 0 1px;height: 2px}
#bersih {clear:both; height:1px;}
#copy {font-size:13px; text-align:center; font-weight:bold; color:#fff;}
.highlight {
	background-color:#FFFF00;
	text-decoration:underline;
}
.toggle {padding:10px; border:1px dotted  #999;}