body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

#pageu{
	width:983px;
	padding-left:7px;
	min-height:100%;
	font-family: Verdana;
	font-size:12px;
	margin: 0px auto;
	background:url(../images/pageu.jpg) repeat-y;
}

#ateuh{
	height:221px;
	width:968px;
	background:url(../images/gmb_ateuh.png) no-repeat;
	border-top:2px solid #e3e3e3;
}

#menu_ateuh{
	height:30px;
	width:965px;
	padding-top:5px;
	padding-left:3px;
	background:#003173;
}

#asoe{
	width:100%;
}

#wie{
	width:200px;
	height:860px;
	background:url(../images/unen.jpg) repeat-y;
	float:left;
}

#wie_judul{
	width:186px;
	height:30px;
	margin:3px;
	padding:3px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#525564;
	background:#fff;
	border-left:1px solid #BEB9B5;
	border-bottom:1px solid #BEB9B5;
}

#wie_asoe{
	width:186px;
	margin:3px;
	padding:3px;
	font-size:12px;
	color:#525564;
	background:#fff;
	border-left:1px solid #BEB9B5;
	border-bottom:1px solid #BEB9B5;
}

#wie_asoe ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

#wie_asoe a:link, a:visited {
    display: block;
    color: #525564;
    width: 180px;
    padding: 4px;
    text-decoration: none;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

#wie_asoe a:hover, a:active {
    border-left:1px solid #BEB9B5;
	border-bottom:1px solid #BEB9B5;
}

#teungoh{
	width:635px;
	margin-left:4px;
	background:#fff;
	float:left;
}

#teungoh_ateuh{
	padding-top:5px;
}

#teungoh_wie{
	position: relative;
	width:310px;
	margin-left:0px;
	background:#fff;
	border-right:1px solid #EAEAE0;
	float:left;
	border-bottom: 1px solid #ddd;
}

#teungoh_unen{
	width:310px;
	margin-left:0px;
	background:#fff;
	float:right;
}

#unen{
	width:125px;
	margin-right:15px;
	float:right;
}

#unen_vall{
	width:100%;
	margin-top:2px;
	background:royalblue;
	text-align:center;
	color:#fff;
}

#unen_vall a {text-decoration:none;color:#fff;}
#unen_vall a:hover, a:active {text-decoration:underline;color:#fff;}

#aki{
	width:968px;
	height:100px;
	background:#006699;	
	clear:both;
	text-align:center;
	color:#fff;
	line-height: 1.5em;
	padding-top: 10px;
	border-bottom:3px solid #e3e3e3;
}

#aki_ytb{
	width:968px;
	float:left;
	text-align:left;
	padding-top: 2px;
	border-bottom:3px solid #e3e3e3;
}

#aki_ytbleft{
	width:640px;
	padding-left: 3px;
	float:left;
}

#aki_ytbright{
	width:250px;
	padding-left: 1px;
	padding-bottom: 1px;
	float:left;
}

#pugleh{
	clear:both;
}

#staf{
	height:230px;
	border-radius:3px;
	width:98%;
	margin:5px;
	border:1px solid #CCD6E7;
	float:left;
}

#staf_gamba{
	padding-top:5px;
	padding-left:5px;
	float:left;
}

#staf img{
	border-radius:5px;
	border-right:1px solid #ADAEAF;
	border-bottom:1px solid #ADAEAF;
	padding:0 0 0 0;
}

#staf_tulesan{
	height:150px;
	margin-top:3px;
	padding-left:10px;
	float:left;
/*	background-color:#000; */
}

#staf_bareh{
	height:10px;
}

#staf_tulesan_wie{
	width:100px;	
	float:left
}

#staf_tulesan_unen{
	width:400px;
	font-weight:bold;
	margin-left:5px;
	float:left;
}

#staf_tulesan_wie_kat{
	width:200px;	
	margin-left:15px;
	float:left;
}
#staf_tulesan_wie_kat a {text-decoration:none;}
#staf_tulesan_wie_kat a:hover, a:active {text-decoration:underline;}

#staf_tulesan_unen_kat{
	width:250px;
	font-weight:bold;
	margin-left:5px;
	float:left;
}

