body {
	background:url(../images/main_bg.png) repeat-x center top #006FB9;
	margin:0px;
	color: #333333;
	width:100%;font: 13px 'Trebuchet MS', Arial, Sans-serif;
}

th, td, input, textarea {
	font: 13px 'Trebuchet MS', Arial, Sans-serif;
	color: #666666;
}
ol {
	margin: 10px 20px;
	padding: 0 20px;
	color: #666666;font:13px 'Arial', Helvetica, sans-serif;line-height:18px;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;font-size: 1.1em;
}

h1, h2, h3 {
	margin-top: 2px;
	color: #626456;
}

h1 {
	letter-spacing: -.075em;
	font-size:14px;
}

h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size:12px;
	font-weight: bold;
	color: #8D8E85;
}

h3 {
	font-size:11px;
}

p{
	padding-left:18px;
	font: 13px 'Trebuchet MS', Arial, Sans-serif;
	line-height:18px;
	text-align:justify;
}
a {
	text-decoration: none;
	color: #80AB00;
}

a:hover {
	border-bottom: 1px dotted #438800;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #80AB00;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #80AB00;
}

hr {
	display: none;
}

.flash{
	margin:0px;
	padding-top:5px;
	padding-left:9px;
}
.flash_inside{
	margin:0px;
	padding-top:15px;
	padding-left:15px;
}
#font_title {
	color:#666666;
	text-indent: 3px;
	font: bold 25px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
}
.image_icon{
	padding:3px;
}
.fontPad{
	padding-left:5px;
}
.fontimg{
	padding-left:10px;
	padding-top:10px;
}
.img{
	padding-left:10px;behavior: url("iepngfix.htc");
}
.img2{
	padding-left:10px;
	padding-top:17px;
}
.img_bullet{
	padding-right:10px;
}
.line_bottom{
	padding-left:0px;
	padding-top:5px;
	padding-bottom:6px;
}
.font_title_big{
	color:#666666;
	text-indent: 3px;
	font: 28px Trebuchet MS, 'Arial', Sans-serif;
	text-transform: none;
	padding-left:15px;
	margin-top:10px;
}


/*--------------------------------------- 3 MAIN MENU ----------------------------------*/
#pict_menu{
	padding-top:5px;
	padding-left:8px;
	padding-right:3px;
	width:520px;
	position:relative;
	color:#ffffff;
}
/*--------------------------------------- MAIN MENU 1 ----------------------------------*/

#pict1{
	width:170px;
	height:293px;
	background:url(../images/main_eco.jpg) 0 100% no-repeat #3B3B3B; 
	float:left; 
	margin:0 3px 0 0; 
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#pict1 h1#title{
	font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:5px;
	padding-left:14px;
}
#pict1 p{
	padding:5px 0 0 10px; line-height:15px;
}

#pict2{
	width:170px;
	height:293px;
	background:url(../images/main_enviro.jpg) 0 100% no-repeat #3B3B3B; 
	float:left; 
	margin:0 3px 0 0; 
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#pict2 p{
	padding:5px 0 0 10px; line-height:15px;
}
#pict2 h1#title{
	font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:5px;
	padding-left:14px;
}

#pict3{
	width:170px;
	height:293px;
	background:url(../images/main_social.jpg) 0 100% no-repeat #3B3B3B; 
	float:left; 
	margin:0 3px 0 0; 
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#pict3 p{
	padding:5px 0 0 10px; line-height:15px;
}
#pict3 h1#title{
	font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:5px;
	padding-left:14px;
}
/*-----------------------------------------------------------TOP PANEL-------------------------------------------------------------*/
#topPan{width:778px; height:141px; position:relative; margin:0 auto; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topPan ul{
	width:245px;
	height:22px;
	position:absolute;
	top:96px;
	right:0px;
}
#topPan ul li{float:left; height:22px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; padding-right:5px; }
#topPan ul li a{height:16px; display:block; color:#000000; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{color:#FEF0B7; text-decoration:none;}

