/* CSS Document */
body {
	background:#ECE5CF;
	font-family:Verdana,Helvetica,Sans-Serif;
	font-size:9px
}
form {
	margin:0
}
input,select,textarea {
	font-family:Verdana,Helvetica,Sans-Serif;
	font-size:11px
}
#main {
	background:#F3F1EC;
	border:2px solid #CEC8B8;
	font-size:11px;
	line-height:16px;
	padding:1px;
	width:900px;
	height:500px;
	margin:10px auto;
}

#main2 {
	background:#F3F1EC;
	border:2px solid #CEC8B8;
	font-size:11px;
	line-height:16px;
	padding:1px;
	width:900px;
	height:800px;
	margin:10px auto;
}

#side_left2 {
	background:#514421;
	width:145px;
	height:800px;
	float:left;
}

#side_left2 img {
	margin-top:400px;
	margin-left:10px;
}
#side_left2 p {
	margin-top:290px;
	color:#ffffff; 
	font-size:9px;
	text-align:center;
}


#content2 {
	width:740px;
	padding:5px;
	height:610px;
	float:right;
	background:#FEF6DF;
}

#content2 h1 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	margin-right:40px;
	font-weight:lighter;
	color:#AC9F75;
	font-style:italic;	
}

#side_left {
	background:#514421;
	width:145px;
	height:500px;
	float:left;
}
#side_left img {
	margin-top:200px;
	margin-left:10px;
}
#side_left p {
	margin-top:190px;
	color:#ffffff; 
	font-size:9px;
	text-align:center;
}

#side_top {
	width:755px;
	height:25px;
	float:right;
	background:#2E2712;
	padding-top:5px;
}

#side_top a{
	margin-top:2px;
	color:#CC9900;
	font-weight:bold;
	text-decoration:none;
	margin:3px 1px 2px 1px;
	padding: 0px 6px 0px 6px;
}


#side_top a:hover{
	color:#fff;
}


#menulinks {
	width:877px;
	height:30px;
	background:#2E2712;
	padding-left:23px;
}

#menulinks a {
	padding-left:6px;
	padding-right:6px;
	width:110px;
	padding-top:5px;
	height:30px;
	display:block;
	color:#f3cb85;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
	font-size:11px;
	font-weight:bold;
	font-stretch:narrower;
	margin-left:1px;
	margin-bottom:-4px;
}

#menulinks a:hover, #menulinks a.active {
	text-decoration:none;
	color:#fff;
	background-repeat:repeat-x;
}

.menulines {
	width:2px;
	height:20px;
	margin-top:5px;
	float:left;
	display:block;
	background-image:url(images/separator.jpg);
}





#banner_top {
    position:relative;
    height:145px;
	width:755px;
	margin-left:146px;
}

#banner_top IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#banner_top IMG.active {
    z-index:10;
    opacity:1.0;
}

#banner_top IMG.last-active {
    z-index:9;
}


#content {
	width:740px;
	padding:5px;
	height:310px;
	float:right;
	background:#FEF6DF;
}

#content h1 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	margin-right:40px;
	font-weight:lighter;
	color:#AC9F75;
	font-style:italic;	
}

#content p {
	width : 500px;
	float : right;
}
.title {
	padding:16px;
	text-align:right
}
.tabel {
	margin:30px 0 0 20px
}

.download a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#996600;
	font-style:italic;
	text-decoration:none;
}

.download a:hover{
	color:#993300;
	font-weight:bold;
}

.joglo a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#996600;
	text-decoration:none;
}

.joglo a:hover{
	font-weight:bold;
	color:#993300;
	font-weight:bold;
}

#footer {
color:#463C1C;
text-align:center;
}

/*warna button*/
.bdinput{
	font-family	: verdana, arial;
	font-size	: 10px;
	border:#663300 solid 1px;
	padding:2px;
	
}
.bdbutton {
	border: 1px groove #fff;
	background: #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:25px;
	color:#CC9900;
}
.bdbutton:hover {
	border: 1px groove #663300;
	background: #fff;
	font-weight: bold;
	color:#CCCC00;
}
/*habis*/