/* CSS Document */



body{

	margin:0; padding:0; background: #FFFFFF;

	color:#000000;

	}



div, p, h1, h2, h3, ul, li, a, form, input, label, img{

	margin:0; padding:0;

	}

	

.spacer{

	line-height:0; font-size:0; clear:both;

	}

	

.spacer_10{

	line-height: 10px; font-size:0; clear:both;

	}

.spacer_20{

	line-height: 20px; font-size:0; clear:both;

	}	

	

/*------------------------------------------Header Start----------------------------------*/



#container{

	width:755px; margin:23px auto 34px auto; padding:0 0 0 23px; 

	position:relative;

	}

#containerInside{

	width:570px; float:right;

	}

	

#header{

	width:570px; height:214px; float:left;

	background: #FFFFFF 0 0;

	color:#000000;

	}

#header img{

	position:absolute; left:23px; top:75px;

	}



#header h1{

	position:absolute; left:23px; top:125px;

	font:normal 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#000000; background-color:#FFFFFF;

	}



#header ul{

	margin:0; padding:0; list-style:none; width:172px;

	position:absolute; left:568px; top:190px;

	}

#header ul li{

	float:left;

	}

#header ul li a.home{

	background:url(images/home_icon.gif) no-repeat 0 0 #FBFBFB;

	font:bold 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#000000; text-decoration:none; padding:0 0 0 18px; margin:0 35px 0 0;

	display:block;

	}

#header ul li a.contact{

	background:url(images/contact_icon.gif) no-repeat 0 4px #FBFBFB;

	font:bold 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#000000; text-decoration:none; padding:0 0 0 18px; display:block;

	}

#header ul li a:hover{

	background-color:#FBFBFB; color:#CC0000;

	}



/*------------------------------------------Header End----------------------------------*/



/*------------------------------------------Right Start----------------------------------*/



#right{

	width:570px; margin:0; padding:22px 0 0 0; float:left;

	}



#right h2{

	font:bold 22px/24px Arial, Helvetica, sans-serif;

	color:#000000; background-color:#FFFFFF;

	}

#right h2 span{

	font:bold 22px/24px Arial, Helvetica, sans-serif;

	color:#386F00; background-color:#FFFFFF;

	}

	

.lightGrey{

	font: normal 12px/16px Arial, Helvetica, sans-serif;

	color:#7E7E7E; background-color:#FFFFFF;

	padding:15px 23px 20px 0;

	}



.lightBlack{

	font: normal 12px/16px Arial, Helvetica, sans-serif;

	color: #434343; background-color:#FFFFFF;

	padding:15px 23px 20px 0;

	}

	

#right p.darkGrey{

	font: bold 12px/16px Arial, Helvetica, sans-serif;

	color:#7E7E7E; background-color:#FFFFFF;

	padding:0 0 31px 0; width:547px; float:left;

	}

#right p.darkGrey a{

	background:url(images/read_more_bg.gif) no-repeat 0 0 #FFFFFF;

	font: bold 12px/16px Arial, Helvetica, sans-serif;

	color:#7E7E7E; text-indent:-1000px; width:83px; height:14px; display:block; 

	text-decoration:none; margin:-15px 0 0 0; 

	float:right;

	}

#right p.darkGrey a:hover{

	background:url(images/read_more_bg_on.gif) no-repeat 0 0 #FFFFFF;

	color:#000000;

	}



#right div.archivesBg{

	background: white 0 0;

	color:#000000; height:175px; padding:0px 0; margin:0 0 19px 0;

	}



#right div.no1{

	width:165px; float:left; margin:0 7px 0 0;

	border-right:#A5D055 solid 1px; padding:0 0 0 20px;

	}

#right div.no1 h2{

	background:url(images/green_bg_1.gif) repeat-x 0 0 #5C9C00;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#FBFBFB; padding:0 24px 0 0; 

	height:85px; float:left;

	}

#right div.no1 h2 span{

	background:url(images/green_bg_2.gif) repeat-x 0 0 #5C9C00;

	font:normal 36px/36px Arial, Helvetica, sans-serif;

	color:#FBFBFB;

	}

