/*alllayout */
body { font-family: verdana, sans-serif; 
			 font-size: 11px; 
			 color: #4D4D4D; 
			 line-height: 127%;
			 font-stretch: expanded;
}
a { text-decoration: none; }
img { border: 0px; }
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0; width: 500px;}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:0; height:10; background-color:#DADCBA; layer-background-color:#DADCBA; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:16px 0px 0px 0px; font-family:verdana, sans-serif; font-size:14px; font-weight:normal; text-align: center; text-transform: uppercase; left: 0px;}
.clLevel0{color:#000000;}
.clLevel0over{color:#000000; background-color: #FFFFFF; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden;}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:4px; font-family:verdana, arial; font-size:11px; font-weight:normal}
.clLevel1{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#333333;}
.clLevel1over{background-color:#CCCCCC; layer-background-color:#CCCCCC; color:#333333; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:4px; font-family:verdana, arial; font-size:11px; font-weight:normal}
.clLevel2{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#333333;}
.clLevel2over{background-color:#CCCCCC; layer-background-color:#CCCCCC; color:#333333; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#DADCBA; layer-background-color:#006699}
.baru { background-color: #FFFFFF; color: #009900; font-family: verdana, arial; font-size: 11px; padding: 4px; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid black;}
.coba { background: transparent; }
.coba:hover { background: transparent;}

/* layout skeleton */

.clear { clear: both; margin: 0px; width: 100%; }
.clear2 { clear: both; margin: 0px; width: 100%; height: 5px;}
.clears { clear: both; margin: 0px; width: 100%; height: 3px;}
#inner_wrapper {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}
	.jdls {
		font-size: 11px;
		/*color: #009900; */
		color: #006633;
		text-transform: uppercase;
		margin-bottom: 5px;
		position: absolute;
		opacity:1;
		z-index: 1000;
	}
	.jdlsb {
		font-size: 11px;
		font-weight: bold;
		/*color: #009900; */
		color: #FF3300;
		text-transform: uppercase;
		margin-bottom: 5px;
		position: absolute;
		opacity:1;
		z-index: 1000;
	}
	.bgjdl {
		background-color: #ffffff;
		height: 30px;
		width: 250px;
		position: absolute;
		z-index: 900;
		opacity:.5;
	}
	.bgjdl2 {
		background-color: #ffffff;
		height: 30px;
		position: absolute;
		z-index: 900;
		opacity:.5;
	}
	.jdla {
		font-size: 11px;
		color: #FF3300;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.textnews {
		width: 305px;
		text-align: left;
		position: absolute; 
		z-index: 500; 
		margin-left: 205px;
	}
	#topright {
		width: 579px;
		display: block;
		float: right;
	}
		#topright h4 {
			margin: 0px 0px 0px 10px;
		}
		#topright p {
			margin: 2px 0px 10px 10px;
		}
	#toprighth {
		width: 579px;
		height: 476px;
		display: block;
		float: right;
	}
		#toprighth h4 {
			margin: 0px 0px 0px 10px;
		}
		#toprighth p {
			margin: 2px 0px 10px 10px;
		}
	#toprighth a {
		text-decoration: none;
		color: #00A779;
	}
	#toprighth a:hover {
		color: #000000;
	}
	#topright2 {
		width: 280px;
		display: block;
		float: right;
	}
		#listmenu2 { margin: 0px; padding-left: 10px;}
		#listmenu2 li { line-height: 137%;}
		#listmenu2 a {
			text-decoration: none;
			color: #666666;
			border-bottom: 1px dashed #666666;
		}
		#listmenu2 a:hover {
			color: #333333;
			border-bottom: 1px solid #666666;
		}
	#toplefth {
		width: 388px;
		height: 482px;
		display: block;
		float: left;
		background-color: #333333;
	}
	#topleft {
		width: 388px;
		display: block;
		float: left;
	}
	#topleft2 {
		margin-right: 310px;
	}
	#topleft4 {
		margin: 0px 10px;
		padding: 5px 0px;
	}
	
	#topright a {
		text-decoration: none;
		color: #00A779;
	}
	#topright a:hover {
		color: #000000;
	}
	a.lagi {
		text-decoration: none;
		color: #FF3300;
	}
	a.lagi:hover {
		color: #000000;
	}

