body {
	background-color:#ECECEC;
	font-family:Trebuchet MS;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;

}
#log_usr, #log_pass {
	border:#003366 solid 1px;
	height:15px;
	width:150px;
	font-size:11px;
	}
#log_button {
	margin-top:2px;
	border:#000000 solid 1px;
	background-color:#003366;
	color:#FFFFFF;
	font-weight:bold;
	width:104px;
	}

#tbl_header {
	padding-left:10px;
	padding-right:10px;
	}
	
#tbl_content {
	padding-left:12px;
	padding-right:9px;
	}
	
.tbl_nav {
	padding-left:0px;
	padding-right:0px;
}
#head {
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:100%;
	}
.t-head {
	color:#003366;
	}
.sub-head li{

display: inline;

}
#sub-head{
	padding-top:10px;
	padding-left:10px;
	border-bottom:#999999 solid 1px;
	
	}

#jwb_saran {
	border-top:#003366 solid 1px;
	border-bottom:#003366 solid 1px;
	padding-left:5px;
	color:#999999;
	}
	
#saran_cvr {
	border:#006699 solid 1px;
	}

#sub_saran {
	border-bottom:#E8C77A solid 2px;
	padding-left:5px;
	border-bottom-color:#E7E8EC;
	border-bottom-width:1px;
	font-family:Trebuchet MS;
	font-size:12px;
	color:#999999;
	
	}

#tittle_artikel {
	border-bottom:#0099CC solid 1px;
	background-image:url(../images/paper.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:35px;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	color:#003366;
	
	}
	
.sel {
	border-bottom:#FFFFFF solid 1px;
}

#isi_artikel {
	padding-left:10px;
	
	
	}
#id_artikel {
	border-bottom:#E8C77A solid 2px;
	padding-left:10px;
	border-bottom-color:#E7E8EC;
	border-bottom-width:1px;
	font-family:Trebuchet MS;
	font-size:10px;
	color:#999999;
	
	}


#OL {
		color:#009900;
	}

#OF {
		color:#003399;
	}
	
	
#login {
	border:#003366 solid 1px;
	}
	
#content {


	font-size:13px;

	}


td, th {

	font-family: Trebuchet MS;

	font-size: 12px;

	line-height: 24px;

	color: #000000;

}





a {

	color: #3366CC;

	text-decoration: none;

}



a:hover {

	text-decoration: none;

	color:#99CC00;

}



.cl_tab { 

	border-bottom:#FFFFFF solid 1px;

	border-right:#FFFFFF solid 1px;

	background-color:#006699;

	color:#FFFFFF;

	}

	

.sub_tab { 

	border-bottom:#006699 solid 1px;

	border-right:#006699 solid 1px;

	padding:5px;

	}



.solidblockmenu{
margin-bottom:0px;
padding: 0;
float: left;
font: bold 11.5px Arial;

width: 100%;

overflow: hidden;

/*margin-bottom: 1em;*/

/*border-: 1px solid #625e00;*/

border-width: 1px 0;

background: black url(images/blockdefault.gif) center center repeat-x;

}



.solidblockmenu li{

display: inline;

}



.solidblockmenu li a{

float: left;

color: white;

padding: 9px 11px;

text-decoration: none;

border-right: 1px solid white;

}



.solidblockmenu li a:visited{

color: white;

}



.solidblockmenu li a:hover, .solidblockmenu li .current{

color: white;

background: transparent url(images/blockactive.gif) center center repeat-x;

}



#menu_kiri {
font-size: 12px;
width: 100%;
padding: 0px;
margin: 0px;
}

#menu_kiri .tittle_nav {
	display: block;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	background-position:center;
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px;
	width:160px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	height:15px;
		
}


#menu_kiri h1 {
	display: block;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	background-position:center;
	font-size: 14px;
	color:#FFFFFF;
	margin: 0px;
	width:160px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	height:15px;
		
}


#menu_kiri ul {

