/*--- Body ---*/
body{
	background: #023a64;
	margin: 0;
}
pages ul {
	margin-top: 0px; padding-top: 0px;
}
#body_utama{
	background: #046bb8 url(../img/body_up.gif) no-repeat left top;
	width: 100%;
	float: left;
	min-height: 1160px;
	max-height: 10000px;
	margin: 20px 0 0 0;
}
#body_bottom{
	background: url(../img/body_bottom.gif) no-repeat left top;
	width: 950px;
	height: 13px;
	float: left;
	margin: 0;
}
.body_right{
	background: White url(../img/guard_up.gif) no-repeat left top;
	float: right;
	width: 749px;
	min-height: 850px;
	max-height: 8000px;
	margin: 0;	
}
.body_polling{
	background: White url(../img/polling_up.gif) no-repeat center top;
	float: right;
	width: 169px;
	min-height: 200px;
	max-height: 1000px;
	margin: 0;	
}
.polling_bottom{
	background: White url(../img/polling_bottom.gif) no-repeat center top;
	float: right;
	width: 169px;
	height: 5px;
	margin: 0;	
}
/*--- End Body ---*/

/*--- Box ---*/
.box_1{
	background: White;
	width: 725px;
	height: 235px;
	float: right;
	padding: 5px;
	margin: 18px 13px 0 0;
}
.box_gabung{
	background: White url(../img/box_gabung.gif) no-repeat left top;
	width: 173px;
	height: 147px;
	float: right;
	display: block;
	margin: 20px 0 0 0;
}
.box_deklar1{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: White;
	background: #08497c;
	width: 518px;
	height: 18px;
	float: left;
	border-bottom: 2px solid #fff;
	padding: 3px 5px;
	margin: 0 0 0 0;
}
.box_deklar2{
	font: 12px Arial, Helvetica, sans-serif;
	color: #050505;
	background: #a4d4fa;
	width: 518px;
	height: auto;
	float: left;
	border-bottom: 2px solid #fff;
	padding: 3px 5px;
	margin: 0 0 0 0;
}
.box_deklar3{
	font: 12px Arial, Helvetica, sans-serif;
	color: #050505;
	background: #c2dff7;
	width: 518px;
	height: auto;
	float: left;
	border-bottom: 2px solid #fff;
	padding: 3px 5px;
	margin: 0 0 0 0;
}
/*--- End Box ---*/

/*--- Line ---*/
.left{
	float: left;
	width: 50%;
	height: auto;
	margin: 0;
}
.right{
	float: right;
	width: 50%;
	height: auto;
	margin: 0;
}
.line_left1{
	float: left;
	width: 20%;
	height: auto;
	margin: 0;
}
.line_right1{
	float: right;
	width: 80%;
	height: auto;
	margin: 0;
}
#line_utama{
	width: 950px;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
}
.line_1{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
}
.line_2{
	width: 950px;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
}
.line_3{
	width: 96%;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
}
/*--- End Line ---*/