#right div.no1 a{

	background:url(images/read_more_bg_1.gif) no-repeat 0 0 #64AA00;

	font:normal 10px/12px Arial, Helvetica, sans-serif;

	color:#FBFBFB; text-indent:-1000px; width:80px; height:12px;

	float:left; margin:-25px 0 0 0;

	}

#right div.no1 a:hover{

	background:url(images/read_more_bg_1_on.gif) no-repeat 0 0 #64AA00;

	color:#FBFBFB;

	}

#right div.no2{

	width:94px; padding:5px 13px 0 13px; float:left;

	}

#right div.no2 h3{

	background:url(images/date_bg.gif) no-repeat 0 0 #009900;

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#000000; text-align:center; text-transform:uppercase;

	width:94px; margin:0 0 4px 0; 

	float:left; display:block; 

	}	

#right div.no2 ul{

	margin:0; padding:0 0 0 5px; list-style:none;

	}

#right div.no2 ul li{

	background:url(images/white_dotted.gif) repeat-x 0 100% #5C9C00;;

	font:normal 12px/19px Arial, Helvetica, sans-serif;

	color:#FFFFFF; width:88px; height:20px;

	}

#right div.no2 ul li.noline{

	background:none; background-color:#5C9C00;

	font:normal 12px/19px Arial, Helvetica, sans-serif;

	color:#FFFFFF;display:block;

	}

#right div.no2 ul li a{

	background:url(images/date_list.gif) no-repeat 0 8px #5C9C00;;

	font:normal 12px/19px Arial, Helvetica, sans-serif;

	color:#FFFFFF; text-decoration:none; display:block;

	padding:0 0 0 9px; height:19px;

	}

#right div.no2 ul li a:hover{

	background-color:#87BF23; color:#FFFFFF;

	}

	

#right div.about{

	width:229px; border:#DFDFDF solid 1px; color:#000000;

	padding:27px 27px 42px 24px; margin:0 7px 0 0; float:left;

	background:url(images/top_gradient_news.jpg) no-repeat 0 0 #F8F8F8;

	}

#right div.about h2{

	background: #F8F8F8 no-repeat 0 3px;

	font:bold 22px/24px Arial, Helvetica, sans-serif;

	color:#000000; height:43px; 

	padding:0 0 0 50px; margin:0 0 20px 0; 

	}

#right div.about h2 span{

	font:bold 22px/24px Arial, Helvetica, sans-serif;

	color:#386F00; background-color:#F8F8F8;

	}

	

#right div.about h2 span.date{

	font:bold 11px/19px Arial, Helvetica, sans-serif;

	color:#7D633C; background-color:#F8F8F8;

	text-transform:uppercase;

	}

	

.lightGrey2{

	font:12px/16px Arial, Helvetica, sans-serif;

	color:#7E7E7E; background-color: white;

	}

.lightGrey3{

	font:12px/16px Arial, Helvetica, sans-serif;

	color:#7E7E7E; background-color: #f8f8f8;

	}	



#right strong{

	font-weight:bold;

	}

	

#right div.about ul{

	margin:20px 0 0 0; padding:0; list-style:none;

	}

#right div.about ul li{

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#BCBCBC; background-color:#F8F8F8;

	display:block; float:left;

	}

#right div.about ul li a.nec{

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#000000; background-color:#F8F8F8;

	padding:0 8px 0 0; text-decoration:underline;

	}

#right div.about ul li a.lacus{

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#000000; background-color:#F8F8F8;

	padding:0 0 0 8px; text-decoration:underline;

	}

#right div.about ul li a:hover{

	background-color:#FFFFFF; color:#000000;

	text-decoration:none;

	}

a.read{

	background:url(images/read_more_bg.gif) no-repeat 0 0 #F8F8F8;

	font:normal 10px/12px Arial, Helvetica, sans-serif;

	color:#000000; text-indent:-1000px; width:83px; height:14px; display:block; 

	text-decoration:none; 

	float:right;

	}

