/********************************************
	AUTHOR			:	Erwin Aligam 
	WEBSITE			:	http://www.styleshout.com/
	TEMPLATE NAME	:	HigherGround
	LAST MODIFIED	:	June-06-2008 
	MODIFIED BY		:	CuPliz
	MODIFIER URL	:	http://cupliz.wordpress.com/
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */


/*body {*/
	/*background: #CCC;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 15px 0;*/
	
	/*font: 12px "Trebuchet MS", "Times New Roman", Times, serif;
	color: #898989;
	background-color:rgb(255,255,255);*/
	/*background: #3673b9 url(../images/body_bg.jpg) repeat-x top center;
	margin: 0px;
	padding: 0px 0px 10px 0px;*/

	
/*}*/

/* links */
/* links */

h4 { font-size: 1.3em; color: #666666; } 
a { 
	color: #E27D05;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #FF2508;
	background-color: inherit;
	text-decoration: none;
}
/*a, a:visited {	
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
	
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}*/

.hal-hal table,.hal-hal tr,.hal-hal td{
	border-right: 1px solid #5b8827;
	border-bottom: 1px solid #5b8827;
	
}






ul, ol{
	margin: 5px 0px 5px 20px;
	padding: 0 0px 0 20px;
}

ol, ul, li {  border: 0; outline: 0;}



img {
	border: 0px solid #CCC;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 5px;   /*top right bottom left*/ 
}
img.float-left {
  margin: 5px 5px 5px 0px;   /*top right bottom left*/ 
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1.1em/1.6em "Courier New", Courier, monospace;
  	/* white-space: pre; */
  	background: url(../images/post.jpg);
	border: 1px solid #E0DBC9;  
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
        margin: 5px 0 5px 0;
 	padding: 0 0 0 40px;  /*top right bottom left*/ 
        border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form1 {
	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	
	width:900px; 
	margin:0px auto; 
	margin-top:10px; 
	margin-bottom:10px; 
	border:solid 1px rgb(150,150,150); 
	/*font-size:1.0em;*/
}
#top-bg {
   position: absolute;
	width: 910px;
	height: 19px;
	background: #CCC url(../images/top-bg.jpg) repeat-y center top;	
	top: 0; left: 0;
	z-index: 2;	
}
#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 880px;	
	padding: 0; 	
	background: #E8E8E8;	
	border-top: 5px solid #FFF;
	border-bottom: 2px solid #D0D0D0;
	margin-left: 15px;	
	display: inline;
}


/* header-photo */
#header-photo {
	clear: both;
	height: 200px;
	width: 880px;
	margin: 0 auto;
	background: #FFF url(../images/header-photo.jpg) no-repeat center center;
}

/* Navigation */
#nav {
	clear: both;	
	padding: 0;		
}
#nav ul {
	float: left;
	list-style: none;
	background: url(../images/nav.jpg) repeat-x;	
	width: 880px;		
	text-transform: uppercase;
	margin: 0 0 0 15px;
	padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	border-right: 1px solid #899D00;
	border-left: 1px solid #A7D101;
	border-bottom: none;
	color: #FFF;
	font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
} 
#nav ul li a:active {
	background: url(../images/nav-hover.jpg) repeat-x;	
}
#nav ul li a:hover {	
	background: url(../images/nav-current.jpg) repeat-x;	
}



/* Sidebar */	
#leftbar {
	float: left;
	width: 190px;
	padding-bottom: 20px; margin: 0;		
}	
#rightbar {
	float: right;
	width: 190px;
	padding-bottom: 20px; margin: 0;		
}	
#leftbar h1, #rightbar h1,
#leftbar h3, #rightbar h3 {
	/*padding: 5px 5px;*/ 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #8C9F0D; 		
}
#leftbar ul.sidemenu,
#rightbar ul.sidemenu {
	text-align: left;
	margin: 7px 4px 8px 0; padding: 0;
	text-decoration: none;		
	background: url(../images/dots.jpg) repeat-x left top;
}
#leftbar ul.sidemenu li,
#rightbar ul.sidemenu li {
	background: url(../images/dots.jpg) repeat-x left bottom;
	/*list-style-image: url(../images/bullet.gif);*/
	list-style: inside url(../images/bullet.gif);
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	color: #8F8F8F;
}
* html body #leftbar ul.sidemenu li,
* html body #rightbar ul.sidemenu li {
	height: 1%;
}
#leftbar ul.sidemenu li a,
#rightbar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #666666;			
}
#leftbar ul.sidemenu li a:hover,
#rightbar ul.sidemenu li a:hover {	
	color: #1773BC;	
}
#leftbar ul.sidemenu ul,
#rightbar ul.sidemenu ul {
	margin: 0 0 0 5px;
	padding: 0;
}
#leftbar ul.sidemenu ul li,
#rightbar ul.sidemenu ul li { background: none; }