#judul{
	font-weight:bold;
	color:#525564;
	font-size:18px;
	padding-bottom:8px;
}

#berita{
	font-size:10px;
	padding-bottom:5px;
	height:80px;
	line-height: 130%;
}

#berita img{padding-right:5px;}
#sikrek_sion img{
	padding-right:8px;
	padding-top:27px;
}


/* akhe css kerangka depan */

/* awai css data*/

#icofolder{
	width:100px;
	color:#000;
	line-height: 120%;
	text-align:center;
	float:left;
}

#icofolder a {text-decoration:none;}
#icofolder a:hover, a:active{color:#fd0000;}

#pileh{
	width:200px;
	float:left;
}

#siswa_unen{
	width:98.7%;
	float:left;
/*	height:100px; */
	margin-top:1px;
	padding-top:1px;
	padding-left:8px;
	border:1px solid #CCD6E7;
	border-radius:3px;
/*	background-color:#CCD6E7; */
}

#siswa_tabel{
	width:100%;
	height:27px;
	float:left;
	margin-top:10px;
	padding-top:1px;
	padding-left:0px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	background-color:#CCD6E7;
}

#siswa_tabel b{padding-left:8px;}
#siswa_tabel a{text-decoration:none;}
#siswa_tabel a:hover, a:active{text-decoration:underline;}


#peuingat{
	width:400px;
	height:20px;
	text-align:center;
	background-color:#CCD6E7;
	border-bottom-right-radius:3px;
	clear:both;
}

#cetak{
	float:right;
	width:80px;
	height:35px;
	padding-top:6px;
	padding-left:3px;
	background-color:#6586B7;
	border-top: 2px solid #124490;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#cetak img{
	padding-left:5px;
	padding-top:0px;
	opacity:1;
}

#cetak a:hover, a:active{
	opacity:0.5;
}

#vua img{
	padding-left:0px;
	padding-top:2px;
	opacity:1;
}

#vua_jdl{
	width:120px;
	position: absolute;
	background-color:#fff;
	text-align:center;
	margin-left:2px;
	margin-top:25px;
	line-height: 1em;
	opacity:0.5;
	padding-top:2px;
	padding-bottom:2px;
	border-radius:5px;
}

#vua_jdl a:hover, a:active{
	opacity:1;
}

#judul_asoe{
	font-size:18px;
	height:30px;
	text-transform:uppercase;
	font-weight:bold;
	width:99%;
	padding-top:10px;
	border-bottom:1px solid #124490;
}

#judul_pengirim{
	font-size:10px;
	background-color:#CCD6E7;
	height:20px;
	width:99%;
	text-transform:capitalize;
	text-decoration:none;
	padding-left:1%;
	font-family:arial;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

#judul_pengirim a{text-decoration:none;color:#000;}
#judul_pengirim a:hover, a:active{text-decoration:underline;}

/* awai komentar */
#komentar{
	width:100%;
	clear:both;
	padding-bottom:5px;
}

#captcha{
	width:75px;
	float:left;
	padding-top:7px;
}

#captcha img{
	padding:0 0 0 0;
}

#paneuk input{
	width:60px;
	height:26px;
}

.post_comment {
	padding-left: 20px;
	margin-left: 5px;
}

#middle_column .comment_section {
	margin: 20px 20px 30px 20px;
}

.comment_section .comment_section_title{
	color: #D74B4B;
	height: 30px;
	font-size: 14px;
	font-weight:bold;
	border-bottom: 1px dotted #666;
	padding: 20px 0 0 0;
	margin-bottom: 15px;
}

.comment_section .comment_box{
	margin-bottom: 20px;
	background: #CCD6E7;
}

.comment_box .comment_title {
	color: #11616a;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #8198C4;
	border-bottom: 1px solid #9e997e;
}

.tanggapan_title {
	color: #11616a;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #95a9cf;
	border-bottom: 1px solid #9e997e;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.comment_box .comment_body{
		padding: 5px 10px;
}

.tanggapan_body{
		padding: 5px 10px;
		border-bottom: 1px dashed #9e997e;
		border-right: 1px dashed #9e997e;
		border-left: 1px dashed #9e997e;
}


#middle_column .leave_comment_section {
	margin: 20px;
}

