*{
	margin: 0px 0px;
	padding: 0px 0px;
}
.clear {
	clear: both;
}
body {
	background: #82c329 url(../images/bg1.jpg) no-repeat center top;
	font:75% verdana, arial, helvetica, tahoma, sans-serif;
	line-height: 18px;
	color: #004F0B;
}
a {
color: #2e7a2c;
}
a, a:visited {
text-decoration: none;
}
/* Common Formatting */
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
p {
	font-size: 11px;
	line-height: 14px;
}
h1 {
padding:20px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}
  
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
#wrapper {
	background: url(../images/bg_wrapper.png) repeat-y top left;
	width: 980px;
	margin: 0 auto;
	padding: 10px 0px 0px 25px;
}
	#header {
		background: #0c5517 url(../images/bg_header.jpg) no-repeat right top;
		width: 95%;
		height: 100px;
	}
		#logo {
			margin: 0px 0px;
			padding: 20px 0px 0px 20px;
		}
			#logo h2 a {
				background: url(../images/logo.png) no-repeat top left;
				display: block;
				width: 360px;
				height: 71px;
				text-indent: -9999px;
			}
		#topnav {
			width: 94.5%;
			display: block;

		}
			#topnav ul  {
				margin: 0px 0px;
				padding: 0px 0px;
			}
				#topnav ul li {
					display: block;
					line-height: 23px;
					float: left;
				}
				.home {
					background: url(../images/bg_nav_home.png) no-repeat top left;
					display: block;
					width: 18px;
					height: 23px;
					text-indent: -9999px;
				}
				#topnav li a, #topnav li a:link, #topnav li a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 10px;
    text-transform: uppercase;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

#topnav li a:hover, #topnav li a:active {
	background: #3eaf3b;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}
#topnav li a.home:hover {
	background: url(../images/bg_nav_home.png) no-repeat top left;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}
	
#topnav li li a, #topnav li li a:link, #topnav li li a:visited {
	background: #000000;
	width: 260px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-transform: capitalize;
}
	
#topnav li li a:hover, #topnav li li a:active {
	background: #38a335 url(../images/pages-hover-arrow-Nature.gif) no-repeat center left;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}
	
#topnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 260px;
	margin: 0px;
	padding: 0px;
	}

#topnav li li { 
	}

#topnav li ul a { 
	width: 150px;
	}

#topnav li ul a:hover, #topnav li ul a:active { 
	}

#topnav li ul ul {
	margin: -25px 0 0 171px;
	}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover1 ul ul, #topnav li.sfhover1 ul ul ul {
	left: -999em;
	}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover1 ul, #topnav li li.sfhover1 ul, #topnav li li li.sfhover1 ul {
	left: auto;
	}

#topnav li:hover, #topnav li.sfhover { 
	position: static;
	}