/* starts AuraCMS attributes */ !important
.bg {
	background-color: #eeeeee;
	padding: 5px; 
	border: 1px solid #e0dbc9;
}

.box {
	background-color: #eeeeee;
	border: 1px solid #e0dbc9;
	font-size: 100%;	
    padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

.box ul {
	margin:0px;	
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.box a {
	/*color:#4284B0;*/
	/*background-color: inherit;*/
	text-decoration:none;
}
.box a:hover{
	/*color: #9EC068;*/
	/*background-color: inherit;*/
}
.box li {
	/*padding:0px 0px 2px 10px;  top right bottom left*/
	list-style-image: url(../images/bullet.gif);
	list-style-position: inside;
	/*background-position:left;
	background-repeat:no-repeat;*/
}

.border {
	background-color: #eeeeee;
	border: 1px solid #e0dbc9;
	padding: 5px;
    margin: 5px 0 5px 0;
}



/*prohuk*/
.border2{margin-bottom:5px;margin-top:5px;color:#000000;background:#e6e6e6 url(../images/bg_h1.jpg) 0 0 repeat-x;border-top:1px solid #c9c9c9;border-bottom:1px solid #969696;padding:15px 5px 15px 8px;}

.categorycontainer{border:4px solid #e2e2e2;background:#cac3c3 url(../images/bg_modulecontent.jpg) repeat-x;margin:0 0 2px;}
.categorycontainer .list li{width:157px;font-size:12px;}
.boxmodule{clear:both;margin:0;padding:0;}
#categories li a,#categories li a:link,#categories li a:visited{color:#6b6a6a;font-weight:700;text-decoration:none;}
#categories li a:hover{color:#6b6a6a;text-decoration:underline;font-weight:700;}
.boxmodulecontent{padding:15px 4px 0;}
.list ul{list-style-type:none;overflow:auto;margin:0 0 0 5px;padding:0;}.list li{list-style-type:none;float:left;width:150px;margin:0 5px 5px 3px;padding:0 0 11px 10px;}
.clearleft{clear:left;}
.content-holder{float:left;width:465px;display:inline;margin:0px 0 0 0px;}

.listingresult{background:#e3e3e3 url(../images/bg_listingresult.gif) 0 40px repeat-x;border:4px solid #e2e2e2;clear:both;margin:0 0 15px;}.
.listingresult h3 a,.listingresult h3 a:link,.listingresult h3 a:visited{ font-size:6px;color:#000000;text-decoration:none;}
.listingresult h3 a:hover{color:#696969;text-decoration:underline;}
.listingresult h3{color:#696969;margin:0 0 15px;}
.white{color:#000000;background:#f6f6f6 url(../images/bg_h2_white.gif) 0 bottom no-repeat;padding:15px 12px 7px 25px;}
.listingdescription{float:left;width:320px;}
.listingdescription p{margin:0;padding:0 15px 18px;}
.listingdescription p img{float:left;margin:0 10px 5px 0;}
.jumplinks{float:right;width:100px;margin:0 15px 0 0;}
.jumplinks a{background:#f1f2f1 url(../images/dotss.gif) 0 0 no-repeat;border-bottom:1px solid #868686;border-right:1px solid #9b9b9b;color:#7c3131;display:block;font-size:12px;text-decoration:none;padding:5px 0 5px 20px;}
.jumplinks a:hover{background:#bebebe url(../images/bg_nav_on.jpg) 0 0 repeat-x;color:#242424;}
.jumplinks ul,.jumplinks ul li{margin:0;padding:0;}
.listingfooter{background:#c7c7c7;border-top:1px solid #b1b1b1;clear:both;font-size:smaller;padding:4px 7px;}
.listingfooter img{padding:0 2px;}
.listingfooterreviews{background:url(../images/bg_listingfooter.gif) 0 0 no-repeat;float:left;height:38px;list-style-type:none;overflow:auto;width:266px;margin:10;padding:0;}

.listingfooterright{float:right;margin:0 20px 0 0;}

.clearall{clear:both;}
div.paging{background:#fff;color:#ccc;margin-bottom:2px;margin-top:2px;text-align:right;border:3px solid #ededed;padding:10px;}
div.paging1{background:#fff;color:#000000;margin-bottom:2px;margin-top:2px;text-align:left;border:3px solid #ededed;padding:10px;}
div.paging2{background:#fff;color:#ccc;margin-bottom:2px;margin-top:2px;text-align:center;padding:10px;}


.border1 {
	background-color: #f9f9f9;
	border: 1px solid #f2f2f2;
	padding: 5px;
        margin: 5px 0 5px 0;
}


.news {
	background-color: #FFFFFF;
	border: 0px solid #f2f2f2;
	text-align:justify;
    padding: 5px;
}
/* ends AuraCMS attributes */

/* footer */
#footer-wrap {
	
	
	margin: 0px;
	width: 898px;
	height: 80px;
	background: #7a836c url(../images/footer_bg.jpg) repeat-x top center;
	clear: both;
	color: #ffffff;	
	
}

#footer-wrap a {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
#footer-wrap a:hover {
	color: #85b308;;	
}
#footer-wrap p {
	padding:10px 0;
	color: #ffffff;
}
#footer-wrap h3 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
	text-transform: uppercase;
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 850px;		
}
#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	background: url(../images/footer-dots.jpg) repeat-x left top;
}
#footer-columns li {
	background: url(../images/footer-dots.jpg) repeat-x left bottom;		
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 4px 0 4px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}

/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0 auto; 
	width: 898px;
	padding: 10px 0;
	text-align: center;
}
#footer-bottom p {
}
#footer-bottom p a {
}
#footer-bottom p a.home {
	background: url(../images/house.png) no-repeat left center;
	margin: 0 0 0 5px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px; 
}
#footer-bottom p a.sitemap {
	background: url(../images/sitemap.png) no-repeat left center;
	margin: 0 0 0 5px;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px; 
}
#footer-bottom p a.rss {
	background: url(../images/feed.png) no-repeat left center;
	margin: 0 0 0 5px;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px; 
}


/* postmeta */
.post-by {
	font-size: .95em;	
	padding-top: 0;
}
.post-footer {
	/*background: url(../images/post.jpg);*/
	padding: 5px; margin: 5px 0 10px 0;	
	font-size: 95%;	
	color: #AEA471;
	/*border: 1px solid #E0DBC9;*/
}
.post-footer .date, .post-footer .author, .post-footer .comments,
.post-footer .readmore, .post-footer .sendfriend, .post-footer .print {
	margin: 5px 10px 5px 5px;
	padding-left: 20px;
	padding-top: 6px;
	padding-bottom: 6px; margin: 0 10px 0 0;

}

.post-footer .date{
	background: url(../images/time.png) no-repeat left center;
}
.post-footer .author{
	background: url(../images/user.png) no-repeat left center;
}
.post-footer .author a{
	background: none;
	margin: 0 10px 0 0;
}
.post-footer .comments {
	background: url(../images/mouse.png) no-repeat left center;
}
.post-footer .readmore {
	background: url(../images/page.png) no-repeat left center;
}
.post-footer .sendfriend {
	background: url(../images/email.png) no-repeat left center;
}
.post-footer .print {
	background: url(../images/printer.png) no-repeat left center;
}
.post-footer .pdf {
	margin: 0 10px 0 5px;
}
.post-footer .xml{
	margin: 0 10px 0 5px;
}
.post-footer .html{
	margin: 0 10px 0 5px;
}
.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #888; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* AuraCMS attributes*/
#hijriah #bulan, #hijriah #hari,
#hijriah #namahari, #hijriah #tahun, {
	padding: 0;
	margin: -5px 0 -5px 0;
}

.error{
    font-size: 1em; 
    color: #377D03;
    text-align: center;
    width: 100%;
/*  margin: 5px 25px 5px 25px; */ /*top right bottom left*/ 
}
.sukses{
    font-size: 1em; 
    color: #85970C;
    text-align: center;
    width: 100%;
 /*   margin: 5px 25px 5px 25px;*/  /*top right bottom left*/ 
}
.tabel_header {
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
	padding: 8px;
	background: #93BC0C url(nav.jpg) repeat-x;
}


#abovepostads{
	margin:10px 0px; width: 438px;
	background-image: url('../images/ads/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #dddddd;
	padding: 0px;
	
}
#abovepostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#belowpostads{
	width: 438px;
	background-image: url('../images/ads1/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #f1f1f1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px
}
#belowpostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#abovepostads{
	margin:10px 0px; width: 430px;
	background-image: url('../images/ads/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #dddddd;
	padding: 0px;
	
}
#abovepostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#belowpostads{
	width: 430px;
	background-image: url('../images/ads1/rotate.php'); 
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #f1f1f1;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px
}
#belowpostads p{
	margin: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#download a { 
	color: #0000FF;
	background-color: inherit;
	text-decoration: underline;
}
#download a:hover {
	color: #0000FF;
	background-color: inherit;
	text-decoration: underline;
}

