@charset "utf-8";
/* CSS Document */

body{
	margin-top:-10px;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:530086;
	}

#tombol {
	text-align:right;
	}

#container {
	margin-left:auto;
	margin-right:auto;
	width:940px;
	}

#top1{
	height:16px;
	background-color:#ccccff;
	position:relative;
	}


#menu_top {
	margin-top:-17px;
	height:34px;
	background-color:#9999ff;
	position:relative;
	}

#menu_top ul {
	margin-left:-40px;
}

#menu_top li {
	list-style:none;
	padding-left:20px;
	padding-right:20px;
	margin-right:5px;
	text-align:center;
	float:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color:#0000FF;
	height:26px;
	padding-top:8px;
	font-weight:bold;
	position:relative;
}
#menu_top a{
	color:#FFFFFF;
	text-decoration:none;
	}

	
#menu_top a:hover{
	color:#FFFF00;
	text-decoration:none;
	}
/* fx menu atas - start */
#menu_top .sub {
	position:absolute;
	margin-top:6px;
	display:none;
	left:0;
	z-index:100;
}

#menu_top .sub li{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:left;
	width:120px;
	background-color:#5F61FF;
	border:1px solid #0000FF;
}	
/* fx menu atas - end */
#slide {
	height:268px;
	width:940px;
	position:relative;
	height:47px;
	z-index:1;
	}
	

/* Content Container */

#content_container{
	width:940px;
	height:500px;
	top:245px;
	position:relative;
	background-color:#FFFFFF;
	
}


/* Modul Kiri */

#left {
	width:237px;
	height:500px;
	top:0px;
	left:0px;
	background-color:#66ccff;
	position:absolute;

	}
	
p.headmenu{
	color:#FFFF00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	margin-bottom:20px;
	width:200px;
	height:30px;
	padding-left:20px;
	padding-top:8px;
	margin-left:-40px;
	background-color:#666666;
	}

#left li{	
	list-style:square;
	padding-bottom:10px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0000FF;
	font-weight:bold;
}

#left a{
	color:#0000FF;
	text-decoration:none;
}

#left a:hover{
	color:#FFFF00;
	text-decoration:none;
}

/* content */

#content {
	width:703px;
	height:500px;
	background-color:#ccccff;
	position:absolute;
	left:237px;
	top:0px;	
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	}


#content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	padding-left:10px;
	padding-right:30px;
	line-height:20px;
}

#content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	padding-left:10px;
	padding-right:30px;
}

	
#footer{
	height:20px;
	width:940px;
	padding-top:7px;
	top:500px;
	background-color:#000000;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position:absolute;
}


#text_walk{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:940px;
	height:20px;
	background-color:#000000;
	color:#FFFFFF;
	position:relative;
	z-index:2;
	margin:auto;
	top:340px;
	padding-top:5px;
}