#bg_anak {
	display: block;
	width: 146px;
	height: 149px;
	position: absolute;
	top: 1px;
	background: url(../images/bg_anak.png) no-repeat;
	margin-left: 120px;
}
#bodi_wrap {
	width: 95%;
	display: block;
}
	.bodi1 {
		width: 72.5%;
		float: left;
		margin-right: 10px;
		display: block;
	}
		#bodi1a {
			width: 100%;
			height: 300px;
		}
				#slider {
					width: 676px; /* important to be same as image width */
					height: 300px; /* important to be same as image height */
					overflow: hidden; /* important */
				}
				#sliderContent {
					width: 670px; /* important to be same as image width or wider */
					top: 0;
					margin-left: 0;
				}
				.sliderImage {
					float: left;
					display: none;
				}
				.sliderImage img {
					border: none;
				}
				.sliderImage span {
					display: none;
				}
				.clear {
					clear: both;
				}
				.sliderImage span strong {
					font-size: 14px;
				}
				.top {
					top: 0;
					left: 0;
				}
				.bottom {
					bottom: 0;
					left: 0;
					display: none;
				}
				ul { list-style-type: none;}
		#bodi1b {
			width: 100%;
			overflow: hidden; /* important */
		}
			#bodi1ba {
				width: 29%;
				float: left;
				margin: 0px 11px 0px 0px;
			}
			
			#bodi1ba h2,#bodi1bb h2 {
				background: url(../images/bg_h2_bodi.png) repeat-x top left;
				line-height: 39px;
				text-align: center;
				color: #C1FC10;
				
			}
				.spacer {
					height: 5px;
					clear: both;
				}
				.agenda {
					background: #d9faa4;
					padding-: 10px 0px 10px;
				}
				h2#agenda span  {
					background: url(../images/bg_h2_agenda.png) no-repeat top center;
					display: block;
					width: 180px;
					height: 34px;
					text-align: center;
					text-indent: -9999px;
				}

				#bodi1ba ul {
					padding: 10px 5px 0px ;
				}
				#bodi1ba ul li {
					display: block;

				}

					.tgl_agenda {
						width: 28%;
						float: left;
						display: block;
						background: url(../images/bg_tgl.png) no-repeat top right;
						text-align: center;
					}
						.tgl_agenda h1 {
							padding: 0px 0px 10px 0px;
							font-size: 28px;
							line-height: 28px;
							color: #333;
						}
						.agenda ul li {
						    margin-bottom: 10px;
						}
						.tgl_agenda span {
							font-size: 8px;
							color: #FFF;
							padding-left: 0px;
						}
					.isi_agenda {
						width: 60%;
						float: left;
						display: block;
					}	
						.isi_agenda h3 {
							font-size: 14px;
						}
			#bodi1bb {
				width: 69%;
				background: #d9faa4;
				float: left;
			}
			#bodi1bbs {
				width: 69%;
				background: #d9faa4 url(../images/bg_search.png) no-repeat top right;
				float: left;
			}
			#bodi1bbb_tamu {
				width: 69%;
				background: #d9faa4 url(../images/bg_btamu.png) no-repeat top right;
				float: left;
			}
			#bodi1bbc {
				width: 69%;
				background: #d9faa4 url(../images/bg_contact.png) no-repeat top right;
				float: left;
			}
				
				.subpost {
				float:left;
				padding: 0px 0 11.5px;
				margin-left:20px;
				color: #333;
				width: 90%;
				padding-top: 10px;

				}
				.subpost img {
					margin: 5px 10px 10px 0px;
					border: none;
				}
				#bodi1bb p,#bodi1bbs p {
					padding-top:10px;
					line-height: 18px;
					font-size: 11.5px;
					color: #004F0B;
				}
				
				#bodi1bb h3 a, .subpost h3 a,#bodi1bbs h3 a,.subpost h3 {
					color:#155805;
					padding:4px 0px 4px 0px;
					clear: both;
				}
				
				#bodi1bb h3,#bodi1bbs h3,#bodi1bbc h3{
					letter-spacing: -1px;
					color:#155805;
					font-size: 24px;
					padding:4px 0px 4px 0px;
					clear: both;
				}
				#bodi1bbs h4 {
					font-size: 15px;
					padding: 30px 20px;	
					font-family: Georgia,baskerville,'palatino linotype','times new roman',serif;
					font-style: italic;
					text-transform: capitalize;
				}
				#bodi1bbs h4 span {
					color: #aa0000;
				}
				#bodi1bb h3 a:hover {

				}
	
				.post-info {
				padding: 2px 0px;
				border-top: 1px solid #7DBA27;
				border-bottom: 1px solid #7DBA27;
				float: left; 
				clear: both;
				margin-bottom: 5px;
				width: 100%;
				font-size: 10px;
				color: #669B07;
				}
	
.tnt_pagination {
margin: 50px 0px 20px;
text-align: center;
font-size: 11px;
}