.gambar {
	clear: both; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;  
	width: 20px;           
	text-align: left
}

.submenu {
	background-color: #FFFFFF;
	font-size: 100%;	
}

.submenu ul {
	margin:0px;	
	padding:5px 0px 0px 23px;
	list-style-type:none;
}
.submenu a {
	color:#4284B0;
	background-color: inherit;
	text-decoration:none;
}
.submenu a:hover{
	color: #9EC068;
	background-color: inherit;
}
.submenu li {
	padding:0px 0px 2px 10px;  /*top right bottom left*/ 
	background-image:url(../images/1.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div.sukses {
	width:85%;
	padding: 10px 10px 10px 36px;
	background: url(../images/tick.gif) #FFFFDD no-repeat;
	background-position: 10px 50%;
	background-color: #ffffdd;
	border:1px solid #FFD700;	
	margin-bottom:10px;
	margin-top:3px;
	text-align:left;
	font-size:9px;
}
div.error {
	width:85%;
	padding: 10px 10px 10px 36px; /*top right bottom left*/ 
	background:  #FFFFDD no-repeat;
	background-position: 150px 50%;
	background-color: #ffffdd;
	border:1px solid #377D03;
	margin-bottom:10px;
	margin-top:3px;
	text-align:left;
	font-size:9px;
}

/*Tambahan*/

#menu {
	padding: 0px;
	width: 880px;
	padding-left: 18px;
	height: 41px;
	background: #1a3f90 url(../images/top_menu_bg.jpg) no-repeat top center;
	position: relative;
}

#menu #uls {
	text-align: left;
	width: 868px;
	padding-top: 0px;
}

