*{font:11px verdana; color:#333; margin:0px; padding:0px;}
a{color:#333; text-decoration:none;}
a.plink{border-bottom:1px dashed #333!important;}
a.plink:hover{border-bottom:1px dashed #9f5816!important;}
a:hover{color:#9f5816;}
a img{border:none!important;}
a.plink:hover{color:#9f5816; border-bottom:1px dashed #9f5816;}
p{padding-bottom:10px; text-align:justify;}
strong,h1,h2,h3,h4,h5{font-weight:bold;}
strong{letter-spacing:-1px;}
em{font-style:italic;}
.clear{clear:both; line-height:0px; font-size:0px; overflow:hidden;}
.body{margin:20px 20px 0px 20px;}
.fl,.fc,.fr{display:inline;}
.fl,.fc{float:left;}
.fr{float:right;}
h1{font-weight:bold; font-size:14px; letter-spacing:-1px; padding-bottom:15px;}
h2{padding-bottom:10px;}
.nama{font-weight:bold; color:#9f5816; text-transform:uppercase; letter-spacing:-1px;}
HTML{height:100%;}
BODY{height:100%;}
BODY{background:#fff url("../imgs/bg.jpg") repeat-x center top;}
#main{position:relative; left:50%; margin:19px 0px 0px -380px; width:760px; border:1px solid #9f5816; clear:both; background:#fff;}
#head{width:760px; clear:both;}
.header{width:760px; clear:both;}
#he1{height:40px; background:#eee6df;}
#heFull{height:235px; background: url("../images/header.jpg") no-repeat;}
/*
#he2{height:80px; background: url("../imgs/h2.jpg") no-repeat;}
#he3{height:80px; background: url("../imgs/h3.jpg") no-repeat;}
*/
#he4{height:75px; background: url("../imgs/h4.jpg") no-repeat;}
#he1 .fl a{display:block; margin:0px 20px; width:300px; height:40px; background:url("../imgs/logo.gif") no-repeat center center; border:none;}
#he1 .fr{padding:14px 20px;}
#he1 .fr a{border:none; color:#9f5816; font-size:10px; font-weight:bold;}
#he1 .fr a:hover{color:#333;}
/* */
#menu{height:25px; width:460px; background:#9f5816;}

/* */
ul.link{list-style:none;}
ul.link li{padding-bottom:5px;}
ul.link li a{font-weight:bold; text-transform:uppercase; color:#9f5816; border:none;}
ul.link li a:hover{color:#333;}
/* */
#left{background:#fff;}
#right,#right2{background:#eee6df;}
/* */
#serv a{font-weight:bold; color:#9f5816; display:block; padding:0px 0px 5px 0px; border:none; margin-bottom:5px;}
#serv a:hover{border:0; color:#333;}
#serv a span{display:none;}
#serv a:hover span{display:block; background:#eee6df; padding:10px; margin:5px 0px;}
#serv a:hover span.f2{position:absolute; top:300px; left:480px;}
/* */
#prof .fl{width:120px;}
#prof .fr{width:300px;}
#pdf{margin-top:5px;}
#pdf a{height:17px; padding:3px 0px 0px 20px; background:url("../people/imgs/pdf.jpg") center left no-repeat; font-weight:bold; border:none; color:#777;}
#pdf a:hover{color:#333;}
img.prof{padding:3px; border:1px solid #9f5816;}
.add{border:1px solid #eee6df; margin-bottom:15px; padding:10px;}
.add h1{padding-bottom:5px;}
.add p{padding:0px;}
#prof .add .fl{width:50px;}
#prof .add .fr{width:100px;}
/* */
#news{height:260px; margin:0px 20px;}
#news a{display:block; padding:0px 10px 5px 0px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#9f5816; margin-bottom:5px; border-bottom:1px dashed #9f5816!important;}
#news a:hover{border:0; border-bottom:1px dashed #9f5816!important; color:#333;}
#news a span{display:none;}
#news a:hover span{display:block;}
#right #news a{letter-spacing:normal; font-size:10px;}
#right #news a:hover span{font-size:10px;}
a.map{display:block; padding:5px; border:1px solid #aaa; width:240px; height:167px;}
a.map:hover{border:1px solid #9f5816;}
/* */
ul.people{list-style:none; margin:0px 0px 10px 0px;}
ul.people li a{color:#9f5816; font-weight:bold;}
ul.people li a:hover{color:#777;}
h5{font-size:12px; letter-spacing:-1px; text-transform:uppercase;}
/* */
img.serv{border:1px dotted #aaa; padding:5px; margin:0px 15px 0px 0px; display:inline; float:left;}
#address{background:#eee6df; height:200px; width:260px; margin-left:20px;}
#address p{padding:0px;}
#address .fl{width:75px; font-weight:bold;}
#address .fc{width:15px; font-weight:bold;}
#address .fr{width:170px; text-align:left;}
/* */
#footer{clear:both; border-top:1px solid #9f5816; height:30px; background:#eee6df;}
#footer p{margin:10px 20px 0px 20px; color:#9f5816; font-size:9px;}
/* APP */
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 10px; height: 100px; font-size: 9pt; font-family: verdana; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 12em; }
.menu li { background-color: #ffffff; float: left; }
.menu li.sub { background-color: #ffffff; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #9f5816; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 12em; color: #9f5816; padding-left: 2em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; font-weight:bold; font-size:17px; color:#9f5816;}
* html .menu a, * html .menu a:visited { width: 12em; line-height: 2em; }
* html .menu a:hover { border-color: ##fff; color: #ffffff!important; background-color: #9f5816; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { border-color: ##fff; color: #ffffff; background-color: #9f5816; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { border-color: ##fff; color: #ffffff!important; background-color: #9f5816; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 12em; background-color: transparent; line-height: 4em }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
/* */

/* Edit By http://jktagus.web.id */
.berita {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt #000000;
	font-weight:bold;
	text-decoration: none;	
}
.berita a:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
}
.berita a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	font-weight:bold; 
	color: #000000;
	text-decoration: none;
}
.berita a:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	font-weight:bold; 
	text-decoration: none;
}
.berita a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	background: #FFCC00; 
	font-weight:bold; 
	color: red;
	text-decoration: none;
}