a.read:hover{

	background:url(images/read_more_bg_on.gif) no-repeat 0 0 #F8F8F8;

	color:#000000;

	}



#right div.news{

	width:228px; background-color: white; border:#DFDFDF solid 1px; color:#000000;

	padding:27px 27px 42px 24px; float:left;

	background:url(images/top_gradient_news.jpg) no-repeat 0 0 #F8F8F8;

	}



#right div.news h2{

	background: #F8F8F8 no-repeat 0 0;

	font:bold 22px/24px Arial, Helvetica, sans-serif;

	color:#000000; height:43px; 

	padding:0 0 0 50px; margin:0 0 20px 0; 

	}

#right div.news h2 span{

	font:bold 22px/24px Arial, Helvetica, sans-serif;

	color:#386F00; background-color:#F8F8F8;

	}

	

#right div.news h2 span.date{

	font:bold 11px/19px Arial, Helvetica, sans-serif;

	color:#7D633C; background-color:#F8F8F8;

	text-transform:uppercase;

	}



#right div.news ul{

	margin:20px 0 0 0; padding:0; list-style:none;

	}

#right div.news ul li{

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#BCBCBC; background-color:#F8F8F8;

	display:block; float:left;

	}

#right div.news ul li a.nec{

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#000000; background-color:#F8F8F8;

	padding:0 8px 0 0; text-decoration:underline;

	}

#right div.news ul li a.lacus{

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#000000; background-color:#F8F8F8;

	padding:0 0 0 8px; text-decoration:underline;

	}

#right div.news ul li a:hover{

	background-color:#FFFFFF; color:#000000;

	text-decoration:none;

	}







	

	

/*------------------------------------------Right End----------------------------------*/





#tengah {

	/*width:570px; margin:0px 0px 0 0; padding:0;*/

	margin:0 0 12px 0;; padding:14px 14px 14px 14px;

	abackground:url(images/top_gradient.jpg) no-repeat 0 0 #F8F8F8;

	color:#7C7C7C;

	font: normal 12px/16px Arial, Helvetica, sans-serif;

	border:#DFDFDF solid 1px;

}



/*------------------------------------------Left Start----------------------------------*/



#left{

	width:160px; margin:163px 25px 0 0; padding:0; float:left;

	}

#left ul.leftnav{

	margin:0 0 12px 0;; padding:30px 18px 41px 14px; list-style:none;

	background:url(images/left_top_gradient.gif) no-repeat 0 0 #F8F8F8;

	color:#7C7C7C;

	}

#left ul.leftnav li{

	background:url(images/grey_dotted.gif) repeat-x 0 100% #F8F8F8;

	font:bold 11px/19px Arial, Helvetica, sans-serif; height:20px;

	color:#7C7C7C;

	}

	

hr{

	background:url(images/grey_dotted.gif) repeat-x 0 100% #F8F8F8;

	color: #e9e9e9;

	}	



#left ul.leftnav li a{

	background:url(images/arrow_list.gif) no-repeat 0 5px #F8F8F8;

	font:bold 11px/19px Arial, Helvetica, sans-serif; display:block;

	color:#7C7C7C; padding:0 0 0 13px; text-decoration:none; height:19px;	

	}

#left ul.leftnav li a.services{

	background:url(images/arrow_list.gif) no-repeat 0 5px #FFFFFF;

	font:bold 11px/19px Arial, Helvetica, sans-serif; display:block;

	color:#7C7C7C; padding:0 0 0 13px; text-decoration:none; height:19px;	

	}

#left ul.leftnav li.archives{

	background:none; background-color:#F8F8F8;

	font:bold 11px/19px Arial, Helvetica, sans-serif; height:20px;

	color:#7C7C7C;

	}

#left ul.leftnav li a:hover{

	background-color:#FFFFFF; color:#7C7C7C;

	}



#left form#member{

	padding:21px 14px 37px 14px; margin:0 0 12px 0; width:132px;

	background-color:#F4F0EA; color:#000000;

	}

#left form#member h2{

	font:bold 12px/14px Arial, Helvetica, sans-serif;

	color:#4D3F2A; background-color:#F4F0EA;

	padding:0 0 18px 0; float:left;

	}