#menu table.moduletable {
	margin: 0px;
	padding: 0px;
}

#menu #uls table.moduletable td {
	background: none;
}

#menu #uls ul {
	list-style: none; 
	text-align: left; 
	padding-top: 0px;
}

#mainlevel-nav li
{
	padding: 0px;
	background: transparent;
	display: inline;
	height: 41px;
	white-space: nowrap;
	list-style-type: none;
	margin: 0px;
	float: left;
}

#mainlevel-nav li a
{
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif;
	text-transform: none;
	background: transparent;
	padding: 10px 12px 12px 12px;
}

#mainlevel-nav li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: transparent url(../images/li_a_active.jpg) no-repeat top center;
	padding: 10px 12px 12px 12px;
}

#top_modules {
	width: 866px;
	height: 210px;
	clear: both;
	margin: 0px;
	padding: 0px 16px;
	background: #89bdf4 url(../images/top_modules_bg.jpg) no-repeat top center;
	
}



#main_jm {
	
	
	clear:both; 
	width:900px; 
	padding-bottom:30px; 
	background:transparent url(../images/img/bg_main_withnav.jpg) top left repeat-y;
	
	
}

#main_jm:after

{content:"."; display:block; height:0; clear:both; visibility:hidden;}





#sepline {
	background: transparent url(../images/sep_line.jpg) no-repeat top center;
	height: 1px;
}

#main_jm #left_col {
	float: left;
	width: 200px;
	/*background: transparent;*/
}

#main_jm #left_col div.moduletable {
	color: #868686;
}

#main_jm #right_col {
	float: right;
	width: 680px;
	padding-right: 15px;
	padding-top: 0px;
	font: 12px "Trebuchet MS", "Times New Roman", Times, serif;
	color: #666666;
}

#right_col p {
	margin: 11px 0px;
}

