body {
/*	background-image: url(../image/bgpage.gif);
	background-color:#A0A0A4;
	filter			: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#BEBEBE', endColorstr='#E7E7E7', gradientType='0');
	scrollbar-face-color		: #0061C1;
	scrollbar-highlight-color	: white;
	scrollbar-shadow-color		: #666666;
	scrollbar-3light-color		: #666666;
	scrollbar-arrow-color		: yellow;
	scrollbar-track-color		: #F7D7A6;
	scrollbar-darkshadow-color	: #A0A0A4;
	background-color			: #C98B8B;
	cursor						: hand;*/
	background-image			: url(../image/bgpage.gif);
	margin						: 0px;
}

/*-------------------------------------- begin of menu ---------------------------------------------*/
#Menu{
	border			: 1px solid #0F4B95;
/*	width			: 158px;*//*jika tdk diset pada panjang colom*/
	background-color: #ACCCFD;
}

#Menu a{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 9px;
	font-weight		: bold;		
	padding			: 2px;
	padding-left	: 4px;
	display			: block;
/*	width			: 158;*//*jika tdk diset pada panjang colom*/
	color			: #0F4B95;
	text-decoration	: none;
}
html>body #Menu a{
	width: auto;
}

#Menu a:hover{
/*	background-color:#0F4B95;
	color			: white;*/
	background-color: #FFFF00;
	color			: #000000;
}
/*-------------------------------------- end of menu ---------------------------------------------*/

/*-------------------------------------- begin of menu ---------------------------------------------*/
/*
paling atas harus ada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

cara panggil
<ul id="Menu2">
  <li><a href="#"><span>link 1</span></a></li>
  <li><a href="#"><span>link 2</span></a></li>
  <li><a href="#"><span>link 3</span></a></li>
  <li><a href="#"><span>link 4</span></a></li>
</ul>
*/
#Menu2 {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: bold;
  	width			: 150px;/* lebar menu */	
  	margin			: 0;
  	padding			: 0;
  	list-style-type	: none;
}
#Menu2 li {/* jarak antar menu*/
  	margin			: 2px 0;
  	min-height		: 0px; /* to trigger hasLayout in IE7 */
}
#Menu2 li a {/*border menu*/
  	color			: #000;
  	text-decoration	: none;
  	display			: block;
  	border			: 2px solid #009; /*border menu kecauali kanan*/
  	border-left		: 14px solid #009;/*border menu kanan*/
}
#Menu2 li a span {/*besar dan lebar menu*/
  	display			: block;
  	padding			: 5px 8px;
  	background-color: #eee;/*color menu */	
  	border-left		: 2px solid #009;
  	margin			: 0;
	color			: green; /*color font*/	
}

#Menu2 li a:hover { /*garis kanan*/
  	padding-left	: 12px;
  	border-left		: 2px solid #009;
}
/*-------------------------------------- end of menu ---------------------------------------------*/
/*-------------------------------------- begin of prperty-----------------------------------------*/
.xbackground {
	border-right-style	: solid;
	border-left-style	: solid;
	border-right-color	: black;
	border-left-color	: black;
	background-color	: #FFFFFF;
	border-top-width	: 0px;
	border-right-width	: 0px;
	border-bottom-width	: 0px;
	border-left-width	: 0px;
	height				: 100%;
}
.xboxnone{
	padding				: 0px;
	border				: 0px solid #999999;
}
.xboxline{
	padding				: 0px;
	background-color	: #FFFFFF;
	border				: 1px solid #E6E6E6;
}
.xboxnavoff{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 9px;
	color				: black;
	font-weight			: bold;
	padding				: 0px;
	background-color	: #FF6666;
	border				: 0px solid #E6E6E6;
}
.xboxbawah{
	padding				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-weight			: bold;
	color				: #0F4B95;
	border				: 1px solid #0F4B95;
}
.xboxcalendarH{
	padding				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-weight			: bold;
	color				: white;
	background-color	: #0F4B95;
	border				: 1px solid #0F4B95;
}
.xboxcalendarD{
	padding				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-weight			: bold;
	color				: #0F4B95;
	background-color	: #ACCCFD;
	border				: 1px solid #8080C0;
}

.xfont1{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 9px;
	color				: #FFFFFF;
}
.xfont2{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	color				: #FFFFFF;
	font-weight			: bold;
}
.xfont3{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 9px;
	color				: #0F4B95;
	font-weight			: bold;
}
.xfont4{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	color				: #0F4B95;
	font-weight			: bold;
}
.xfont5{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 9px;
	color				: #FFFFFF;
	font-weight			: bold;
}
.xfont6{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 8px;
	color				: #0F4B95;
	font-weight			: bold;
}

.xfonthintberita{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	color				: black;
	font-weight			: bold;
}
.xfontisiberita{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	color				: black;
}
.xbutton {
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	color				: #FFFF00;
	background-color		: #0F4B95;
	border				: 1px solid #ACCCFD;
	font-weight			: bold;
	align				: center;
}
.xtext{
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid #ACCCFD;
	color				: #FFFF00;
	background-color		: #0F4B95;
	/*float				: left;*/
	font-weight			: bold;
}
.xtext_g{
	font-family			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid #ACCCFD;
	color				: red;
	background-color		: #0F4B95;
	/*float				: left;*/
	font-weight			: bold;
}
.xform {
	margin				: 0px;
}