body{
	padding:10px 0px 0px 0px; margin:0px; 
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
form{ padding:0px; margin:0px; }
input{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;
}
.container{
	margin:0 auto; width:90%; min-width:980px; background-color:#3E70DA; border:#1C44AA solid 1px; padding:0px; position:relative;
}


/* ====================== >> Top */
.header{
	border-top:#BAD7DB solid 1px; height:85px; background:url(../image/top_bg.gif) top repeat-x;
}
.header .logo{
	width:303px; height:80px; background:url(../image/logo.jpg) top left no-repeat; float:left; margin-left:20px;
}


/* ====================== >> Menu */
.menu{
	list-style:none; padding:0px; position:absolute; left:335px; top:20px; z-index:2;
}
.menu li{
	float:left; margin-right:5px;
}
.menu li a{
	display:block; text-align:center; padding:0px 0px 0px 12px; text-decoration:none; margin-right:0px; background-color:#FFF;
	font-size:10px; color:#0E3689; background:url(../image/tabnonactive.gif) top left; border-bottom:#000 solid 1px;
}
.menu li a span{
	display:block; background:url(../image/tabnonactive.gif) top right; padding:3px 12px 3px 0px; 
}
.menu li a.selected{
	display:block; text-align:center; padding:0px 0px 0px 12px; text-decoration:none; margin-right:0px; background-color:#FFF;
	font-size:10px; color:#000; background:url(../image/tabactive.gif) top left; border:none;
}
.menu li a.selected span{
	display:block; background:url(../image/tabactive.gif) top right; padding:3px 12px 4px 0px; 
}

.menu li a img{
	border:none; height:35px; padding:0px 10px 0px 10px;
}


/* ====================== >> Middle */
.stage{
	background-color:#FFF; min-height:500px; border-top:#000 solid 1px; border-bottom:#000 solid 1px;
}
.leftContainer{
	float:left; width:220px;
}
.leftContainer .box{
	background-color:#E8ECEB; border:#959594 solid 1px; width:200px; margin:10px 10px 10px 20px;
}
.leftContainer .box .title{
	color:#666; text-align:left; font-weight:bold; font-size:11px; padding:2px 0px 2px 25px; height:20px; background:url(../image/boxtitle_bg.gif) top left no-repeat;
}
.leftContainer .box span{
	 color:#666; font-size:11px; padding:2px 15px 2px 15px; margin:0px 0px 20px 0px; display:block;
}
.box ul{ padding:0px; margin:0px 0px 20px 0px; list-style:none; }
.box ul li a{
	text-decoration:none; color:#666; font-size:11px; display:block; padding:2px 6px 2px 25px;
	background:url(../image/arrow.gif) 4px 4px no-repeat;
}
.box ul li a:hover{
	background:url(../image/arrow.gif) 4px -23px no-repeat;
	color:#000;
}


/* ====================== >> Content */
.stage .content{
	float:left; padding:20px; width:73%;
}
.stage .content .title{
	font-size:16px; padding-bottom:30px; font-weight:bold;
	background:url(../image/bunga.gif) left 20px no-repeat;
}

.rightContainer{ float:right; width:200px; margin-top:-160px; }
.right_box{
	width:200px; padding:10px; color:#000; font-size:11px;
	border:#B6C2F2 solid 1px; margin-bottom:10px; background:url(../image/rightbox_topbg.gif) top repeat-x;
}
.right_box input.input{ margin:2px; background-color:#FFF7D7; border:#E6B800 solid 1px; }
.right_box input.tombol{ margin:2px; background-color:#E6B800; color:#FFC; font-weight:bold; }
.right_box label{
	width:60px; display:block; float:left; margin:2px;
}
.stage .content .right_box .title{
	font-size:12px; color:#333; margin:0px; padding:5px; text-align:center; margin-top:-5px; background:none;
}
.stage .content .right_box ul{ padding:0px; margin:0px 0px 20px 0px; list-style:none; }
.stage .content .right_box ul li a{
	text-decoration:none; color:#666; font-size:11px; display:block; padding:2px 6px 2px 25px;
	background:url(../image/arrow.gif) 4px 4px no-repeat;
}
.stage .content .right_box ul li a:hover{
	background:url(../image/arrow.gif) 4px -23px no-repeat;
	color:#000;
}


/* ====================== >> Bottom */
.footer{
	text-align:center; border-bottom:#6493F1 solid 1px; padding:2px; font-size:10px; color:#B0D5EA;
}



.slideshow{
	width:500px; height:100px; position:relative;
}