#mosright {	float: right; width: 200px; background-color: transparent; margin-left: 6px; }
#mosright div.module div div div div {
background: none;
padding: 0px;
margin: 0px;
}

#mosright div.module {
	margin-bottom: 10px;
}

#mosright div.module div {
	background: #ffffff url(../images/rm_mid_bg.gif) repeat-y top center;
	width: 200px;
	padding: 0px;
}

.headpemilu {
	width: 449px;
	height:89px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../images/img/headpemilu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.headunggulan {
	width: 460px;
	height:89px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../images/img/headunggulan.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.headvisi {
	width: 460px;
	height:240px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../images/img/visi.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#mosright div.module div div {
	padding: 0px;
	width: 200px;
	background: transparent url(../images/rm_top_bg.gif) no-repeat top center;
}

#mosright div.module div div div {
	padding: 3px 10px 10px 10px; 
	width: 180px;
	background: transparent url(../images/rm_bot_bg.gif) no-repeat bottom center;
}

#mosright div.module div div div form div {
	background: none;
	padding: 0px;
	margin: 0px;
}

#mosright table.moduletable th, #mosright h3 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 36px;
	line-height: 24px;
	text-transform: none;
	color: #898989;
	text-align: left;
	background: transparent url(../images/right_h3_bg.jpg) no-repeat bottom center;
	width: 175px;
	padding-left: 5px;
}

#main_jm #mcontent {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	background: transparent;
}


#main_jm #mcontent2 {
	margin: 0px;
	padding: 0px 8px 0px 4px;
	background: transparent;
}

.blog {background-color: transparent;}
/* Add Custom Menus */

table.moduletable {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#left_col table.moduletable th, #left_col .moduletable h3 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 36px;
	line-height: 24px;
	text-transform: none;
	color: #898989;
	text-align: left;
	background: transparent url(../images/mod_h_bg.jpg) no-repeat bottom left;
	width: 179px;
	padding-left: 21px;
}

#left_col div.moduletable {
	text-align: center;
	padding: 10px 0px 8px 0px;
	margin-bottom: 2px;
}

table.moduletable td {height: 18px; text-align: center; } 

table.moduletable p {
	text-align: left;
}



/* Mainlevel menu */
.mainlevel { 
	height: 21px;
	width: 157px;
}

a.mainlevel {
	background: transparent url(../images/dots.gif) repeat-x left bottom;
	color: #666666;
	font: normal 12px "Trebuchet MS", "Times New Roman", Times, serif;
	line-height: 20px;
	text-transform: none;
	padding: 1px 0px;
	margin-left: 21px;
	text-decoration: none;
	display: block;
	text-align: left;
}
	
a.mainlevel:hover {
	color: #85b308;
	text-decoration: none;
}




input1 {
	background-color: #FFFFFF;
	font-size: 11px; color: #333; padding: 1px;
}

#mod_login_username, #mod_login_password {
	background: #fff;
	font-size: 11px;
	padding: 2px;
	margin: 3px 0px;
	width: 150px;
	border: 1px solid #cccccc;
	color: #666;
}