#content_wrapper {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}  
	.bottomboxright {
		float: right;
		display: inline-block;
		width: 440px;
		height: 145px;
		overflow: hidden;
	}
	.bottomboxleft {
		float: left;
		width: 528px;
		height: 146px;
		background-color: #cccccc;
		display: inline-block;
		overflow: hidden;
	}
	.rightrightbottom {
		float: right;
	}
	.rightleftbottom {
		display: block;
		width: 243px;
		height: 145px;
		background-color: #FF3300;
		display: inline-block;
		overflow: hidden;
		float: left;
	}
		.rightleftbottom a{
			color: #ffffff;
		}
		.rightleftbottom a:hover {
			color: #333333;
		}
		
  #navbot {
  	margin: 10px auto 50px auto;
  	width: 980px;
  }
  #navbot a { text-transform: uppercase; }
  .isinavbot {
  	float: right;
  	margin: 0px 0px 0px 10px;
  	padding-left: 10px;
  	border-left: 1px solid #009900;
  }
  .searchin {
  	float: right;
  	margin: 60px 0px 0px 0px;
  	width: 230px;
  	height: 80px;
  	display: block;
  }
  #image1 {
  	display: block;
  	width: 980px;
  	height: 180px;
  }

/* navigation */

#lokasi {
	float: left;
	text-align: left;
	width: 500px;
	margin: 10px 0px 0px 0px;
}
	#lokasi a {
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		color: #4D4D4D;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
	}
	#lokasi a:hover {
		color: #000000;
	}
#navtop2 {
	margin: 10px 0px 0px 0px;
	text-align: right;
	float:right;
	width: 350px;
}
	#navtop2 a {
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		color: #4D4D4D;
		text-decoration: none;
		text-transform: uppercase;
	}
	#navtop2 a:hover {
		color: #000000;
	}
	
	#navbot a{
		text-decoration: none;
		color: #4D4D4D;
	}
	#navbot a:hover {
		color: #000000;
	}
	.tgl {
		font-weight: 100;
		color: #4D4D4D;
	}
	
	#newsleft h4 {
		margin: 0px 0px 10px 0px;
		color: #FF3300;
	}
	#newsleft a {
		text-decoration: none;
		color: #FF3300;
	}
	#newsleft a:hover {
		color: #666666;
	}
	
	#newsright h4 {
		margin: 0px 0px 10px 0px;
		color: #4D4D4D;
	}
	#newsright a {
		text-decoration: none;
		color: #FF3300;
	}
	#newsright a:hover {
		color: #666666;
	}
	
	.searching {
		margin: 0px;
		padding: 30px 0px 0px 0px;
	}
	
/*halaman dalam*/
#dalamright {
	display: block;
	width: 388px;
	height: 230px;
	float: right;
	margin-bottom: 20px;
}

#dalamleft {
	display: block;
	width: 579px;
	height: 230px;
	float:left;
	margin-bottom: 20px;
}
	#floating{width:370px;height:99%;position:relative; margin-left: 10px;}
	#floating div{position:absolute;bottom:0;left:0; color: #333333;}
		#floating a {
			text-decoration: none;
			color: #333333;
		}
		#floating a:hover {
			color: #666666;
		}
		#floating h3 { font-size: 14px; }
		#floating p { font-size: 12px;}
	#floating2{width:355px;height:99%;position:relative; margin-left: 10px;}
	#floating2 div{position:absolute;bottom:0;left:0; color: #333333;}
		#floating2 a {
			text-decoration: none;
			color: #333333;
		}
		#floating2 a:hover {
			color: #666666;
		}
		#floating2 h3 { font-size: 14px; }
		#floating2 p { font-size: 12px;}
	
	#floating3{width:365px;height:99%;position:relative; margin-left: 10px;}
	#floating3 div{position:absolute;bottom:0;left:0; color: #000000;}
		#floating3 a {
			text-decoration: none;
			color: #333333;
		}
		#floating3 a:hover {
			color: #000000;
		}
		#floating3 h3 { font-size: 14px; }
		#floating3 p { font-size: 12px;}
	
	#floating5{width:550px;height:99%;position:relative; margin-left: 10px; overflow-y: hidden;}
	#floating5 div{left:0; bottom: 0; color: #000000;}
		#floating5 a {
			text-decoration: none;
			color: #333333;
		}
		#floating5 a:hover {
			color: #000000;
		}
	.dalam1 {
		display: block;
		width: 285px;
		height: 230px;
		float: right;
	}
	.dalam2 {
		display: block;
		width: 285px;
		height: 230px;
		float: left;
	}