.tnt_pagination a, .tnt_pagination a:link {
	padding: 3px 5px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #80BF28;
	color: #FFF;
	background-color: #80BF28;	
}
.tnt_pagination a:visited {
	padding: 3px 5px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #80BF28;
	color: #FFF;
	background-color: #80BF28;	
}
.tnt_pagination a:hover {	
	border: 1px solid #21772E;
	color: #FFF;
	background-color: #21772E;
}
.tnt_pagination a:active {
	padding: 3px 5px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #80BF28;
	color: #FFF;
	background-color: #80BF28;	
}
.tnt_pagination span.disabled_tnt_pagination {
	padding: 3px 5px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #21772E;
	color: #FFF;
	background-color: #21772E;	
}
.tnt_pagination span.current {
	padding: 3px 5px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #21772E;
	color: #FFF;
	background-color: #21772E;
}
.tnt_pagination span.titik {
	padding: 3px 5px; 
	margin: 2px;	
	border: 1px solid #21772E;
	color: #FFF;
	background-color: #21772E;
}

	.bodi2 {
		width: 26.4%;
		float: left;
	}
		#banner_pg h2 a{
			background: url(../images/bg_pgoubat.png) no-repeat top left;
			display: block;
			width: 246px;
			height: 50px;
			text-indent: -9999px;
		}
		.search {
		margin: 5px 0px 0px 0px;
		width:253px;
		height:33px;
		background: url(../images/searchbg.png) no-repeat top left;
		padding: 0px;	
		}
		
		#searchform {
		padding: 0px;
		width:242px;
		height:24px;
		}
		.search input {
		margin:8px 0 0 25px;
		height:15px;
		width:130px;
		background: none;
		font-size:1.4em;
		color:#333;
		float: left;
		border:none;
		font-size: 11px;
		padding: 0px 0px;
		}
		
		#searchsubmit {
		width: 84px;
		height: 33px;
		float: left;
		margin: 0px;
		padding: 0px;
		}
			#b_video {
				background: #0c5517;
				padding: 10px 10px;
				margin: 5px 0px;
				color: #FFFF37;
			}
			#b_video a,#b_fotos  a {
				color: #FFFF37;
			}
			#b_fotos {
				background: #0c5517 url(../images/bg_foto.png) no-repeat top left;
				padding: 10px 10px 10px 0px;;
				margin: 10px 0px 0px;
			}
			#b_fotos h3 {
				padding-left: 15px;
			}
				#b_fotos ul li {
					display: block;
					float: left;
					width: 80px;
					margin: 0px 0px 2px 7.5px;
				}
				#b_fotos img:hover {
					display: block;
					border: none;
					margin: 0px 1px 2px 0px;
					filter: alpha(opacity=40);
					-moz-opacity: 0.4;
					-khtml-opacity: 0.4;
					opacity: 0.4;
					
				}
				#b_fotos img{
					display: block;
					border: none;
					margin: 0px 1px 2px 0px;
					filter: alpha(opacity=140);
					-moz-opacity: 1.4;
					-khtml-opacity: 1.4;
					opacity: 1.4;
					background: #000;
				}
			#b_tamu {
				background: #D9FAA4;
				padding: 10px 10px 10px 10px;;
				margin: 5px 0px;
			}
				#b_tamu h2 a{
					background: url(../images/leaf.gif) no-repeat center left;
					display: block;
					padding-left: 20px;
					line-height: 30px;
					border-bottom: 1px dashed #21772E;
					margin-bottom: 10px;
					font-size: 18px;
					letter-spacing: -1px;
					color: #0C5517;
				}
				#b_tamu img {
					margin: 5px 5px 5px 0px;
				}
				#b_tamu h3 {
					font-size: 13px;
					margin-bottom: 5px;
				}
			#b_tamu ul li{
				margin: 0px 0px 10px;
			}
			#b_buku {
				background: #D9FAA4;
				padding: 10px 10px 10px 18px;;
				margin: 5px 0px;
			}
			#b_buku ul li{
				margin: 0px 0px 10px;
			}
			.buku {
				padding: 10px 10px;
				background: #0C5517 ;
				color: #D9FAA4;
				margin: 5px 0px;
			}
			.buku h2 {
				color: #FFFF37;
				font-size: 18px;
				margin-bottom: 10px;
				border-bottom: 1px solid #FFFF37;
				line-height: 22px;
				padding-bottom: 2px;
			}
			.buku a {
				color: #FFFF37;
				text-transform: capitalize;
			}
			.buku ul li {
				margin: 0px 0px 10px;
			}
				.buku img {
					margin: 5px 5px 5px 0px;
				}
				.buku h3 a {
					font-size: 12px;
					margin: 0px 0px 10px;
					line-height: 15px;
				}
				
		h3#single {
			margin-top: 20px;
		}
		h3#pages {
			margin-top: 20px;
			font-size: 18px;
			padding-left: 20px;
		}
