/* -- page start --*/
body{
	font:normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#616161;
	padding:0;
	margin:0; 
background:url(../images/bg.jpg) repeat-x #fff;; 	
}
.spacer{
	line-height:0; 
	font-size:0; 	
	clear:both;
}
ul{
	list-style:none;
}
div, h1, h2, h4, h5, h6, label, input, span, ul, li, p, a{
	padding:0;
	margin:0;
	color: #000;
}

h3{
	font:normal 17px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;
	margin-left:10px;
}

/* -- page end --*/

/* -- main container start -- */
#mainContainer{
	width:900px; 	
	margin:0 auto;
	color:#616161;
	background:#352410;
	
}
/* -- main container end -- */

/* -- header start -- */
			
#nav {
	z-index: 10;
	text-align: center;
	position: relative;
	clear: both;	
	padding: 0;		
	width: 900px;
	margin: 0 auto;	
	height: 33px;
	background:url(../images/menu.jpg) no-repeat;
	}
#nav ul {
	list-style: none;
	padding: 0;	margin: 0;	
	right: 0; bottom: 0;
	float:left;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	height: 33px;
	padding: 0 20px;
	color: #ffffff;
	font: bold 11px/33px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
	}

#nav ul li a:hover {
	display: block;
	float: left;
	height: 33px;
	color: #ffffff;
	font: bold 11px/33px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
	background: url(../images/menu2.jpg) repeat-x;}
#header {width:900px;
		position:relative;
		background: #9e956a url(../images/header.jpg) no-repeat;
		height:225px;
		}
#nav ul li a.home {
	margin-left: 40px;}
	
/* -- header end -- */

/* -- body start -- */
#top {
height:25px;
	background: url(../images/top.jpg) no-repeat;}
#body{
	width:900px; 
	margin:0 auto; 
	padding:0;
	overflow: hidden;
	background:#eeeacf url(../images/content.jpg) repeat-y;
}
/* -- body end -- */

/* -- left pannel start -- */
#left{
	width:190px;
	margin:10px 0 0 0;	
	float:left; 
	padding-left: 19px;
	color:#A56100;
	
}

#left h2.Left{
	color:#FFF;
	width:190px;
	height:36px;
	font:bold 13px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/h2.jpg) no-repeat;
}


#left a{
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#d7f0b4; 
	text-decoration:none; 
}
#left a:hover{
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#437201; 
	text-decoration:underline; 
}
#left ul{
	width: 190px;
	margin-bottom: 5px;
}
#left ul li{
	padding: 4px 0 2px 0.5px;
	margin: 0 2px;
	
}
#left ul li a{
	color:#8c4d03;
	font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	padding-left: 10px;
	height:20px; 
	width:130px; 
}
#left ul li a:hover{
	color:#000;
	font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	height:20px; 
	width:130px; 
	
	}
	
/*-----sub sidemenu------*/
#left ul.submenu{
	width: 170px;
	margin-bottom: 5px;
	background:none;
}
#left ul.submenu li{
	padding: 4px 0 2px 0.5px;
	margin: 0 2px;
	
}
#left ul.submenu li a{
	color:#c53f0c;
	font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	padding-left: 20px;
	height:20px; 
	width:130px; 
}
#left ul.submenu li a:hover{
	color:#000;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	height:20px;
	width:130px;
	}

/* -- left pannel end -- */

/* -- midle start -- */
#midle{
	margin:10px 5px;	
	width:470px;
	float:left; 	 
	
}

.midleContainer h2{
	height:25px; 
	padding:0 0 0 0; 
	margin:0 5px;
	text-align:center;
	font:normal 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#203601;
}

.midleContainer p{
	margin:0 5px; 
	color:#000!important; 
	padding:4px 0;
	font:normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
.midleContainer{
	width:470px; 
	color:#000;
	text-align:justify;
}

.midleContainer img{
	margin:0 0; 
	border:none;		
}
.midleContainer a:link{
	color:#d7f0b4; 
	text-decoration: none; 
}
.midleContainer a:visited{
	color:#996600; 
	text-decoration: none; 
}

.midleContainer a:hover{
	color:#C18300; 
	text-decoration: underline; 
}


/* -- midle end -- */

/* right pannel start -- */
#right{
	margin:10px 0 0 0;
	width:190px;
	float:right;
	color:#A56100;
	overflow: hidden;
	padding-right: 14px;
	
}

#right h2.Right{
	color:#FFF;
	width:190px;
	height:36px;
	font:bold 13px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/h2.jpg) no-repeat;
}
#right a{
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4E8500;
	text-decoration:none;
}
#right a:hover{
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#437201; 
	text-decoration:underline; 
}
#right ul{
	width: 190px;
	margin-bottom: 5px;	
}
#right ul li{
	padding: 4px 0 2px 0.5px;
	margin: 0 2px;
	
}
#right ul li a{
	color:#8c4d03;
	font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	padding-left: 10px;
	height:20px; 
	width:130px; 
}
#right ul li a:hover{
	color:#000;
	font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	height:20px; 
	width:130px; 
	}
#box_search {height: 150px;
			width: 190px;
			margin-bottom: 5px;}

/* right pannel end -- */
#bottom {clear:both;
height:17px;
	background: url(../images/bottom.jpg) no-repeat;}
/* footer start -- */
#footer{
	background: url(../images/footer_bg.jpg) no-repeat #e1dcbf; 
	color:#fff;
	height:110px;
	text-align: center;
	}
.footer {padding: 20px;
		color: #fff;}
.menu_bawah {color: #fff;}
.menu_bawah a { color: #fff;
				text-decoration: none;
				padding: 0 10px;
								}
.menu_bawah a:hover { color: #f7956d;
				text-decoration: none;
								}
.copyright {color:#d2ecfd;}
.copyright a { color: #fcdc9f;
				text-decoration: none;
				font-weight: bold;
				}
			/* end style --*/
.gb{
	width:100px!important;
	border:0!important;
}
#midle a{
	color:#060;
	font-weight:bold;
}
#midle a:hover{
	color:#999;
}
	

#midle p{
	color:#093;	
}
	
.merah{
	color:merah!important;	
}
#midle  img{
	margin:5px;	
}
h1{
	margin:10px;	
}
#midle p{
	margin-left:10px;	
}
#page{
	width:450px;
	margin-top:20px;
	text-align:center;
}
#left a,#right a{
	color:#000!important;	
}
#left a:hover,#right a:hover{
	color:#fff!important;	
}
#midle p{
	color:#000!important;
}
#language{
	text-align:right;
	background:url(../images/bg.jpg) repeat-x #fff;; 	

}
#midle ul{
	margin-left:20px;	
}
.kotak{
	
	float:left;
}
.kotak img{
	width:98px;
	height:80px;
	border:4px solid #000;
}
.ktk{
	width:470px;
	
	float:right;

}
#paging{
		width:470px;
		margin-top:20px;
		float:right;
		text-align:center;
}
#midle a{
	color:#000;	
}
#midle a:hover{
	color:#03C;	
}
#midle p{
	text-align:justify;
	padding-right:20px;
}
#language img{
	width:30px;
	height:30px;
	border:0;
}
hr{
	clear:both;
	
}