#dalamrightv {
	display: block;
	width: 320px;
	height: 230px;
	float: right;
	margin-bottom: 20px;
}

#dalamleftv {
	display: block;
	width: 650px;
	height: 230px;
	float:left;
	margin-bottom: 20px;
}
	.dalam1v {
		display: block;
		width: 320px;
		height: 230px;
		float: right;
	}
	.dalam2v {
		display: block;
		width: 320px;
		height: 230px;
		float: left;
	}


	.bgijo { background-color: #009900; }
	.bgorens { background-color: #FF3300; }
	.gray { background-color: #bbbbbb; }
	
#dalamright2 {
	display: block;
	width: 585px;
	height: 210px;
	float:right;
	margin-bottom: 6px;
}

#dalamleft2 {
	display: block;
	width: 390px;
	height: 210px;
	float: left;
	margin-bottom: 6px;
}
#dalamright3 {
	display: block;
	width: 390px;
	height: 210px;
	float: right;
	margin-bottom: 6px;
}

#dalamleft3 {
	display: block;
	width: 585px;
	height: 210px;
	float:left;
	margin-bottom: 6px;
}
	.dalam12 {
		display: block;
		width: 290px;
		height: 210px;
		float: right;
	}
	.dalam22 {
		display: block;
		width: 290px;
		height: 210px;
		float: left;
	}


	
#dalamrights {
	display: block;
	width: 785px;
	height: 145px;
	float:right;
	margin-bottom: 6px;
}

#dalamlefts {
	display: block;
	width: 190px;
	height: 145px;
	float: left;
	margin-bottom: 6px;
}

	#floatings{width:775px;height:99%;position:relative; margin-left: 10px; overflow-y: auto;}
	#floatings div{left:0; bottom: 0; color: #000000; padding-right: 10px;}
		#floatings a {
			text-decoration: none;
			color: #333333;
		}
		#floatings a:hover {
			color: #000000;
		}

a#links {
	color: #00A779;
}
a#links:hover {
	color: #333333;
}
	
/* listnews */
#listnews li {
	margin-bottom: 10px;
}
	#listnews a {
		text-decoration: none;
		color: #000000;
		border-bottom: 1px dashed #cccccc;
	}
	#listnews a:hover {
		color: #333333;
		border-bottom: 1px solid #cccccc;
	}
	#listnews h3 { margin-bottom: 2px; }
	
/* slideshow */
.slideshow{display:block;position:relative;z-index:-1;}.slideshow-images{display:block;overflow:hidden;position:relative;}.slideshow-images img{display:block;position:absolute;z-index:1;}.slideshow-thumbnails{overflow:hidden;}
.slideshow-images:hover { position: absolute; opacity:0.5}
.slideshow-images{}.slideshow-images-visible{opacity:1;}.slideshow-images-prev{opacity:0;}.slideshow-images-next{opacity:0;}.slideshow-images img{float:left;left:0;top:0;}

.slideshow{margin: 0; background: #000000;}.slideshow a img{border:0;}
.slideshow2{margin: 0; background: #000000;}.slideshow2 a img{border:0;}
.slideshow3{margin: 0; background: #000000;}.slideshow3 a img{border:0;}
.slideshow4{margin: 0; background: #000000;}.slideshow4 a img{border:0;}


.slideshow-captions{background:#000000;bottom:0;color:#FFF;font:normal 11px/14px verdana,sans-serif;left:0;overflow:hidden;position:absolute; width:100%;z-index:10000;}
.slideshow-captions p { margin: 0px 10px 0px 10px; }
.slideshow-captions h3 { margin: 10px 0px 5px 10px; font-size: 12px;}
.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{height:70px;opacity:.7;}.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}.slideshow-controller-visible{opacity:1;}.slideshow-controller a{cursor:pointer;display:block;height:100px;overflow:hidden;position:absolute;top:12px;}.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}


/* content hasil revisi */
#contenttop {
	width: 980px;
	text-align: left;
	margin: 0px auto;
	background-color: #dddddd;
}
	.contenttopright {
		width: 350px;
		height: 100px;
		margin: 0px 5px 0px 0px;
		float: right;
		padding: 5px 0px;
	}
	.contenttopleft {
		margin: 0px 370px 0px 5px;
		padding: 5px 0px;
	}
	
#rightin {
	float: right;
	width: 315px;
	color: #000000;
}
	#rightin ul { margin-left: -20px;}
	#rightin li { list-style-type: none; margin: 5px 0px 0px 0px;}
	#rightin a {
		color: #ffffff;
		font-size: 12px;
	}
	#rightin a:hover {
		color: #333333;
	}
