body {	background-color: #8d7a60;	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	scrollbar-face-color: #8d7a60;    scrollbar-shadow-color: #330000;    scrollbar-highlight-color: #e5cc99;    scrollbar-3dlight-color: #e5cc99;    scrollbar-darkshadow-color: #330000;    scrollbar-track-color: #FFFFFF;    scrollbar-arrow-color: #e5cc99; }.header {	background-color: #FFFFFF;	background-image: url(../gambar/header_right_bg.jpg);	background-repeat: repeat-x;	background-position: left top;}.leftmenu {	background-image: url(../gambar/header_left_bg.gif);	background-repeat: repeat-y;	background-position: left top;}.headercontent {	background-image: url(../gambar/header_content.jpg);	background-repeat: no-repeat;	background-position: left top;}.color01 {	background-color: #8d7a60;}.color02 {	background-color: #e5cc99;}.small {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}.biasa {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}.menubawah {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #FFFFFF;}

a.menubawah {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #FFFFFF;}

a:hover.menubawah {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #FFFFCC;}
.isi {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000000;}.footerbg {	background-color: #FFFFFF;	background-image: url(../gambar/footer_bg.jpg);	background-repeat: repeat-x;	background-position: left bottom;}.batik {	background-color: #8d7a60;	background-image: url(../gambar/batik_nitik.jpg);	background-position: left top;}.batik2 {	background-color: #8d7a60;	background-image: url(../gambar/batik_nitik.jpg);	background-position: left bottom;}.top {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #996633;	text-decoration: none;}.judulsamping {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: bold;	color: #660000;}.judulcontent {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #660000;}

.alert {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #660000;}a {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #666600;	text-decoration: none;}a:hover {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #660000;	text-decoration: underline;}

h1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold;	color: #660000;
	margin: 0 0 .2em 0;}h2 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;	font-weight: bold;	color: #660000;
	margin: 0 0 .2em 0;}h3 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	color: #8d7a60;
	margin: 0 0 .2em 0;}

h4 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #663300;
	margin: 0 0 .2em 0;}

ul {
	list-style: none;
	margin-left: 0;	padding-left: 0;	list-style: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul li {
	padding-left: 10px;
	background-image: url('../gambar/bullet.gif');	background-repeat: no-repeat;	background-position: 0 .5em;
}
.textbox {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000000;	background-color: #FFFFFF;	border: 1px solid #8d7a60;}

.sum {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;
	border-top: 2px solid #8d7a60;}

.button {   color:#000000;   font-family: Verdana, Arial, Helvetica, sans-serif;   font-size:80%;   background-color:#e5cc99;   border:#8d7a60 1px solid;
   }
   
/* album */
   
.album {  margin: 5px;  border: 5px solid #e5cc99;
  padding: 0px;  width: 600px;  height: auto;  text-align: center;  }

.thumb {  margin: 5px;  border: 5px solid #e5cc99;
  padding: 0px;  width: auto;
  height: 80px;  text-align: center;
  vertical-align: top;   }
  
a:hover .thumb {  border: 5px solid #FFFFCC;} 
   
.photo {  border: 5px solid #e5cc99;
  padding: 0px;  height: auto;  width: auto;  text-align: center;  }

/*hints*/   
#photo {
	width: 690px;
	text-align: center;
	background-color:#e5cc99;
	border:#8d7a60 1px solid;
	padding: 10px;
}


.part {
	background-image: url("img/corner.gif"); 
	background-repeat: no-repeat; 
	cursor: default;
}
.hintText {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	background-color: #FFFFCC; 
	color: #000000; 
	padding: 1px; 
	white-space: nowrap; 
	font-weight: bold;
}  

/* ul */
.icon{list-style: none;margin: 0;padding: 0;}li.pdf{background-image: url(../gambar/pdf_icon.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: .4em 0;}li.doc{background-image: url(../gambar/doc_icon.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: .4em 0;}li.excel{background-image: url(../gambar/excel_icon.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: .4em 0;}