/*--- Teks ---*/
.teks1{
	font: 16px Georgia, arial, tahoma;
	color: White;
	text-align: center;
	width: 725px;
	height: auto;
	padding: 9px 0;
}
.teks2{
	font: bold 13px Georgia, arial, tahoma;
	color: Black;
	display: block;
	margin: 10px 0 0 10px;
}
.teks3{
	font: bold 13px Georgia, arial, tahoma;
	width: 163px;
	height: 16px;
	display: block;
	color: #023a64;
	text-align: center;
	border-bottom: 1px solid #023a64;
	padding: 2px 0;
	margin: 5px auto;
}
.teks4{
	font: 11px arial, tahoma;
	width: 158px;
	height: auto;
	color: #023a64;
	display: block;
	margin: 5px auto;
}
.teks5{
	font: 11px arial, tahoma;
	color: #023a64;
	margin: 0 2px 0 0;
}
.teks6{
	font: 11px arial, tahoma;
	color: #023a64;
	float:left; 
	height:30px; 
	width:12px; 
	text-align:center;
	margin: 2px 2px;
}
.teks7{
	font: bold 12px Georgia, arial, tahoma;
	color: White;
	display: block;
	text-align: center;
	margin: 5px auto 0 auto;
}
.teks8{
	font: 9px arial, tahoma;
	color: White;
	margin: 0 0 0 5px;
}
.teks9{
	font: 12px Arial, Helvetica, sans-serif;
	color: Black;
	height: 24px;
	width: 100px;
	display: block;
}
.caption10{
	font: 18px Georgia;
	color: #08497c;
	display: block;
}
.caption10 a{
	text-decoration: none;
	color: #08497c;
}
.teks10{
	font: 18px Arial, Helvetica, sans-serif;
	color: #08497c;
	display: block;
}
.teks11{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4e4c4c;
	text-align: left;
	padding-bottom:10px;
}
.teks12, p, ul, li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #4e4c4c;
	text-align: left;
}
.teks13{
	font: italic 11px Georgia, arial, tahoma;
	color: Black;
	margin: 0 0 0 5px;
}
.teks14{
	font: 20px Georgia, arial, tahoma;
	color: Black;
	width: auto;
	padding:0 0;
}
.teks15, h2{
	font: 18px Georgia, arial, tahoma;
	color: #08497c;
	width: auto;
	padding: 10px 0 0 0;
	letter-spacing: 0px;
}
.teks16{
	font: 15px Arial, Helvetica, sans-serif;
	color: #08497c;
	display: block;
}
.teks17{
	font: 12px arial, tahoma;
	color: #636363;
	margin: 0 0 0 0;
}
h3{
	font: bold 14px Georgia, arial, tahoma;
	color: #4e4c4c;
	width: auto;
	padding: 10px 0 0 0;
}
/*--- End Teks ---*/

/*--- Tombol Teks ---*/
a.nav_teks1{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #066bb7;
	display: block;
	text-align: left;
	text-decoration: none;
}
a.nav_teks1:hover{
	color: Black;
}
a.nav_teks2{
	font: 11px Arial, Helvetica, sans-serif;
	color: White;
	display: block;
	text-align: left;
	text-decoration: none;
	margin: 0 0 0 5px;
}
a.nav_teks2:hover{
	color: Black;
}
a.nav_teks3{
	background: url(../img/icn_titik.gif) no-repeat left;
	font: 12px Georgia, arial, tahoma;
	color: #014e88;
	display: block;
	text-align: left;
	text-decoration: none;
	padding: 0 0 0 23px;
	margin: 10px 0 0 0;
}
a.nav_teks3:hover{
	color: Black;
}
a.nav_teks4{
	background: url(../img/icn_beranda.gif) no-repeat left;
	font: bold 13px Georgia, arial, tahoma;
	color: Black;
	height: 30px;
	float: left;
	text-align: left;
	text-decoration: none;
	padding: 5px 0 0 25px;
	margin: 5px 0 0 10px;
}
a.nav_teks4:hover{
	color: #014e88;
}
/*--- End Tombol Teks ---*/

/*--- Tombol ---*/
.submit1{
	background: url(../img/button_submit1.png) no-repeat left;
	width: 54px;
	height: 24px;
	font: 14px Georgia, arial, tahoma;
	color: White;
	text-align: center;
	border: none;
	cursor: pointer;
	display: block;
	margin: 0 0 0 0;
}
a.facebook{
	background: url(../img/icn_fb.gif) no-repeat left;
	width: 84px;
	height: 76px;
	display: block;
	margin: 20px auto 0 auto;
}
a.twitt{
	background: url(../img/icn_twitt.gif) no-repeat left;
	width: 84px;
	height: 76px;
	display: block;
	margin: 20px auto 0 auto;
}

a.restorasi {
	background:url(../img/restorasi-new.png) no-repeat right;
	width:100%;
	height:99px;
	display:block;
	margin: 0 auto 0 auto;
}