.inputbox1 { background: #fff; border: 1px solid #ccc; margin: 2px 0px; color: #333;}
.text_area1, textarea1 {background: #fff; border: 1px solid #ccc; width: 100%; color: #333;}
/* Pull down menu */

.button1 {
	border: none;
	color: #5d5d5d;
	font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif;
	background: transparent;
	margin: 0px;	
	text-transform: none;
	vertical-align: middle;
	width: 105px;
	height: 24px;
border: 1px solid #999;
}

.button1:hover {
	color: #333333;
}

.contentpaneopen { background-color: transparent; line-height: 16px; }

#newsflash table.moduletable td, #newsflash .contentpaneopen td {
	padding: 0px;
	margin: 0px;
	color: #666666;
	background: transparent;
	text-align: left;
}

td.contentheading {
	padding: 0px;
	margin: 0px;
	line-height: 10px;
	font: normal 18px "Trebuchet MS", "Times New Roman", Times, serif; 
	letter-spacing: 0px;
	color: #85b308;
	text-transform: none;
	background: #ffffff;
}

.contentheading table td {
	letter-spacing: 0px;
	font-weight: bold;
}

.contentpagetitle {background-color : transparent; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: normal; color: #85b308; }
a.contentpagetitle:hover { color: #85b308; text-decoration: underline; }

.article_seperator{background-color : none;}


.both {
	clear: both;
}






#addressbar
{
	padding: 2px 5px 5px 5px;
	margin-bottom: 10px;
	border-bottom: solid #D2D2D2 1px;
	letter-spacing: 0.05em;
	font-size: 0.9em;
    text-transform: uppercase;
}

.small_date
{
	font-family: arial;
	font-size: 9px;
	color: #999;
	letter-spacing: 1px;
}
#jdl-news { 
    padding: 0px;
	margin: 0px;
	line-height: 10px;
	font: normal 17px "Trebuchet MS", "Times New Roman", Times, serif; 
	letter-spacing: 0px;
	color: #85b308;
	text-transform: none;
	background: #ffffff;
	
	
}
#navigasi { font-family: arial; font-size: 100%; font-weight: normal; color: #666666; border-bottom: solid #D2D2D2 1px;  }

a.link_cetak
{
	
	font: bold 10px "Trebuchet MS", "Times New Roman", Times, serif;
	color: #1a64b2; 
	text-decoration: none;
}


a.link_cetak:hover {
	
	color: #1a64b2; 
	text-decoration: underline;
}

.list2 ul
{
	padding:2px 0px 2px 0px;
	margin:0px 12px;
}
.list2 li
{
	list-style: none;
	padding-left: 11px;
	background-image: url(../../../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 1px 4px;
}

.headerkom { background: url(../images/back_header.gif) repeat; margin-top: 10px; border-bottom: 5px solid #E7E5E6; 
padding: 8px 10px;
	line-height: 10px;
	/*font: normal 17px "Trebuchet MS", "Times New Roman", Times, serif; */
	letter-spacing: 0px;
	color: #85b308;
	text-transform: none;
	height:20px;
	
}

.headerkom h2 {
	
	
	background-image: url(../images/bg-h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.2em;
	line-height: 2em; 
	color: #700018; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-weight: bold; 
	background: url(../images/bg-h2.gif) no-repeat 0px 7px; 
	text-transform: capitalize;
}

.headerkom h2 span { color: #DBA401; }
.cities { color: #666666; text-align: justify; font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif; padding: 10px; margin-top: 5px; border: 1px solid #E2E2E2; margin-right: 0px; }




#container{
	text-align:left;
	background:#fff;
}
#container, #top, #bottom, #footer{
	margin:0 auto;
	width:640px;
}

#top, #bottom{
	width:651px;
	height:10px !important;
	display:block !important;
}
#top{
	margin-top:10px;
}

#container1{
	text-align:left;
	background:#fff;
}
#container1, #topx, #bottomx, #footerx{
	margin:0 auto;
	width:440px;
}

#topx, #bottomx{
	width:448px;
	height:10px !important;
	display:block !important;
}
#topx{
	margin-top:10px;
}

#container2{
	text-align:left;
	background:#fff;
}
#container2, #topxx, #bottomxx, #footerxx{
	margin:0 auto;
	width:630px;
}

#topxx, #bottomxx{
	width:638px;
	height:10px !important;
	display:block !important;
}
#topxx{
	margin-top:10px;
}

h5{
	margin:0;
	padding:0;
	min-height:40;
	background-color:#dedede;
	height:40px;
	display:block;
	overflow:hidden;
	font: 1.6em/1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 0px;
	color: #85b308;
}



.go_bg{
	background-image:url(../../../images/go_bg1x.gif);
	background-repeat:repeat-y;
	text-align:center;
	padding:5px 0;
}

.middle{
padding-left:3; padding-right:3; padding-top:0; padding-bottom:3;
text-align:justify;
}

.warn{
     color:#FF5500;
	 font-size:9px; font-family:Arial; 
	 font-weight:bold;
}


.boxarsip { 
   text-align: justify; 
   padding: 10px; 
   margin-top: 10px;
   border: 1px solid #E2E2E2; 
   margin-right: 0px; 
   }
   
   
.bording
{
	border: 1px solid #000000;
}

.rubrik1
{
background : #66A60A;
font-size : 10pt;
font-weight : bold;
color:#ffffff;
height:30px;
}


.formulirnew1
{
background-color :#f5f5f5;
width:100%;
height:30px;
color:#377D03;
}

.formulirnew0
{
background-color : #f5f5f5;
width:100%;
height:30px;
font-weight:bold;
}

