@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
padding:0;
margin:0;
line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
.clear { clear: both; }
#wrap {
	background: #FFF;
	width: 992px; height: 100%;
	margin: 0 auto;
	text-align: left;
}
/* header */
#header {
	width: 992px;
	position: relative;
	height: 110px;
	background: #fff;
}
#header img#logo {
    position: absolute;
	margin: 0; padding: 0;
	top:15px; left:18px;
	border:none;
}
#header form.searchform {
	position: absolute;
	top: 60px; left: 520px;
}
#header .bahasa {
	position: absolute;
	top: 80px; left: 880px;
	font:.75em/1.5em  Arial, sans-serif;
	color:#2E3092;
	font-weight:bold;
}
#header .bahasa a{	
	color:#2E3092;
	text-decoration:none;
}
#header .bahasa a:hover{	
	color:#FF0000;
	text-decoration:none;
}
#content-wrap {
	clear: both;
	float:left;
	width: 992px; height: 100%;	
	margin: 0; padding: 0;	
	background: #FFF;
}
.leftbar {
	float: left;
	width: 188px;
	margin:10px 0;	padding: 0; 	
}
/* sidebar */
#sidebar {
	float: left;
	width: 188px;
	margin:25px 0;	padding: 0; 
	display: inline;	
}
#sidebar form.login {
	margin-top:10px;
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 0px;
	padding:0;			
}
#sidebar ul.sidemenu li {
	width:178px; height:25px; position:relative; margin-left:0;
}
#main {
	float: left;
	margin: 5px 0 5px 6px;
	padding: 0;
	width: 603px;			
}
#main2{
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 72%;		
}
#main-content {
	width:603px;
	margin:30px 0;
}
#box-main {
	width:600px;
	margin:5px 0;
	padding:0;
}
/* rightbar */
#rightbar {	
	float: left;
	margin: 5px 0 5px 6px;
	padding: 0;	
	width: 188px;	
}
#right-content {
	width:188px;
	margin:30px 0;
}
#box-content {
	width:158px;
	font:.75em/1.5em   Arial, sans-serif;	
	color:#2E3092;
	padding-top:5px;
	padding-left:0px;	
	text-decoration:none;
}
#rightbar img {
	margin-left:15px;
}
#rightbar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 0px;
	padding:0;		
}
#rightbar ul.sidemenu li {
	width:178px; height:25px; position:relative; margin-left:0;	
}
/* Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #2E3092; 
	border-top: 3px solid #FF0000;
	margin: 0; padding: 0; 
	height: 32px;
	padding-top:10px;
	font:.75em/1em   Arial, sans-serif;
	text-align:center;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(../images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.secnav {
font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0; text-decoration:none;
}
.borbott {
border-bottom:1px dotted;
}
* html body #sidebar ul.sidemenu a { height: 25px; }

/* menu tabs, End IE5-Mac hack */
#header a:hover span {
   color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
   color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
   color: #FFF;
}
/* end menu tabs */

input, select {
	padding: 2px;
	border:1px solid silver;
	background:#fff;	
	color:#000;	
	font:11px  Arial, sans-serif;
}
textarea      { font-size: .95em/1.5em;  border: 1px solid silver; }
button        { font-size: 11px;  }
input.disabled { background-color: #F0F0F0; }
input.button  { cursor: pointer;   }
input:focus,
select:focus,
textarea:focus { background-color: #ffd }

#menu {
position: relative;
width: 100%;
height: 25px;
background-color: #2E3092;

}
#menu-inner {
position: absolute;
top: 0;
bottom:0;
width: 100%;
height: 30px;
background-color: #2E3092;
}
/*
#menu ul {
width: 100%;
list-style: none;
float: left;
margin: 0 0 0 0;
padding: 0;
}

#menu li {
list-style: none;
float: left;
display: inline;
}

#menu a {
color: #013066;
font-weight: bolder;
text-decoration: none;
float: none !important;
float: left;
display: block;
text-align: center;
margin: 0;
padding: 7px 0 0 0;
width: 137px;
height: 26px;
}

#menu a:hover { color: #fff; }
*/
#menu { z-index: 200; }
/* only apply to first level links */
.sf-menu > li > a {
font: .80em/1em  Arial, sans-serif !important;
text-align: center;
line-height: 30px;
height: 22px;
margin: 0;
padding-top: 8px;
padding-right: auto;
padding-bottom:0;
padding-left: 19px;
border:none;
}
/* the rest of the links */
.sf-menu li a {
color: #FFF !important;
font:.80em/1em  Arial, sans-serif;
font-weight: normal !important;
}
.sf-menu li li a {
color: #FFF !important;
font:.80em/1.5em  Arial, sans-serif;
font-weight: normal !important;
}
.sf-menu li li a { line-height: 50%; }