/*-----------------------------------------------------------TOP PANEL-------------------------------------------------------------*/
/*-----------------------------------------------------------header--------------------------------------------------------------- */
#header {
	width: 990px;
	height: 139px;
	margin: 0 auto;	position: relative;

}
#header h1#logo {
	position: absolute;
	margin: 0;
	padding: 0;
	background:url(../images/logo.png) no-repeat top center;
	width:372px;
	height:121px;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 15px;
	left: 20px;
	
	behavior: url("iepngfix.htc");
}
#header h1#bird {
	position: absolute;
	top:11px;
	left: 616px;
	color: #666666;
	background:url(../images/bird_top.png) no-repeat top center;
	width:359px;
	height:126px;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	behavior: url("iepngfix.htc");
}
#header h1#social {
	position: absolute;
	top:38px;
	left: 616px;
	color: #666666;
	background:url(../images/social_top.png) no-repeat top center;
	width:357px;
	height:152px;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	behavior: url("iepngfix.htc");
}
#header h1#pokok {
	position: absolute;
	top:5px;
	left: 616px;
	background:url(../images/economic_top.png) no-repeat top center;
	width:353px;
	height:198px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	behavior: url("iepngfix.htc");
}
#header h1#pakma {
	position: absolute;
	top:4px;
	left: 616px;
	background:url(../images/environment_top.png) no-repeat top center;
	width:399px;
	height:169px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	behavior: url("iepngfix.htc");
}

/*-------------------------------- END HEADER --------------------------------*/

/* Sidebars */

.sidebar {
	float: left;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	margin-bottom:4px;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0;
}

.sidebar li h2 {
	margin: 0 0 1em 0;
	color: #80AB00;
}

#sidebar1 {
	width:172px;
	padding-right:0px;
}
#sidebar1 h2#bg{
	position: absolute;
	top:430px;
	left: 243px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	width: 76px;
	height:64px;
	background-image: url(file:///C|/Program%20Files/xampp/htdocs/images/bg_dlm_green.png);
}
#sidebar2 {
	width:281px;
	padding-left:9px;
}

#sidebar2 li h2 {
	font:bold 18px 'Trebuchet MS', Arial, Sans-serif;
	margin: 0 0 1em 0;
	background: url(../images/img06.gif) no-repeat left 80%;
	padding: 15px 0  4px 0px;
	border-bottom: 4px solid #FAAD07;
	text-transform:capitalize;
}

#sidebar2 li ul {
	line-height: normal;
	background: url(../images/img04.gif) repeat-x;
}

#sidebar2 li li {
	padding: 5px 5px 0px 5px;
	background: url(../images/img04.gif) repeat-x left bottom;
	font-size: .8em;
}

#sidebar2 li a {
	border: none;
	padding-left: 10px;
}

#sidebar2 li a:hover {
	border: none;
	padding-left: 10px;
}
#sidebar2 h1#location{
	font:bold 18px 'Trebuchet MS', Arial, Sans-serif;
	margin: 0 0 10px 0;
	background: url(../images/img06.gif) no-repeat left 80%;
	color:#80AB00;
	padding: 3px 0  4px 0px;
	border-bottom: 4px solid #0076A3;
	text-transform:capitalize;
}
/*----------------------------------------NEWS--------------------------------------*/
#sitenews {
	color: #60686C;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width:250px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#sitenews dl {
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 9px;
}
#sitenews dt {
}
#sitenews dd {
	margin: 0px;
	padding: 2px 0px 15px;
	line-height: 1.4em;
}
#sitenews .date {
	font-size: 0.9em;
	letter-spacing: 1px;
	display: block;
	color: #A3AAAE;
}
#sitenews .title {
	font:bold 10px;
	padding: 2px 0px 15px;
	/*display: block;*/
	color:#80AB00;
}

/* --------------------------------------Content----------------------------------- */
.content_bg_tengah{
	background:url(../images/bg_tengah.gif) repeat-x top;
}
#content {
	/*float: left;*/
	width: 530px;
	padding-right:4px;
	padding-left:0px;
	padding-bottom:35px;
}
#content h2#bg{
	position: absolute;
	top:122px;
	left: 307px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	width: 76px;
	height:64px;
	background-image: url(file:///C|/Program%20Files/xampp/htdocs/images/bg_dlm.png);
}
#content h1#font_title{
	position: absolute;
	top:112px;
	left: 332px;
	color:#666666;
	text-indent: 3px;
	font: 30px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	width: 365px;
}
#content_middle{
	/*float: left;*/
	width: 750px;
	padding-right:4px;
	padding-left:1px;

}
.post {
}