#footer {
	background: #0c5517;
	width: 95%;
	padding: 10px 0px 10px;
	margin: 20px 0px 0px;
}
	.c_footer {
		text-align: center;
	}
		.c_footer h2 {
			text-align: center;

		}
		.c_footer h2 a {
			display: block;
			width: 260px;
			height: 52px;
			background: url(../images/bg_logo_footer.png) no-repeat center top;
			text-indent: -9999px;
			margin: 0 auto;
		}
		.c_footer p {
			color: #82C329;
		}
#zoombox {
	background: #000;
}
#zoombox_aplat {
	position:fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height:100%;
	background-color: #000;
	cursor:pointer;
}
#zoombox_loading {
	background:url(../../images/loader.png) left top no-repeat;
	position: fixed;
	height: 40px;
	width: 40px;
	cursor: pointer;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	overflow: hidden;
	z-index: 100;
}

#zoombox_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 17px;
	width: 17px;
	background: transparent url(../images/delete.gif) ;
	cursor: pointer;
	z-index: 100;
}
#zoombox_conteneur {
	position:absolute;
	padding:18px 18px 56px 18px;
	overflow: visible;
	z-index: 90;
	background: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#zoombox_conteneur2 {
	position:relative;
	width:100%;
	height:100%;
}
#zoombox_titre {
	bottom:-26px;
	height:16px;
	left:0pt;
	position:absolute;
	width:100%;
	z-index:100;
	display:none;
}

#zoombox_titrec {
	height:26px;
	color:#FFFFFF;
	vertical-align:middle;
	font-family:Arial;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:26px;
	text-align:center;
}	

.link {
	background: #0C5517 url(../images/leaf.png) no-repeat top left;
	padding: 10px 10px;
	margin: 10px 0px;
}
.link h3,#b_fotos h3{
	color: #FFFF32;
	font-size: 18px;
	font-style: italic;
font-family: Georgia,baskerville,'palatino linotype','times new roman',serif;
margin-bottom: 10px;
}
.link ul li {
	line-height: 22px;	
}
.link ul li a {
	color: #D9FAA4;
	border-bottom: 1px solid #23792E;
	display: block;
}
.link ul li a:hover {
	color: #ffff32;
}
.map {
	padding: 5px 0px 0px 20px;
	font-size: 11px;
	font-style: italic;
	font-family: Georgia,baskerville,'palatino linotype','times new roman',serif;
}
.mapb {
	padding: 10px 0px 0px 20px;
	font-size: 11px;
	font-style: italic;
	font-family: Georgia,baskerville,'palatino linotype','times new roman',serif;
	margin-bottom: 20px;
}
#entry {
	width: 100%;
	margin: 20px 0px 0px 0px;
	border-top: 10px solid #20762D;
	padding: 20px 10px;
}	
	#entry input,#entry select,#entry textarea {
		border: 1px dotted #CCC;
	}
	#entry ul li {
		list-style: none;
		display: block;
		margin-bottom: 5px;
	}
	.asc {
		width: 100px;
		display: block;
		float: left;
		line-height: 20px;
		font-size: 13px;
		
	}
	.judul {
		width: 200px;
	}
#entry input,#entry textarea{		
		border:1px solid #ddd;
		background:#fff url(../images/form1/form_input.gif) repeat-x;
		padding:5px;
		font-size: 11px;
		}	
	.thanks {
		margin: 10px 20px;
		color: #aa0000;
	}
	#entry option{	
		line-height: 18px;
		font-size: 11px;
	}					
	#entry p.submit{
		clear:both;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#entry .button{
		width:120px;
		height:30px;
		line-height:20px;		
		border:none;
		background:url(../images/button.png) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		float: right;
		margin: 10px 30px 20px 0px;
	}