/* first level hover */
.sf-menu > li > a:hover {
color: #fff !important;
}

/* first level */
.sf-menu > li {
background: none !important;
}

/* second level */
.sf-menu li li {
background: #2E3092 !important;
}
/*third level */
.sf-menu li li li {
background: #2E3092 !important;
}

/*fourth level */
.sf-menu li li li li {
background: #ff9900 !important;
}

/* remove arrow for first level links */
.sf-menu > li > a > .sf-sub-indicator {
background: none;
}

.sf-menu > li > a.sf-with-ul {
/* padding-right: 	0; */
/* trigger IE7 hasLayout so spans position accurately */
min-width:		1px;
}

/* set hover color */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
background:	#FF0000 !important;
outline: 0;
color: #FFF !important;
}
.panah { background: url(../images/panah.png) no-repeat right; };
.sf-menu li li li:hover, .sf-menu li li li.sfHover,
.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active {
background:	#FF0000 !important;
outline: 0;
color: #FFF !important;
}

/* no background for first level links */
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li > a:focus, .sf-menu > li > a:hover, .sf-menu > li > a:active {
background:	#FF0000 !important;
outline: 0;
}
.tablemenu { width:100%; }
.tdmenu {width:9%; padding:auto; text-align:center; background-color:#2E3092;}
.tdmenu:hover {background-color:#FF0000;} /*6460AA;}*/
.go { background-color:#FFCC33; color:#2E3092; font:.75em/1.5em  Arial, sans-serif;text-transform:capitalize; font-weight:bold; padding:0;}
.go:hover { background-color:#FF0000; color:#FFF;}
.topnav, .topnav a {
	font:.85em/1.5em  Arial, sans-serif;
	color:#FFFFFF;	
	text-decoration:none;
	text-transform:capitalize;
	padding:3px 18px;		
}
.spasi { font:.65em/1.5em   Arial, sans-serif;	
	color:#FFFFFF;} 
.topnav:hover {		
	/*border-bottom:5px solid #FF0000;*/
}
.lasttopnav {
	font:.65em/1.5em   Arial, sans-serif;	
	color:#FFFFFF;
	padding:5px 15px 2px;
}
.lasttopnav:hover {		
	border-bottom:5px solid #FF0000;
}
.subnav {
	margin-top:10px;
	font:.75em/1.5em   Arial, sans-serif;	
	color:#FFFFFF;
	background:#2E3092 url(../images/panah.png) no-repeat right;
	padding-left:18px;
	padding-top:5px;
	height:27px;
	background-position: 98% 50%;
	border:1px solid #333;
	/*border-bottom:2px solid #FF0000;background-position:bottom;
	background-image:url(images/shape39180816.gif) no-repeat;*/
}
#glance {
	background:url(../images/bg_color.gif) no-repeat;
	margin-right:0;
	font:.75em/1.5em   Arial, sans-serif;
	color:#FFFFFF;
	padding-left:18px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	
}
.submenu {
	font:.75em/1.5em Arial, sans-serif;
	color:#2E3092;
	padding-left:10px;
	text-decoration:none;
	vertical-align:top;
}
.submenu a {
	color:#2E3092;
	text-decoration:none;
}
.submenu a:hover {
	color:#FF0000;
	text-decoration:none;	
}
.submenu:hover {		
	/*color:#FFFFFF;
	background-color:#6460AA;
	border-bottom:0.5px dotted;*/
	cursor:hand;
}
.link {
	font:.60em/1.5em   Arial, sans-serif;	
	color:#FF0000;
	text-decoration:none;	
}
.garis {
	border-bottom:1px solid #e2e2e2;
}
#content{
	margin-top:-5px;
	padding-bottom:15px;
	border-bottom:1px solid #e2e2e2;
}
#isi{
	margin-right:20px;
	padding-bottom:5px;
}
#content img, #isi img{
	padding:2px;
	margin-right:15px;	
}
.tengah {
	text-align:center;
}
.teks {
	font: .75em/1.5em   Arial, sans-serif;	
	color:#333;
	margin-bottom:20px;
	margin-right:20px;
	text-align:justify;
}
.tekssearch {
	font: .80em/1.5em   Arial, sans-serif;	
	margin-bottom:20px;
	margin-right:25px;
}
.tekssearch a:link, .tekssearch a:visited, .tekssearch a:active {
	color: #2200cc;
}
p img, p #isi img{
	padding:2px;
	margin-right:15px;	
	align:left;
}
.teks .panah {	
	text-decoration:none;	
}
.teks .panah:hover {
	background:url(../images/panah_merah.png) no-repeat right;
	text-decoration:none;	
}
.teks-padd {
	font: .70em/1.5em   Arial, sans-serif;	
	color:#000;
	padding:0 8px;
}
.judul {
	font: .85em/1.5em   Arial, sans-serif;	
	color:#2E3092;
	font-weight:bold;	
	/*border-bottom:5px solid #FF0000;*/
}
.search {
	font: .75em/1.5em  Arial, sans-serif;	
	color:#2E3092;
	font-weight:bold;	
	/*border-bottom:5px solid #FF0000;*/
}
h1, h1 a {
	margin-top:10px;
	width:98%;
	margin-bottom:15px;
	font: .90em/1em   Arial, sans-serif;	
	color:#2E3092;
	font-weight:bold;
	text-decoration:none;	
	padding-bottom:10px;
	border-bottom:1px solid #999;
}
h1 a:hover {		
	color:#FF0000;	
}
h2, h2 a { 
margin-top:10px;
	margin-bottom:10px;
	font: .90em/.1em   Arial, sans-serif;	
	color:#2E3092;
	font-weight:bold;
	text-decoration:none
}
h2 a:hover {		
	color:#FF0000;	
}
h3 { font-size: 1.3em; }
p { margin-bottom:20px;}
p.justify, td.justify { text-align:justify;}
p.justify img, td.justify img { margin: 0 10px; }
.bottomcaontainer {		
	background:#2E3092;
	height:29px;
	padding-top:3px;
	padding-bottom:3px;	
}
.bottomnav {	
	font:.75em/1em   Arial, sans-serif;		
	color:#FFFFFF;
	padding-top:10px;		
	text-decoration:none;
}
.spacer {
	color:#FFCC33;
	font-weight:bold;
}
#tgl {
	font:.85em/1.5em  Arial, sans-serif;
	color:#333;
	padding-top:30px;
	text-decoration:none;
	text-align:right;
}
/*TRANS MENU*/
.transMenu .background {
	position:absolute;
	left:0px; top:3px;
	z-index:1;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
}
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
}
.transMenu .item td {
    font:.85em/1.5em  Arial, sans-serif;
	color: #FFF;
}
.transMenu .item.hover td {
	background: #FF0000;
	color: #FFF;
}
.genBoldLink {color:#ff0000; text-decoration:none;}
.genBoldLink:hover {color:#2E3092; text-decoration:none;}
.putih {color:#ffffff; text-transform:uppercase;}
#scrollup {
position: relative;
overflow: hidden;
border: 1px solid #e2e2e2;
height: 200px;
width: 185px
}
.headline {
position: absolute;
top: 210px;
left: 5px;
height: 195px;
width:170px;
}
.lain{
	width:98%; 
	border-bottom:1px solid #e2e2e2;
}
.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 300px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}
.tanggal {
	font-size:10px;
	color:#990000;
}