body{
font-family:Arial, Helvetica, sans-serif; 
font-size:small; 
 
}

.orange{font-weight:bold;}
.style1 {
	color: #FF6600;
	font-weight: bold;
}
.menu{
color:#CCCCCC;
padding:3px 10px 3px 10px;
text-decoration:none;
}
.menu:hover{color:#3b5998; background-color:#c2d6ff;}
.menu2{color:#EEE;padding:3px 10px 3px 10px;text-decoration:none;font-weight:bold;background-color:#c6814d;}
.menu2:hover{color:#CCC; background-color:#a85e27;}
.link{color:#FF6600; text-decoration:none;font-weight:bold; }
.link:hover{color:#FFCC00;}
.style2 {color: #FF9900}
.style3 {color: #FF9900; font-weight: bold; }

.box{
float:left;
width:245px;
margin:7px 0px 7px 20px; 
height:210px;
text-align:center;
border:1px solid #666;
}
.box img{
width:220px;
padding:10px 5px 15px 5px;
height:165px;
}

.box .ket{
background-color:#666;
color:#FFF;
font-weight:bold;
height:20px;
padding:2px;
}

.menus a{
color:#CC6600;
text-decoration:none;
}

.menus a:hover{
color:#FFCC00; 
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100; 
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;}

.galerikanan{
background-color:#996633; width:202px; padding:4px; margin-left:10px; color:#FFF;
}

.head1{
height:137px;background-image:url(images/batik_01.jpg); width:661px;
}
.head2{
height:137px; background-image:url(images/batik_03.jpg); width:661px;
}
.container{
width:850;
background-image:url(images/bg-main.jpg);
background-repeat:no-repeat; 
background-color:#f1e5dc; 
text-align:left; 
float:left;   
padding:25px 25px 25px 25px
}
.kanan{
height:25px; padding:3px 0px 0px 20px; background-image:url(images/batik_04.jpg); width:641px
}

.footer{
width:900px; 
background-color:#50280e; 
font-size:x-small; 
text-align:center; 
float:left; 
padding-top:3px; 
height:20px; 
color:#CCC; 
font-weight:bold
}