list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#menu_kiri ul li {
margin-left: 0px;
padding: 0px;
	border-bottom:#C9CDD3 solid 1px;


}
#menu_kiri ul li a {
	background-image:url(../images/shortcut.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	font-size: 90%;
	display: block;
	text-decoration: none;
	color: #999999;
	width:135px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	margin-left:5px;
}
#menu_kiri ul li a:hover,#nav_kiri ul li a:focus{
	color: #333333;
	/*background-color: #47525F;*/
	background-image:url(../images/shortcut_dark.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-position: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	margin-left:5px;

}

#menu_kiri {
font-size: 12px;
width: 100%;
padding: 0px;
margin: 0px;
}
#menu_kiri h1 {
	display: block;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	background-position:center;
	font-size: 14px;
	color:#FFFFFF;
	margin: 0px;
	width:160px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
		
}


#menu_kanan ul {

list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#menu_kanan ul li {
margin-left: 0px;
padding: 0px;


}
#menu_kanan ul li a {
	background-image:url(../images/shortcut.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	font-size: 90%;
	display: block;
	text-decoration: none;
	color: #999999;
	width:135px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	border-bottom:#C9CDD3 solid 1px;
	margin-left:5px;
}
#menu_kanan ul li a:hover,#menu_kanan ul li a:focus{
	color: #333333;
	/*background-color: #47525F;*/
	background-image:url(../images/shortcut.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-position: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	margin-left:5px;
}

#menu_kanan {
font-size: 12px;
width: 100%;
padding: 0px;
margin-right: 3px;
}
#menu_kanan .tittle_nav {
	display: block;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	background-position:center;
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px;
	width:160px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	height:15px;
		
}
#menu_kanan h1 {
	display: block;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	background-position:center;
	font-size: 14px;
	color:#FFFFFF;
	margin: 0px;
	width:160px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
		
}

#mn  {
	border-right:#E3E3E3 solid 1px;
	margin-right:10px;
	}
#mn_kanan  {
	border-left:#E3E3E3 solid 1px;
	margin-left:10px;
	}
#judul {
	padding:5px;
	border-bottom:#CCCCCC double 3px;
	
	width:97%;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	}

#isi {

	padding-right:10px;
	width:98%;
	}
	
#footer {
	color:#FFCC00;
	}
.sub_content {
	font-weight:bold;
	font-size:14px;
	border-bottom:#999999 solid 1px;
	color:#333C46;
	}
#bt_cari {
	height:27px;
	}
#tf_bg {
	background-image:url(../images/cari_pict.png);
	background-position:right;
	background-repeat:no-repeat;
	height:27px;
	padding-top:5px;
	width:264px;
	}
#tf_field {
	border:none;
	background:none;
	padding-right:px;
	color:#000000;
	font-family:Trebuchet MS;
	font-size:12px;
	padding-top:3px;
	padding-right:17px;
	}
#footer {
	width:710px;
	color:#666666;
	font-size:10px;
	}
	
<!---------------------------------- ->
#menu_kiri_pop ul {

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

}
#menu_kiri_pop ul li {
margin-left: 0px;
padding: 0px;
background-color:#F7F7F7;
border-right:#C9CDD3 solid 1px;
border-bottom:#C9CDD3 solid 1px;



}
#menu_kiri_pop ul li a {
	background-image:url(../images/shortcut.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	font-size: 90%;
	display: block;
	text-decoration: none;
	color: #898F95;
	width:135px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	
	margin-left:5px;
}
#menu_kiri_pop ul li a:hover,#nav_kiri ul li a:focus{
	color: #000000;
	/*background-color: #47525F;*/
	background-image:url(../images/shortcut_dark.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-position: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	margin-left:5px;

}
#menu_kiri_pop .tittle_nav_pop {
	display: block;
	background-image:url(../images/bg_nav_pop.jpg);
	background-repeat:repeat-x;
	background-position:center;
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0px;
	width:160px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	height:15px;
		
}

