body ,html {
	margin:0;
	padding:0;
	text-align:center;
	background:#5aa0f7 url(../images/bg.gif) top repeat-x;
}
#utama {
	width:924px;
	background: url(../images/main_bg.gif) repeat-y;
	text-align:center;
	margin:0 auto;
	text-align:left;
	font-family:verdana;
	font-size:12px;
}

#header {
	width:924px;

	text-align:center;
	margin:0 auto;
}
.header1 tr td{
	margin:0; padding:0;border:none;
}
.header2 tr {
	background:#5aa0f7 url(../images/m_top_bg.gif) top repeat-x;
}
#menu_hide{display:none;}
#beranda {
	text-decoration: none;
	background: url(../images/m_top_beranda.gif) no-repeat;
	width:102px;
	height:34px;
	display: block;
}
a#beranda:hover{
	background: url(../images/m_top_beranda_h.gif) no-repeat;
}
#layanan {
	text-decoration: none;
	background: url(../images/m_top_layanan.gif) no-repeat;
	width:97px;
	height:34px;
	display: block;
}
a#layanan:hover{
	background: url(../images/m_top_layanan_h.gif) no-repeat;
}

#ketentuan {
	text-decoration: none;
	background: url(../images/m_top_ketentuan.gif) no-repeat;
	width:188px;
	height:34px;
	display: block;
}
a#ketentuan:hover{
	background: url(../images/m_top_ketentuan_h.gif) no-repeat;
}
#kontak {
	text-decoration: none;
	background: url(../images/m_top_kontak.gif) no-repeat;
	width:124px;
	height:34px;
	display: block;
}
a#kontak:hover{
	background: url(../images/m_top_kontak_h.gif) no-repeat;
}




#main {
	width:924px;
	background: url(../images/main_bg.gif);
	text-align:left;
	margin:0 auto;
}
#menu_left {
	width:248px;
	float:left;
	text-align:left;
	margin:0 auto;
	background: url(../images/menu_left_bg.gif) repeat-y;
}
#menu_left_kosong {
	width:248px;
	float:left;
	text-align:left;
	margin:0 auto;
	background: url(../images/PN_20.gif) top left no-repeat;
}
#table_main{
	font-size:9px;
	}
#userinfo_header{
	margin:10px 0 0 0;
	height:34px;
	background: url(../images/menu_left_userinfo.gif) repeat-y;
}
#userinfo_top{
	padding-top:6px;
	margin:0;
	background: url(../images/menu_left_userinfo_top.gif) top no-repeat;
}
#userinfo_bottom{
	padding-bottom:8px;
	margin-bottom:10px;
	background: url(../images/menu_left_userinfo_bottom.gif) bottom no-repeat;
}
#menu_user_info {
	padding:8px 25px 8px 40px;
	background: url(../images/menu_left_userinfo_bg.gif) repeat-y;
}
#menu_left_menu{
	height:34px;
	margin:0;
	background: url(../images/menu_left_menu.gif) repeat-y;
}

#menu_left ul{
	margin:0;
	padding:0;
	list-style-type:none;
	background: url(../images/PN_20.gif) top left no-repeat;

}

#menu_left li a{
	background: url(../images/menu_left_button.gif) no-repeat;
	margin-left:16px;
	padding:8px 5px 8px 50px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#333399;
	
}
#menu_left li a:hover{
	background: url(../images/menu_left_button_h.gif) no-repeat;
	margin-left:16px;
	color:#6699ff;
}

#menu_left .menu_left_bottom{
	background:#fff url(../images/menu_left_bottom.gif) no-repeat;
	height:46px;
	margin-left:16px;
}

#main_right {
	width:650px;
	float:right;
	padding:10px;
	text-align:left;
	margin:0 auto;
	background: url(../images/PN_19.gif) top right no-repeat;
}
#footer {
	clear:both;
	width:924px;
	text-align:center;
	margin:0 auto;
}
#footer .main_footer{
	background: url(../images/footer_bg.gif) repeat-x;
}
a:link, a:visited{color:blue;text-decoration:none}
a:hover{color:#009;text-decoration:underline}