#leftin {
	margin-right: 325px;
	color: #000000;
}
	#leftin ul { margin-left: -20px;}
	#leftin li { list-style-type: none;  margin: 5px 0px 0px 0px;}
	#leftin a {
		color: #ffffff;
		font-size: 12px;
	}
	#leftin a:hover {
		color: #333333;
	}
.boxin {
	width: 315px;
	height: 122px;
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 138%;
	overflow: hidden;
}
.boxin2 {
	width: 315px;
	height: 134px;
	display: block;
	overflow: hidden;
}
.boxin3 {
	width: 315px;
	height: 225px;
	margin-bottom: 10px;
	display: block;
	font-size: 13px;
	line-height: 138%;
	overflow: hidden;
}
.boxin4 {
	width: 330px;
	height: 122px;
	display: block;
	font-size: 13px;
	line-height: 138%;
	overflow: hidden;
	margin-bottom: 10px;
}
.boxin5 {
	width: 315px;
	height: 122px;
	display: block;
	font-size: 13px;
	line-height: 138%;
	overflow: hidden;
	margin-top: 10px;
}
.boxin6 {
	width: 330px;
	height: 225px;
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 138%;
	overflow: hidden;
}
.boxin7 {
	width: 315px;
	height: 141px;
	border: 0px;
	margin-bottom: 8px;
	display: block;
	overflow: hidden;
}
.boximg { background-color: #000000;}
.ijo { background-color: #009900; }
.ijonom { background-color: #66CC33; }
.ungu { background-color: #993399; }
.orens { background-color: #FF3300; }
#gpjdl { margin: 10px 0px 5px 0px;  color: #000000; text-transform: uppercase;}

.gpjdl { margin: 0px 0px 5px 0px;  color: #000000; text-transform: uppercase;}

#inleft {
	float: left; 
	width: 476px;
	margin: 0px 6px;
	display: block;
	height: 260px;
}
#inleftjudul { text-transform: uppercase;}
#listnews { list-style-image: url('../image/001_60.png') } 

#agdright {
	float: right;
	margin: 10px 0px 0px 10px;
	width: 471px;
}

#agdleft {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 471px;
}
#agendanews {
	border-top: 1px solid #cccccc;
	margin: 10px 0px 10px 0px;
}
.listdon {
	display: block;
	float: left;
	width: 150px;
	height: 25px;
	text-transform: capitalize;
}

.loopisi {
	width: 260px;
	float: left;
	margin: 5px 10px 5px 0px;
	height: 110px;
	display: block;
	overflow: hidden;
}
.loopisi2 {
	width: 270px;
	float: left;
	margin: 5px 35px 5px 0px;
	height: 100px;
	display: block;
	overflow: hidden;
}
.foto {
	width: 85px;
	height: 85px;
	display: block;
	overflow: hidden;
	border: 2px solid #cccccc;
	float: left;
}
#loopall { padding-bottom: 10px; clear: both;}
.thecap {
	float: left;
	margin-left: 10px;
	width: 150px;
}
a#link { color: #333333; border-bottom: 1px dashed #cccccc; }
a#link:hover { color: #000000; border-bottom: 1px solid #cccccc;}

a#linkkat { color: #000000 }
a#linkkat:hover { color: #666666 }
#isilist {
	text-align: left;
	width: 400px;
	border: 1px solid #DEDEDE;
	float: left;
	margin: 0px 10px 0px 5px;
	height: 440px;
	display: block;
	overflow: hidden;
}
#listnya {
	width: 555px;
	margin: 0px;
	text-align: left;
	background-color: #ffffff;
	font-size: 12px;
	height: 440px;
	overflow: auto;
	float: left;
	display: block;
	line-height: 1.5;
	border: 1px solid #DEDEDE;
}
#logosip {
background: url('../image/logos.png') no-repeat top left;
width: 150px;
height: 300px;
position: absolute;
margin-top: -100px;
}