#left form#member input{

	background-color:#FFFFFF; 

	border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px;

	border-bottom:#D4D0C8 solid 1px; border-left:#808080 solid 1px;

	font:normal 12px/14px Arial, Helvetica, sans-serif;

	color:#000000; width:122px; height:12px; padding:4px;

	float:left;

	}

#left form#member label{

	line-height:12px; display:block; float:left;

	}

	



a.register{

	font:bold 10px/12px Arial, Helvetica, sans-serif;

	color:#990200; background-color:#F4F0EA;

	margin:10px 0 8px 0; text-decoration:none; float:left;

	}

a.register:hover{

	background-color:#FFFFFF; color:#990200;

	}

a.password{

	background:url(images/password_bg.gif) no-repeat 0 0 #F4F0EA;

	font:bold 11px/16px Arial, Helvetica, sans-serif;

	color:#FFFFFF; text-align:center; text-decoration:none;

	width:132px; height:16px; display:block; float:left;

	margin:0 0 10px 0;

	}

#left form#member input.goBtn{

	background:url(images/go_bg.gif) no-repeat 0 0 #F4F0EA;

	font:bold 11px/14px Arial, Helvetica, sans-serif;

	color:#FFFFFF; width:24px; height:14px; border:none;

	cursor:pointer; padding:0 0 5px 0; float:right; 

	}

	

#left ul.bottomlink{

	margin:13px 0 0 14px; padding:0; list-style:none;

	}

#left ul.bottomlink li{

	background:url(images/box_list.gif) no-repeat 0 4px #FFFFFF;

	font:bold 11px/13px Arial, Helvetica, sans-serif;

	color:#000000; padding:0 0 0 12px; margin:0 0 3px 0;

	}

#left ul.bottomlink li a{

	background:url(images/green_arrow.gif) no-repeat 64px 2px #FFFFFF;

	font:bold 11px/13px Arial, Helvetica, sans-serif;

	color:#000000; text-decoration:none; width:80px;

	display:block;

	}

#left ul.bottomlink li a:hover{

	background:url(images/green_arrow.gif) no-repeat 70px 2px #FFFFFF;

	color:#000000;

	}





/*------------------------------------------Left End----------------------------------*/



/*------------------------------------------Footer Start----------------------------------*/



#footer{

	background:url(images/footer_bg.gif) repeat-x 0 0 #000000;

	color:#FFFFFF; height:94px; padding:26px 0 0 0;

	

	}



#footer ul.nav{

	margin:0 auto; padding:0; list-style:none;

	width:650px;

	}

#footer ul.nav li{

	font:bold 11px/13px Arial, Helvetica, sans-serif;

	color:#F8F8F8; background-color:#474747; 

	float: left;display: block;

	}

#footer ul.nav li a{

	font:bold 11px/13px Arial, Helvetica, sans-serif;

	color:#F8F8F8; padding:0 8px; text-decoration:none;

	background-color:#474747;	

	}

#footer ul.nav li a:hover{

	background-color:#898888; color:#FFFFFF;

	}



#footer p.copyright{

	margin:0 auto; width:185px; padding:8px 0;

	font:normal 11px/13px Arial, Helvetica, sans-serif;

	color:#FFC57C; background-color:#474747;

	}

#footer p.design{

	margin:0 auto; padding:0; width:215px;

	font:bold 15px/17px Arial, Helvetica, sans-serif;

	color:#7FD702; background-color:#474747;

	}

#footer p.design a{

	font:bold 15px/17px Arial, Helvetica, sans-serif;

	color:#FFFFFF; background-color:#474747; text-decoration:none;

	}

#footer p.design a:hover{

	background-color:#676767; color:#FFFFFF;

	}

	

#hijau{

	padding: 1px 14px 20px 10px; margin:0 0 12px 0; width:136px;

	background-color: #64aa00; color: white;

	font:normal 11px/13px Arial, Helvetica, sans-serif;

	}

#spacer{

	margin:0 0 12px 0;

	}







/*------------------------------------------Footer End----------------------------------*/