.post .title {
	margin: 0;
	font-weight: normal;
	background: url(../images/img07.gif) no-repeat left -20%;
}

.post h1.title {
	padding: 5px 0  0 50px;
	height: 40px;
	font-size: 2.4em;
	text-transform: lowercase;
	border-bottom: 2px dashed #666666;
}

.post .entry {
	padding: 0 10px 30px 15px;
}

.post .meta {
	margin: 0;
	padding: 0px 0px 0px 50px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CFCFCF;
}

.post .meta a {
	color: #95CC28;
}

.post .links {
	margin: 0;
}

.post .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	background: url(../images/img04.gif) repeat-x;
}

.post .links a, .post .tags a {
	border: none;
}
.post p{
	padding-top:30px;
}
/*----------------------------------------- IMAGE -----------------------------*/
#gallerymain{
	padding-top:50px;
	padding-left:8px;
	padding-right:3px;
	width:520px;
	position:relative;
	color:#ffffff;
}
#gallerymain p{
	line-height:15px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:5px;
}
#gallerymain h2#slogan{
	position: absolute;
	top:-6px;
	left: 223px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	width: 30px;
}
#gallerymain h2#new{
	position: absolute;
	top:8px;
	left: 468px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	width: 45px;
}
#gallerymain h2#font{
	position: absolute;
	top:-4px;
	left: 8px;
	color: #80AB00;
	text-indent: 0px;
	font:bold 18px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	width: 180px;
}
#gallerymain h2#font2{
	position: absolute;
	top:-4px;
	left: 275px;
	color: #000;
	text-indent: 0px;
	font:bold 18px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	width: 180px;
}

#border{
	float:left;
	padding-right:8px;
}
.imgborder{
	border:10px solid #669900;
}
#border1{
	float:left;
}
.imgborder1{
	border:10px solid #FAAD07;
}
#border_location{
	float:left;
	padding-top:20px;
	padding-left:10px;
}
#border_location ul{
	padding-left:10px;
	font:15px 'Trebuchet MS', Arial, Sans-serif;
}
.imgborder_location{
	border:10px solid #3FA9EE;
}
/*------------------------------------------------------------------------ BOTTOM FOREST PROTECTION ---------------------*/

#bottom{
	padding-top:0px;
	padding-left:8px;
	padding-right:3px;
	width:520px;
	height:53px;
	position:relative;
	color:#ffffff;
	background-color: #0066FF;
}
#bottom #dalam{
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;

}
#bottom h2#fontbig{
	position: absolute;
	top:7px;
	left: 10px;
	color: #fff;
	text-indent: 0px;
	font:bold 18px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	width: 178px;
	height: 25px;
}
#bottom p#font{
	position: absolute;
	top:-9px;
	left: 210px;
	color: #fff;
	text-indent: 0px;
	font:bold 11px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	width: 178px;
	height: 25px;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------- MENU ------------------- */
.markermenu{
list-style-type: none;
margin:0;
padding: 0;
width: 170px;
border-right: 1px solid #FFFFFF;
background-color:#F79103;
}

.markermenu li a{
font: bold 13px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #FAAD07;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #fff;
}

.markermenu li a:hover{
color: black;
background-color: #ffffcb;
}
.font_menu{
	font: bold 11px 'Tahoma',Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
	color: #ffffff;	
}

/* ---------------------------- END MENU -------------------------*/
/* ------------------------------------------------------------- MENU DALAM ---------------------------------*/
/*  Navigation  */
#nav {
}
#nav ul {
	float: left;
	list-style: none;
	margin: 0 0 0 5px; padding: 0;
	width:100%;
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	float: left;
	margin: 0;	padding: 0 12px;
	font: bold 11px 'Tahoma',Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
	color: #5c9a12;	
}
#nav ul li a:hover, 
#nav ul li a:active {
	color:#0066CC;
	background: none;
	border: none;
}
#nav ul li#current a {	
	color: #990000;	
}/*--------------------------------------------------------- MENU END ----------------------------------*/
/* Footer */

#footer {
	background:#689E19;
	height: 105px;
}

#footer p {
	padding-top: 7px;
	padding-bottom:7px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#footer a {
	color:#ffffff;
}