@charset "utf-8";
/* Created by abieb Design, */

* { margin:0px; padding:0px; }
body { background:url(../img/bg.png) repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-attachment:fixed;}
p{margin-bottom:8px;}
#konten {
	width:1000px;
	height:auto;
	background:#ffffff;
	margin:0px auto;
	box-shadow:0px 0px 6px 0px #000000;
	-moz-box-shadow:0px 0px 6px 0px #000000;
	-o-box-shadow:0px 0px 6px 0px #000000;
	-webkit-box-shadow:0px 0px 6px 0px #000000;
	-ms-box-shadow:0px 0px 6px 0px #000000;
}
	#top-menu {
		background:url(../img/bg-top-menu.png) no-repeat;
		height:20px;
		padding:7px;
		width:986px;
		margin-top:-240px;
		z-index:99;
		position:absolute;
		box-shadow:0px 0px 6px 0px #000000;
	
	}
		.tgl {
			color:#ffffff;
		}
		.mn-top ul{
			float:right;
			margin-top:-14px;
		}
		.mn-top ul li{
			display:block;
			float:left;
			list-style-type:none;
			padding:0px 10px;
		}
		.mn-top ul li a{
			text-decoration:none;
			color:#fff;
			font-weight:600;
		}
		.mn-top ul li a:hover{
			color:#F8AF05;
			text-decoration:none;
		}
		#menu {
			width:1000px;
		height:50px;
		background:url(../img/bg-menu.png) repeat-x;
		position:absolute;
		margin-top:-50px;
		z-index:99;
	
	}
		/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative;}
ul.dropdown li                      { font-weight: bold; border-left:1px solid #000; border-right:1px solid #333; cursor:pointer; float: left; zoom: 1; list-style-type:none; padding:13.5px 14.5px; }
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 4px 8px; text-decoration:none; color: #fff; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background:#F3AD0A; color:#fff; position: relative; }
ul.dropdown li.hover a              { color:#fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:9999; }
ul.dropdown ul li 					{ font-weight: normal; background:#333; color:#ffffff; 
									  border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; float: none; padding:7px 0px; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0;  z-index:9999;}
ul.dropdown li:hover > ul 			{ visibility: visible; }
#aaa{ float:right; margin-right:20px; margin-top:5px;}

ul.dp li{
    list-style-type:none; padding:13.5px 14.5px; 
    font-weight: bold;
    border-left:1px solid #000;
    width:130px;
    float:left;
}
ul.dp li a                    { display: block; padding: 4px 8px; text-decoration:none; color: #fff; }
ul.dp li:hover                { background:#F3AD0A; color:#fff; position: relative; }
ul.dp li.hover a              { color:#fff; }
	#header {
		height:167px;
		background:#fff;
		position:absolute;
		margin-top:-211px;
		box-shadow:0px 0px 6px 0px #000000;
		z-index:99;
	}
	
	#main {
		display:block;
		padding-top:20px;
		margin-top:20px;
		margin-bottom:20px;
		height:auto;
		background:#ffffff;
	}
		.sidebar{
			width:300px;
			margin-left:20px;
			margin-bottom:20px;
			background:#e0f4aa;
			float:left;
		}
			.title-sidebar{
				background:#69b10c;
				padding:10px;
				width:280px;
				font-size:16px;
				font-weight:600;
				color:#ffffff;
			}
			.main-sidebar{
				border:1px solid #cdee74;
				height:auto;
				padding:10px;
			}
		.isi {
			float:left;
			width:640px;
			margin:0px 20px 0px 20px;
			height:auto;
		}
		.slide{
			height:auto;
			background:#e0f4aa;
			margin-bottom:0px;
		}
		.konten-tab{
			height:auto;
		}
			.konten-tab ul#nav {
				padding:20px 5px 10px 0;
			}
			.konten-tab ul#nav li{
				display:inline;
				float:left;
				position:relative;
				margin-right:1px;
			}
			.konten-tab ul#nav li a{
				background:#57AE00;
				padding:10px 25px;
				color:#FFF;
				text-decoration:none;
				font-weight:bold;display: block;
			}
			.konten-tab ul#nav li a:hover{
				background:#F3AD0A;
			}
			.konten-tab ul#nav li a.active, .konten-tab ul#nav li a.active:hover{
				background:#e0f4aa;
				color:#555;
				border-top:1px solid #cdee74;
				border-left:1px solid #cdee74;
				border-right:1px solid #cdee74;
			}
			#konten2{
				border:1px solid #cdee74;
				margin-top:24px;
				padding:20px;
				background:#e0f4aa;
				color:#555;
			}
			#konten2 p{
				text-indent:15px;
				line-height:165%;
			}
		.galeri{
			height:auto;
			background:#e0f4aa;
			margin-top:20px;
			margin-bottom:0px;
		}
			.t-galeri{
				background:#69b10c;
				padding:10px;
				font-size:16px;
				font-weight:600;
				color:#ffffff;
			}
			.i-galeri{
				border:1px solid #cdee74;
				height:120px;
				padding:10px;
			}
	#detail{
		background:#e0f4aa;
		padding:10px;
	}
	#menu-bottom {
		background:#74b912;
		height:20px;
	}
	#footer{
		width:985px;
		height:30px;
		background:url(../img/footer.png) no-repeat;
		color:#fff;
		padding-left:15px;
		font-size:12px;
	}
		#footer p{padding-top:9px; font-weight:600;}
		
		
		a{text-decoration:none; color:#509F00;}
		a:hover{text-decoration:underline; color:#F3AD0A;}
	#in {padding:4px 5px 3px 5px; border:1px solid #509F00;}
	#bt{padding:5px 10px; background:#2E5B00; color:#fff; border:#326400; cursor:pointer;}
	#bt:hover{background:#69D200; color:#2E5B00; border:#79F200;}
	.pg{padding:4px 8px; border:1px solid #4B9700; background:#509F00; color:#fff;}
	.pg:hover{background:#97F709; color:#315100; text-decoration:none;}
	.pg2{padding:4px 8px; border:1px solid #1E1E1E; background:#282828; color:#fff;}
	#detail ul{margin-left:40px;}
	#detail ol{margin-left:20px;}