body {
 margin:0;
 padding:0;
 color:#FFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 background-color:#62491e;
}

a{
 color:#FC3;
 text-decoration:none;
 font-size:14px;
}

#container {
 background-image:url(../images/bg-content.jpg);
 width:800px;
 margin-left:auto;
 margin-right:auto;
 border-left:4px solid #603913;
 border-right:4px solid #603913;
}

#topnav {
 float:right;
 margin-top:-48px;
 height:45px;
 padding-top:10px;
}

#topnav .separator {
 float:left;
 margin-top:-10px;
}

#topnav a{
 float:left;
 margin-left:10px;
 margin-right:10px;
 font-size:18px;
 color:#630;
 text-decoration:none;
}
#topnav a:hover{
 color:#FFF;
}
#topnav .active{
 font-size:18px;
 color:#FFF;
 text-decoration:none;
}

#topnav .inactive{
 font-size:18px;
 color:#630;
 text-decoration:none;
}

#leftbar {
 width:220px;
 padding:20px;
 float:left;
}

#leftbar .paketlink {
	text-decoration:none;
	margin-top:20px;
}

#leftbar .paketlink:hover {
	text-decoration:none;
	font-weight:bold;
}

#middle {
 width:500px;
 float:left;
 margin-left:30px;
}

.box {
 background-color:#7f6240;
 padding:10px;
 -moz-border-radius:10px;
 border-radius:10px;
 margin-bottom:20px;
}

#footer{
	background-image:url(../images/bg-footer-kuning.jpg);
}

#copyright{
 text-align:center;
 color:#666666;
}

#developby{
 text-align: right;
 margin-right: 20px;
}
#developby a{
 color:#333;
text-decoration:none;
}

.photoslide {
 margin: 1em auto;
 width: 200px;
}

#slide {
 height: 200px;
}

#headerslide {
 width:800px;
 height: 224px;
}
.submenu{list-style:none;margin-left:-30px;margin-top:0px}
.submenu li{border-bottom:1px solid #CCC;padding:5px;}
.submenu li:hover{background-color:#900;}
.submenu li a{color:#900;}
.submenu li a:hover{color:#FFF;}