.tfield {
	background-image:url(../images/bg_field.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border:#A6A6A6 solid 1px;
	}

#head_gbook {
	background-image:url(../images/bg_ct.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	/* background-color:#C8CAD0;*/
	color:#324B81;
	padding-left:10px;
	font-weight:bold;
	width:98%;
	}
#uh_gbook {
	color:#C8CAD0;
	padding-left:10px;
	width:98%;
	font-size:10px;
	background-color:#F7F7F7;
	}
#isi_gbook {
	color:#232D36;
	padding-left:10px;
	width:96%;
	padding-bottom:4px;
	margin-bottom:2px;
	}
#gbook_round {
	border:#DADADA solid 1px;
	width:98%;
	margin-bottom:4px;
	}
	
#head_artikel {
	background-image:url(../images/bg_rad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	 /*background-color:#C8CAD0;*/
	font-size:16px;
	color:#666666;
	padding-left:10px;
	font-weight:bold;
	width:98%;
	border-bottom:#DADADA double 3px;
	}
#uh_artikel {
	color:#999999;
	padding-left:10px;
	width:98%;
	font-size:10px;
	background-color:#F7F7F7;
	}
#isi_artikel {
	color:#232D36;
	padding-left:10px;
	width:96%;
	padding-bottom:4px;
	margin-bottom:2px;
	}
#artikel_round {
	border:#DADADA solid 1px;
	width:98%;
	margin-bottom:4px;
	}

#head_result {
	border:#DADADA solid 1px;
	color:#666666;
	margin-bottom:2px;
	width:96.5%;
	padding-left:4px;
	padding-right:4px;
	}
#head_rad {
	background-image:url(../images/bg_rad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border:#A09D94 solid 1px;
	padding-left:0px;
	font-weight:bold;
	color:#333333;
	width:96%;
	}
#isi_rad {
	color:#000000;
	font-weight:normal;
	padding-left:4px;
	border-top:#A09D94 solid 1px;
	}
#ket_ha {
	color:#C8CAD0;
	font-size:10px;
	background-color:#F7F7F7;
	}
	
#head_in {
	background-image:url(../images/bg_in.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	padding-left:2px;
	padding-right:2px;
	font-weight:bold;
	color:#FFFFFF;
	width:98.5%;
	height:27px;
	margin-left:0px;
	}
#bord_in {
	background-image:url(../images/bg_right.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:27px;
	width:98.5%;
	}
#list_album {
	border:#CCCCCC solid 1px;
	padding:4px;
	width:100%;
	margin-right:5px;
	margin-top:5px;
	line-height:20px;
	background-color:#FFFFFF;
	}
.list_album_ref {
	font-weight:bold;
	}
#text_num {
	color:#666666;
	}
#list_galery{
	border:#CCCCCC solid 1px;
	padding:4px;
	margin-top:5px;
	background-color:#FFFFFF;
	}
#list_galery_wrap{
	margin-right:10px;
	margin-top:0px;
	margin-bottom:5px;	
	}
#fr_gallery{
	border:#BBBBBB solid 1px;
	background-color:#F7F7F7;
	width:98.5%;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	}
#fr_det_gallery {
	border:#BBBBBB solid 1px;
	background-color:#F7F7F7;
	width:98.5%;
	padding-bottom:10px;
	padding-left:4px;
	padding-right:4px;
	}
#sub_tittle {
	background-image:url(../images/bg_rad.jpg);
	background-position:right;
	background-repeat:repeat-x;

	border:#DADADA solid 1px;
	padding-left:4px;
	margin-bottom:4px;
	font-weight:bold;
	color:#232D36;
	width:97.5%;
	}
#des_img {
	padding:4px;
	width:98.5%;
	border-bottom:#BBBBBB solid 1px;
	background-color:#F7F7F7;
	}
#bg_galeri {
	width:97.5%;
	background-color:#F7F7F7;
	}
	#head_tab {
	background-image:url(../images/bg_ct.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#333333;
	}
<!-- Begin Page -->
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #373F4A;

	color: #373F4A;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #E3E4E5;
		
		font-weight: bold;
		color: #FFF;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	background-position:center;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
<!-- End Page -->