.rbt_baner {
	background:url(../img/RBT_banner.png) no-repeat left;
	width:171px;
	height:434px;
	display:block;
	margin: 20px auto 0 20px;
}

a.x{
	background: url(../img/x1.gif) no-repeat left;
	width: 63px;
	height: 19px;
	float: right;
	margin: 0 0 0 0;
}
a.x:hover{
	background: url(../img/x2.gif) no-repeat left;
}
/*--- End Tombol ---*/

/*--- Paging ---*/
#prev_next{
	width: 98px;
	height: 15px;
	display: block;
	margin: 0px auto 10px auto;
}
a.prev{
	background: url(../img/prev.gif) no-repeat left;
	float: left;
	display: block;
	width: 5px;
	height: 9px;
	margin: 7px 0px 0px 0px;
}
a.next{
	background: url(../img/next.gif) no-repeat right;
	float: right;
	display: block;
	width: 5px;
	height: 9px;
	margin: 7px 0px 0px 0px;
}
a.navigasi1{
	font: normal 11px arial, georgia, Rockwell, "Trebuchet MS";
	text-decoration: none;
	text-align: center;
	color: #484848;
	width: 15px;
	height: 15px;
	padding: 1px 4px;
	margin: 2px 0px 0px 4px;
}
a.navigasi1:hover{
	color: White;
	background: #046bb8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
/*--- End Paging ---*/

/*--- Input ---*/
input.email{
	font: 12px Arial, Helvetica, sans-serif;
	color: Black;
	background: White;
	width: 160px;
	height: 20px;
	display: block;
	border: 1px solid #a5a8af;
	margin: 0 0 0 0;
}
/*--- End Input ---*/

/*--- Yellow ---*/
.box_yellow{
	background: #f9a01b;
	width: 180px;
	float: right;
	min-height: 400px;
	max-height: 800px;
	padding: 5px 0 10px 0;
	margin: 0 10px 0 0;
        
}
	/*--- MENU YELLOW ---*/
.menu_yellow{
	width: auto;
	height: auto;
	display: block;
	margin: 10px 0 0 0;
}	
.menu_yellow ul{
	width: auto;
	height: auto;
	display: block;
	list-style-type: none;
	margin: 0 0 0 0;
}
.menu_yellow li{
	display: block;
	margin:0 0 0 -30px;
	padding:0;	
}
.menu_yellow a{
	background: url(../img/icn_yellow.gif) no-repeat left;
	font: bold 12px arial, tahoma;
	color: Black;
	height: 14px;
	display: block;
	padding: 0 0 0 10px;
	margin: 5px 0px 0 0;
	text-decoration: none;
}
.menu_yellow a:hover{
	color: #fff;
}
	/*--- END MENU YELLOW ---*/
/*--- End Yellow ---*/	

/*--- Light Box ---*/
.light_box{
	background: url(../img/light-box.png) no-repeat left;
	width: 544px;
	height: 256px;
	display: block;
	margin: 60px auto 0 auto;
}
/*--- Light Box ---*/

/*--- Footer ---*/
.footer{
	background: url(../img/footer.jpg) no-repeat left top;
	width: 954px;
	height: 76px;
	float: left;
	margin: 0;
}
	/*--- MENU FOOTER ---*/
.menu_footer{
	display: block;
	width: 50%;
	height: 15px;
	margin: 20px auto 0 auto;
}	
.menu_footer ul{
	width: 500px;
	height: 15px;
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
}
.menu_footer li{
	display: block;
	margin:0 0 0 0;
	padding:0;	
}
.menu_footer a{
	font: 12px  Georgia, arial, tahoma;
	color: #4ebdfd;
	height: 14px;
	float: left;
	padding: 0;
	margin:0 20px 0 0;
	text-decoration: none;
}
.menu_footer a:hover{
	color: #fff;
}
	/*--- END MENU FOOTER ---*/
.teks_footer{
	font: 11px arial, tahoma;
	text-align: center;
	width: auto;
	height: auto;
	color: White;
	display: block;
	margin: 15px auto 0;
}	
/*--- End Footer ---*/