.formulirnew2
{
background-color : #CBCED5;
width:100%;
height:30px;
}

.formulirnew4
{
background-color : #dae6d2;
width:100%;
height:30px;
color:#377D03;
}


.formulir3
{
background-color : #8C98A4;
width:100%;
}


.pollingform {}
.pollingform input.button { width:5.0em; margin:10px 0 5px 0; padding:1px; background:#dae6d2; border:solid 1px #377D03; text-align:center; font-family:verdana,arial,sans-serif; color:#377D03; font-size:110%;}
.pollingform input.button:hover {cursor: pointer; border:solid 1px rgb(150,150,150); background:rgb(230,230,230); color:rgb(150,150,150);}

/* ------------- tabcontent.css ---*/

.tabcontent{
display:none;
clear:both;
}



@media print {
.tabcontent {
display:block !important;
}
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* tab dua */
.tabdepan{
padding: 3px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left:5px;
font: bold 11px Arial;
text-transform: capitalize;
border-bottom: 1px solid #999;
list-style-type: none;
}

.tabdepan li{
display: inline;
margin: 0;

}

.tabdepan li a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #2d2b2b;
background-image:url(../images/tabs.gif); background-repeat:repeat-x;

}

.tabdepan li a:visited{
color: #2d2b2b;
}

.tabdepan li a:hover{
background-image:none;
background-color: #85b308;/*#FCA20F;*/
color: white;
text-decoration:none;
}

.tabdepan li a:active{
color: black;
}

.tabdepan li a.selected{ 
position: relative;
top: 1px;
}

.tabdepan li a.selected{ 
background-color: #FFF;
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.tabdepan li a.selected:hover{ 
text-decoration: none;
color: black;
}


/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.slidemenu{
font: bold 11px verdana;
margin-bottom:10px;

}

.slidemenu ul{
margin: 0;
padding: 0;
float: right;

}

.slidemenu ul li{
display: inline;
}

.slidemenu ul li a{
float: left;
color: black; /*text color*/
padding: 4px 6px;
text-decoration: none;
border: 1px solid #CCC;
margin-right:2px;
background: #F0F0F0;
}

.slidemenu ul li a:visited {
color: #000;
}

.slidemenu ul li a:hover {
background: #CCC;
}


.slidemenu ul li a.selected {
color: white !important;
padding-top: 6px; 
padding: 4px 6px;
background: #85b308 center center repeat-x;
border: 1px solid #003366;

}



#navlist ul{ margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none;/* border-top:1px solid #EEE;*/}
#navlist li { padding-left: 15px; background-image: url(../images/bullet1.gif); background-repeat: no-repeat; background-position: 0 .6em;  padding-top:2px; padding-bottom: 2px;  border-bottom:1px solid #EEE; list-style:none; }
#navlist a { list-style:none; font:normal 11px arial; color:#1a64b2; text-decoration:none;}
#navlist a:hover { list-style:none; color:#85b308; text-decoration:none;}

#skpdlist ol{ margin-left: 15; margin-top: 0px; margin-bottom:0;  padding-left: 15; font:normal 14px arial;/* border-top:1px solid #EEE;*/}
#skpdlist li { padding-left: 15px;  padding-top:4px; padding-bottom: 4px;  border-bottom:1px solid #EEE;  }
#skpdlist a {  font:normal 14px arial; color:#1a64b2; text-decoration:none;}
#skpdlist a:hover { color:#85b308; text-decoration:none;}

#kolomkiri {padding-right:2px; float:left;}
#headline {
	padding:1px;
	padding-top:1px;
	/*background-color: #f6ffdb;
	background-image: url(../../../images/papanlumbung.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}
.judulmerahkecil {font:bold 11px arial; color: #003366; text-transform:uppercase;

 /*margin-bottom:2px; margin-top:3px;*/}
 
.headalbum { 
background: url(../images/back_header.gif) repeat;
margin-top: 10px; 
border-bottom: 1px solid #E7E5E6;
border-top: 1px solid #E7E5E6; 
padding: 10px 6px;
color: #85b308;
font:bold 11px arial;
}

.headtitle { 
background: url(../images/back_header.gif) repeat;
margin-top: 10px; 
border-bottom: 2px solid #E7E5E6;
border-top: 3px solid #E7E5E6; 
padding: 7px 6px;
color: #85b308;
font:bold 11px arial; 
text-transform:uppercase;
}

.headcorn {
background-image: url(../images/bg-h2.gif);
background-repeat: no-repeat;
background-position: left center;
}



#boxbalong2 {width:222px; float:left; padding-right:12px;}
#boxbalong3 {width:222px; float:right; padding-right:5px;}
.balong {font:bold 14px arial;  color:#000000;}
.balong a {font:bold 14px arial; color:#000000; text-decoration:none;}
.gotoindex {font:normal 9px arial; color:#666; padding-top:3px;}
.gotoindex a {color:#F60; text-decoration: none;}
.gotoindex a:hover {text-decoration:none; color:#FFF; background-color:#003366;}
.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; padding:0; margin:0;}


/*#navlist span {font:bold 11px arial; color:#F60; margin-right:5px; text-transform:uppercase;}*/

#boxform { 
padding:10px; 
padding-top:10px; 
border:1px solid #CCC;  
background-image:url(../images/bg_headlines.jpg); 
background-repeat:repeat-x;}

.judulheadline {clear:both; font-family:"trebuchet ms",arial,sans-serif; color:#85b308; font-weight:normal; font-size:180%;}

.judulheadline a {color:#85b308; text-decoration:none;}
.judulheadline a:hover {color:#003366; text-decoration:none;}

.thumb {float:left; margin-right:5px; margin-top:3px;}
.thumb img {width:80px; height:60px; border:1px solid #CCC; margin:0; padding:1px;}

/*.tanggal {font:normal 9px arial; color: #3399CC; margin-bottom:2px; text-transform:uppercase;}*/

.tanggal {clear:both;  font-family:"trebuchet ms",arial,sans-serif; color: #3399CC; font-weight:normal; font-size:88%;}


.judul {font:bold 13px arial; color: #85b308;}
.judul a {color:#85b308; text-decoration:none; padding:0; margin:0;}
.judul a:hover {color:#003366; text-decoration:none;}







.border3 {
	/*background-color: #F6FFDB;
	
	border: 1px solid #f2f2f2;*/
	padding: 0px;
    margin: 5px 0 5px 0;
	font: Verdana;
	font-size:11px;
	
	
}

.border4 {
	background-color: #FFFFFF;
	border: 1px solid #f2f2f2;
	padding: 5px;
    margin: 5px 0 5px 0;
}

.date {
	font-size: 10px;
	line-height: 135%;
	font-style: italic;
	color:#F79203;
}

.judulnew {
	font-family: Georgia;
	font-size: 12px;
	line-height: 170%;
	font-weight: bold;
	color: #546754;
}

.bg_title {
	background: #ffffff url(../images/icon_caption_title.png) no-repeat 0px 6px;
	padding: 5px 5px 5px 23px; 
	border: 0px solid #f2f2f2;
	font: 1.2em  Verdana, Tahoma, Helvetica, sans-serif;
	font-weight:bold;
}

.bg_form_caption {
	background: #FAFAFA url(../../../images/form.png) no-repeat 3px 4px;
	padding: 4px 5px 5px 23px; 
	border: 1px solid #f2f2f2;
	font-weight:bold;
}
.bg_form {
	background-color: #FAFAFA;
	padding: 4px 5px 5px 23px; 
	border-top: 0px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
}
.border5 {
	background-color: #FFFFFF;
	border: 1px solid #f2f2f2;
	padding: 5px;
    margin: 5px 0 5px 0;
}

.image {
	background-color: #fff;
	padding: 2px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
	float: left;
}
.image1 {
	background-color: #fff;
	padding: 0px;
	margin: 0px 0px 5px 10;
	border: 1px solid #ddc688;
	float: right;
}

.border6 {
	
	border: 1px solid #f2f2f2;
	padding: 5px;
    margin: 0px 0 0px 0;
}

.boxarc ul {
	margin:0px 0 2px 0px;
	padding:0px 0px 0px 10px;
	list-style-type:none;
	
}
.boxarc li a {
	color:#106E0E;
	background-color: inherit;
	text-decoration:none;
	display:block;
    padding-bottom:1px;
	
	
}

.boxarc li a:hover{
	color: #339900;
	
}
.boxarc ul li {
	
	padding:2px 0 2px 0;  /*top right bottom left*/ 
	list-style-image:url(../images/arrow.gif);
  	border-bottom:1px solid #F3FDD6;
	
}