body {
  font-family:verdana; font-size:11px; color:#372D00;
  background-color:#D5BD63;
  margin-left:0px; margin-right:0px;
  margin-top:2px; margin-bottom:0px;
}

hr {
  border:none;	
  border-top:1px #372D00 solid;
  height: 1px;
}

#banner_top {
  background-color:#F7F6C8; vertical-align:middle; text-align:right;
  height:77px;
}
#banner_top span {
  height:75px; width:200px; float:right;
  background: url('properties/banner_top.gif') no-repeat 0px 0px;
}

#banner_bottom {
  background-color:#F7F6C8; vertical-align:middle; text-align:right;
  height:54px;
}
#banner_bottom span {
  height:50px; width:700px; float:right;
  background: url('properties/banner_bottom.gif') no-repeat 0px 0px;
}

.bar_menu {
  background-color:#E1E8B2;
  vertical-align:middle;
  padding-top:2px;
  height:20px;
}

.bar_middle {
  background-color:#E1E8B2;
  height:17px;
}

.bar_bottom {
  background-color:#E1E8B2;
  text-align:right;
  height:17px;
  padding-right:10px;
  font-size:10px; color:#000000;
}

.left_image {
  background-color:#F7F6C8;
  vertical-align:middle;
  text-align:center;
  height:520px; width:204px;
}

.main_area {
  background-color:#F7F6C8;
  padding-left:10px; padding-right:10px;
}

.judul {font-weight: bold;}

.trans_bg {
  width:401px;
  height:90px;
  border:1px solid;
  background-color:#F7F6C8;
  opacity:0.8;
  filter:alpha(opacity=80);
}

.url_link:link {color:#372D00; text-decoration:none;}
.url_link:visited {color:#372D00; text-decoration:none;}
.url_link:hover {color:#D5BD63; text-decoration:none;}
.url_link:active {color:#372D00; text-decoration:none;}

.keyword_link:link {color:#D5BD63; text-decoration:none;}
.keyword_link:visited {color:#D5BD63; text-decoration:none;}
.keyword_link:hover {color:#372D00; text-decoration:none;}
.keyword_link:active {color:#D5BD63; text-decoration:none;}

#nav_bar {width:851px; list-style:none; height:20px; margin:0 auto; /* center nav in this demo */}

#nav_bar li {display:inline;}
#nav_bar li a {height:20px; float:left; text-indent:-9999px; text-decoration:none;}
/* untuk perubahan pixel, supaya cepat liat file properties.xls */
#nav1 a {width:75px; background: url('properties/nav.gif') no-repeat 0px 0px;}
#nav2 a {width:99px; background: url('properties/nav.gif') no-repeat -76px 0px;}
#nav3 a {width:93px; background: url('properties/nav.gif') no-repeat -175px 0px;}
#nav4 a {width:76px; background: url('properties/nav.gif') no-repeat -268px 0px;}
#nav5 a {width:90px; background: url('properties/nav.gif') no-repeat -344px 0px;}
#nav6 a {width:97px; background: url('properties/nav.gif') no-repeat -434px 0px;}
#nav7 a {width:114px; background: url('properties/nav.gif') no-repeat -531px 0px;}
#nav8 a {width:63px; background: url('properties/nav.gif') no-repeat -645px 0px;}
#nav9 a {width:114px; background: url('properties/nav.gif') no-repeat -708px 0px;}

#nav1 a:hover {background-position:0px -20px;}
#nav2 a:hover {background-position:-76px -20px;}
#nav3 a:hover {background-position:-175px -20px;}
#nav4 a:hover {background-position:-268px -20px;}
#nav5 a:hover {background-position:-344px -20px;}
#nav6 a:hover {background-position:-434px -20px;}
#nav7 a:hover {background-position:-531px -20px;}
#nav8 a:hover {background-position:-645px -20px;}
#nav9 a:hover {background-position:-708px -20px;}

#nav1 a.current {background-position:0px -41px;}
#nav2 a.current {background-position:-76px -41px;}
#nav3 a.current {background-position:-175px -41px;}
#nav4 a.current {background-position:-268px -41px;}
#nav5 a.current {background-position:-344px -41px;}
#nav6 a.current {background-position:-434px -41px;}
#nav7 a.current {background-position:-531px -41px;}
#nav8 a.current {background-position:-645px -41px;}
#nav9 a.current {background-position:-708px -41px;}

#xml_list {padding: 10px; margin: 5px;}

#xml_view {padding:5px; margin:5px; border:1px outset #372D00;}