a {	
	font-size: 12px;
	color: #83b405;	
	text-decoration: none;
	font-weight: bold;
}

a:hover {	
	font-size: 12px;
	color: #83b405;
	text-decoration: underline;
	font-weight: bold;
	}
	

a.gold {
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	color: #4f7d19;	
	text-decoration: none;
	font-weight: bold;
}

a.gold:hover {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #4f7d19;
	text-decoration: underline;
	font-weight: bold;
	}
	
a.gray {
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	color: #444444;	
	text-decoration: none;
	font-weight: bold;
}

a.gray:hover {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration: underline;
	font-weight: bold;
	}
	
a.white {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #FFFFFF;	
	text-decoration: none;
	font-weight: bold;
}

a.white:hover {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	}
	
a.none {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

a.none:hover {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}

body {	
	color: #000000;
	scrollbar-base-color: #a6a6a6;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	line-height: 17px;	
	color: #000000;
	text-align: justify;
	background-image:url(background.jpg);
	}
	
	h1 {
	margin-top: 3px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	line-height: 18px;
	color: #FFFFFF;
	}
	
h2 {
	margin-top: 3px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	line-height: 18px;
	color: #FFFFFF;
	}
	
h3 {
	margin-top: 3px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	}
	
h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 2px;
	}
	
.sizeMedium	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	line-height: 16px;
	}
	
.colorGray {	
color: #444444;
	}
	
.colorWhite {
	color: #FFFFFF;
	}
	
.colorRed {
	color: #8a0202;
	}
	
.colorGreen {
	color: #83b405;
	}

	
form {
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
table {
	}
	
td {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	line-height: 17px;	
	color: #000000;
	text-align: justify;
	}
	
.none {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	list-style-type: none;
	list-style-position: inside;
	}

	
.ulsquare {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	list-style-type: square;
	list-style-position: outside;
	margin-left: 0px;
	}
	
.olnumber {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	list-style-type: decimal;
	list-style-position: inside;

	}
	
li {
	margin-left: -40px;
	margin-bottom: 5px;

	}
	
ul {
font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	margin-top: 5px;
	list-style-position: outside;
	margin-left: 30px;
	padding-left: 30px;
	line-height: 18px;
	}
	

	
.button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5d6268;
	padding: 2 5 2 5px;
	border: 1px solid #a6a6a6;
	}
	
.text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	border: 1px solid #a6a6a6;
	color: #000000;
	padding: 2 5 2 5px;
	padding-left: 5px;
	padding-right: 5px;

	}
.footer { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: none;
	line-height: 13pt;
	color: #FFFFFF;
	text-align: center;
	}
	
.pic{
	border: dash 1px #88c203;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 2px;
	}
	
/* div layout */


#boxGreen{
padding: 5px;
background-color: #8dc500;
}

#boxGold{
padding: 5px;
background-color: #b4a347;
}

#boxGray{
padding: 5px;
background-color: #31383d;
}


#boxLightGray{
padding: 5px;
background-color: #e7e8d6;
}

#boxRed{
padding: 5px;
background-color: #8a0202;
}

#boxWhite{
padding: 10px;
background-color: #FFFFFF;
}



#boxOutline{
padding: 5px;
border: 1px solid #dedede;
}

#none{
padding: 5px;
margin-bottom: 5px;
}

#arsip{
background:url(icon_arsip_full.gif);
background-repeat:no-repeat;
background-position:left;
padding: 5px;
margin-bottom: 2px;
width: 140px;
}

#arsipSel{
background:url(icon_arsip_sel.gif);
background-repeat:no-repeat;
background-position:left;
padding: 5px;
margin-bottom: 2px;
width: 140px;
}

/* end of div layout */

/* drop down menu */
#dropmenudiv{
position:absolute;
/* border:1px solid #FFFFFF;*/
border-bottom-width: 0;

line-height:20px;
z-index:100;
font-weight: bold;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 6px;
/* border-bottom: 1px solid #75a063; */
font:normal 11 Arial, Verdana;
padding: 3px 0;
font-weight: bold;
line-height:20px;
color: #FFFFFF;
text-decoration: none;
background-color: #448cca;
/* font-weight: bold; */
}

#dropmenudiv a:hover{ /*hover background color*/
color: #FFFFFF;
font-weight: bold;
background-color: #5c6267;
line-height:20px;
}
/* end of drop down menu */