html, body, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
h1 img {
	display: block;
}
img {
	border: 0px;
}
ul.foot{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
ul.sistem{
	margin:0; 
	padding:0; 
}
a {
	color: #0099FF;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color: #FFCC00
}
p.isi {
	color:#000;
	font-size:14px;} 
.style1 {
	font-size: large;
	font-weight: bold;
	color: #FF9900;
}
.style2 {font-size: 18px}
.style3 {color: #FF9900}
.style5 {
	font-size: x-large;
	color: #0099FF;
}
.style6 {font-size: x-large}
h1.style7 {
	color: #FFFFFF;
	font-size: 18px; font-family:Arial, Helvetica, sans-serif;
}
.style8 {
	color: #FFFFFF;
	font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
body {
	margin-top:60px;
	background: #000 ;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
}
#badan {
	text-align:center;
	margin:auto;
	width: 800px;
/*	border: #0084e9 solid 7px;*/
}
#welcome{
	text-align: justify;
	width:400px; height:300px; padding-left:30px;
	overflow: auto;
}
#more{
	text-align: justify;
	width:550px;  padding-left:30px;
}
#mainmenu{
	text-align: center;
	width:300px; margin-top:20px;
}
#logo { background:url(images/logo-cetak-cd.gif) no-repeat left;
	width:430px; height:132px;}
/*------------------------------------------------footer start---------------------*/
#footer-main{
	width:100%;
	height:116px;
	padding:40px 0 0 0;
	color:#fff;
	float:left;
}
#footer{
	width:450px;
	height:77px;
	position:relative;
	margin:0 auto;
}
#footer ul{
	width:294px;
	margin:0;
	padding:0;
	position:absolute;
	left:8px;
	top:25px;
}
#footer ul li{
	margin:0;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-image:none;
	text-transform:capitalize;
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
	padding:0 10px 0 10px;
}
#footer ul li a:hover{
	color:#FF9900;
}
#footer p.copyright{
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	color:#666666;
	position:absolute;
	left:17px;
	top:45px;
}

#footer p.design{
	display:block;
	width:143px;
	height:16px;
	padding:0;
	position:absolute;
	left:250px;
	top:45px;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	color:#666666;
}
#footer a.link{
	width:100px;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0 4px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
#footer a.link:hover{
	color:#33CCFF;
}