*{margin:0;padding:0}
html{overflow-y:scroll}
body{margin:0;padding:0;color:#777;font:0.75em Arial;background:#393939 url(i/body.jpg) center top repeat-y;text-align:center}
h1,h2,h3,h4,h5{color:#234;margin:0.5em 0 0;padding:0;font-family:Geneva}
a{color:#363636;text-decoration:none;outline:none}
a img{text-decoration:none;border:0}
input{outline:none}
select{outline:none}
ul{list-style:none}
blockquote{padding-left:0.5em}
#container{ width:960px;padding:1.5em;margin:0 auto;text-align:left;background:#fff url(i/container.jpg) left -18px repeat-x}
#header{margin:0;padding:0}
#logo{float:left;width:100px;height:48px;background:url(i/logo.gif) center center no-repeat;overflow:hidden}
#topNav{float:left;list-style:none;padding:1em}
#topNav li{float:left;border:1px solid #ccc;display:block}
#topNav li a{display:block;text-transform:uppercase;padding:0.75em 5.7em;color:#999;font:bold 0.85em Verdana}
#topNav li a:hover{background:url(i/mbbg.jpg) left top repeat-x;text-decoration:none;color:#666}
#topNav li a.topNavActive{background:url(i/mbbg.jpg) left top repeat-x;color:#17375D}
#crumbtail{margin-left:-10px}
#mainContent{margin:0;padding:0.5em 0;text-align:left}
#mainContent p{margin:1em 0 0}
#mainContent a:hover{text-decoration:underline}
#crumbtail a{color:#c00}
#crumbtail a:hover{color:#090}
#lsb{float:left;width:250px;border-right:1px dotted #ccc}
#msb{margin-left:275px;line-height:22px}
#topContent{margin:0 auto;width:100%;height:300px;border:1px solid #ccc;text-align:left;background:url(i/container.jpg) left -20px repeat-x}
#topContent a:hover{text-decoration:none}
#topContent ul{}
#topContent ul li{width:100%;height:300px}
#topContent ul li div{width:450px;padding:1.5em 5px}
#topContent h2{font-size:large;text-align:center}
#topContent.forbidden{width:96%;padding:1em 2%;color:#900;border-bottom:0}
#topContent p{color:#999;font:large Georgia}
#botContent{padding-top:2em;width:100%;text-align:left;background:url(i/mainshadow.png) center top no-repeat}
#botContent li{float:left;display:block;width:33%}
#botContent li h3{font:0.75em Arial}
#botContent li a:hover{text-decoration:underline}
#leftNav{font-size:large;font-weight:bold}
#leftNav a:hover{text-decoration:none}
#leftNav li{margin-bottom:9px}
#news{width:85%}
#footer{margin:0;padding:0.5em 0 0 0;border-top:1px solid #aaa;font:0.9em Geneva;text-align:right;color:#999}
#footer a{color:#999}
#footer a:hover{color:#333}
#newsletter{float:left;width:300px;display:inline;text-align:left}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px}
.fltrt{text-align:right;float:right}
.fltlt{text-align:left;float:left}
.textf{border:1px solid #ccc;color:#999;background:#ff9;width:125px;font-size:10px;padding:0.25em}
.error{color:#c00;font-weight:bold;text-decoration:underline}
.judulLink{color:#4F81BD;font:bold 95% Arial}
.judulLink:hover{color:#F60}
.tanggal{color:#080;font-size:smaller}
.more{color:#4F81BD;font-size:smaller}
.off{color:#aaa}
.off:hover{color:#333}
.bc{color:#aaa}
.bc:hover{color:#5881C2}
.gc{color:#aaa}
.gc:hover{color:#090}
.oc{color:#aaa}
.oc:hover{color:#F60}
.rc{color:#aaa}
.rc:hover{color:#c00}
.ok{color:#090;font-weight:bolder}
.nok{color:#900;font-weight:bolder}
.bok{color:#5881C2;font-weight:bolder}
.bgg{background:#efefef;color:#000}
.newslist{float:left;width:48%;margin-right:1%;padding-right:1%;padding-bottom:1em;text-align:left}
.intro{font-size:94%}
.mindesk{padding:5px;background:#f9f9f9;border:1px solid #d7d7d7;line-height:15px;font-size:11px;-moz-border-radius:4px;-webkit-border-radius:4px}