.leave_comment_section .leave_comment_section_title{
	color: #D74B4B;
	height: 30px;
	font-size: 14px;
	font-weight:bold;
	border-bottom: 1px dotted #666;
	padding: 20px 0 0 0;
	margin-bottom: 15px;
}

.leave_comment_section form {
	padding: 20px;
	background-color: #ccd6e7;
	border-radius:5px;
	border: 1px solid #8c9c9a;
}

.leave_comment_section textarea {
	background:#FFFFFF none repeat fixed 0 0;
	border:1px solid #BBBBBB;
	display:block;
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.1em;
	height:150px;
	margin-top:5px;
	padding:5px;
	width:300px;
}

.leave_comment_section .form_row {
	width: 100%;
	margin-bottom: 15px;
}

.leave_comment_section form input {
	margin-top: 5px;
	width: 200px;
}

.leave_comment_section .submit_btn {
	width: 80px;
}
/* akhe komentar */

.t_intro{
	height:37px;
	font-size:12px;
	color:#1B547B;
	font-weight:bold;
	padding:10px 0 0 0px;
}

/* awai paging */
#kotak_lumboi{
	 margin-top: 10px;
	 margin-left: auto;
	 margin-right: auto;
	 display: table;
	 text-align: center;
     height: 25px;
	 width:100%px;
}

#lumboi {
	width: 25px;
	height: 25px;
	float:left;
	text-decoration:none;
	background-color:#DDDDDD;
	border-top: 1px solid #717D8C;
	border-bottom: 1px solid #717D8C;
	border-left: 1px solid #717D8C;
}
#lumboi a:link, a:visited {text-decoration:none;}

#lumboi a:hover{
	width: 25px;
	height: 25px;
	display:block;
	text-decoration:none;
	background-color:#717D8C;
}

#prev{
	width: 40px;
	height: 25px;
	float:left;
	text-align: center;
	background-color:#DDDDDD;
	padding-right:1px;
	border-top: 1px solid #717D8C;
	border-bottom: 1px solid #717D8C;
	border-left: 1px solid #717D8C;
}
#prev a:link, a:visited {text-decoration:none;}
#prev a:hover{
	width: 40px;
	height: 25px;
	display:block;
	text-decoration:none;
	background-color:#41AAC4;
}

#next{
	width: 40px;
	height: 25px;
	float:left;
	text-align: center;
	background-color:#DDDDDD;
	padding-right:1px;
	border: 1px solid #717D8C;
}
#next a:link, a:visited {text-decoration:none;}
#next a:hover{
	width: 40px;
	height: 25px;
	display:block;
	text-decoration:none;
	background-color:#41AAC4;
}
/* akhe paging */

/* awai all_post */
#all_post{
	width:615px;
}
	
#all_post_judul{
	width:610px;
	height:30px;
	padding-left:3px;
	margin-left:3px;
	margin-top:13px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#525564;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#all_post_kirem{
	width:50%;
	background-color:#ddd;
	margin-left:3px;
	padding-left:3px;
}

#all_post_kirem a:link, a:visited {text-decoration:none;}
#all_post_kirem a:hover {color:#FF7A5A;}

#all_post_asoe{
	position: relative;
	width:610px;
	height:100px;
	margin:3px;
	padding:3px;
	font-size:12px;
	color:#525564;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#all_post_asoe_tombol{
    position: absolute;
	display:block;
	left:566px;
	top:86px;
	text-align:center;
	width:50px;
	height:20px;
	font-size:12px;
	color:#525564;
	background-color:#DDDDDD;
}

#all_post_asoe_tombol2{
	position: absolute;
	display:block;
	right:0px;
	bottom:0px;
	text-align:center;
	width:50px;
	height:20px;
	font-size:12px;
	color:#525564;
	background-color:#DDDDDD;
}

#tombol_all{
	background-color:#DDDDDD;margin-top:20px;float:right;
}


#all_post_asoe img{margin-right:5px;}
#all_post_asoe a:link, a:visited {text-decoration:none;}
#all_post_asoe a:hover {color:#FF7A5A;}
#all_post_asoe_tombol2 a:hover {color:#FF7A5A;}
#tombol_all a:hover {color:#FF7A5A;}
/* akhe all_post */