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

#body {

	min-height: 800px;
	background: url(image/bg.jpg) no-repeat top fixed; #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   	background-size: cover;
	background-position: top;
   	margin-top: 36px;
	

}
#top{
	background: url(image/top.jpg) ;
   
	background-position: top;
	height: 160px;
	width: 1000px;
	border-radius: 12px 12px 12px 12px;
	border: 2px double;
}

#menu {
	height:37px;
	width: 1000px;
	border:2px  solid #CCCCCC ;
	border-radius:13px;
	background: url(image/FREM.jpg);
	margin-top: 4px;
      } 
	  
#umum{
	background-color: #CCC;
	border-radius: 10px 10px 0px 0px;
	background-size: cover;
	border: 1px;
	border-color:#FFF;
	}

#tengah{
	background: #FFF;
	border-radius: 10px 10px 10px 10px;
	width: 700px;
	height:auto;
	margin-top: 8px;
	}

#banner1{
	background-image: url(image/bg_jam.jpg);
	background-size: cover;
	border-radius:13px 13px 13px 13px;
	margin-top: 8px;
	margin-left: 5px;
	width: 280px;
	
}

#slide{
	background-color:#FFF;
	border-radius: 8px;
	width: 670px;
	margin-top: 3px;
	}
	
#bar{
	background-color: #C30;
	width: 700px;
	border-radius: 10px 10px 0px 0px;
	margin-top: 8px;
	color:#FFFFFF;
	height: 65px;
	text-align:center;
	}
	
#artikel{
	background-color:#FFF;
	border-radius: 0px 0px 8px 8px;
	width: 700px;
	height:auto;
	margin-top: 8px;
	text-align: justify;
	}
	
.login{
	background:url(image/bodi.png);
	border-radius: 8px 8px 8px 8px;
	width: 700px;
	height:auto;
	margin-top: 8px;
	text-align: justify;
	}

#text {
	background-color: #930;
	width: 1000px;
	border:double 2px #CCCCCC;
	border-radius: 8px 8px 8px 8px;
	border: double 2px;
	border-color:#999;
	height: 25px;
	color: #FFF;
	margin-top: 4px;
	}

#footer {
	background: #999;
	width:1000px;
	height:45px;
	alignment-baseline: central;
	float:left;
	border:2px solid #CCCCCC;
	border-radius:0px 0px 20px 20px;
	margin-top: 1px;
  	}  
	
#jam{
	background-image: url(image/bg_jam.jpg);
	background-size: cover;
	border-radius:13px 13px 13px 13px;
	margin-top: 8px;
	margin-left: 5px;
	width: 280px;
	
	}

#kalender{
	background-image: url(image/bg_jam.jpg);
	background-size: cover;
	border-radius:13px 13px 13px 13px;
	margin-top: 8px;
	margin-left: 5px;
	width: 280px;
	height: 300px;
	
}

/*ini adalah css menu'*/

.content{
		height: auto;
		width: 1000px;
		
	}

	#nav, #nav ul{
		margin:0;
		padding:0;
		list-style-type:none;
		list-style-position:outside;
		position:relative;
		line-height:1.5em;
		
	}

	#nav a{
		display:block;
		padding:5px 5px;
		border:1px solid  #999;
		color:#fff;
		text-decoration:none;
		background-color: #06C;
		width: 130px;
		height: auto;
	}

	#nav a:hover{
	background-color:#fff;
	color:#333;
	
	}

	#nav li{
		float:left;
		position:relative;
	}

	#nav ul {
		position:absolute;
		display:none;
		width:12em;
		top:2.3em;
	}

	#nav li ul a{
		width:12em;
		height:auto;
		float:left;
	}

	#nav ul ul{
		top:auto;
	}	

	#nav li ul ul {
		left:12em;
		margin:0px 0 0 10px;
	}

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
		display:none;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
		display:block;
	}

#bgmenups {
	background-image:url(image/FREM.jpg);

	border-radius:8px;
	height: 35px;
	}
#menups{
	background:#06C;
	width: 190px;
	height: 30px;
	border-radius:8px;
	text-justify:distribute;

}

/*
	
#body table tr td #umum table tr td #artikel table tr td p {
	text-align: justify;
}