body {
	background-color: #9DACC9;
	font:normal 12px arial;
	color:#333333;
}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; }
.judul {
	font:bold 14px arial;
	text-transform:uppercase;
	color:#333333;
	}
#conten{
	text-align:justify;
}
#conten a:link,#conten a:visited,#conten a:active{
	font:normal 12px arial;
	color:#333333;
	text-decoration:underline;
}
#conten a:hover{
	color:#333333;
	text-decoration:none;
}
.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; font-weight: bold; }
.footer {color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.footer a:link,.footer a:active,.footer a:visited {
	font:normal 10px arial;
	color:#ffffff; 
	text-decoration:none;
	}
.footer a:hover{
	color:#333333;
	text-decoration:underline;
	}

.style8 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; }
.style8 a:link {color:#81B8E4; text-decoration:none}
.style8 a:visited {font-family: arial; font-size:12px; color:#333333; text-decoration:none;}
.style8 a:hover{font-family: arial; font-size:12px; color:#0066ff;text-decoration:underline;}
.style8 a:active{font-family: arial; font-size:12px; color:#333333;text-decoration:none;}
.style5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}
#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(media/menudivide.gif) top right repeat-y;
}

#underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid #A0ABC9;
padding-bottom: 0;
}
.text{
	width:250px;
	font:normal 12px arial;
	color: #333333;
}
.form{
	font:normal 12px arial;
	color: #333333;
}
#contact{
		margin: 0 0 0 5px;
		padding: 0;
}
#contact li {
	list-style: none;
	float: left;
	line-height: 18px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 190px;
	font:normal 12px arial;
	color: #333333;
	}
	.bt{
		list-style:none;
		margin:0;
		padding:0;
	}
	.gmbr1{
		background:url(images/index_02.jpg) no-repeat left top;
		width:752px;
		height:59px;
	}
	.gmbr2{
		background:url(images/index_05.jpg) no-repeat left top;
		width:146px;
		height:238px;
	}
	.gmbr3{
		background:url(images/index_13.jpg) no-repeat left top;
		width:457px;
		height:211px;
	}
	.gmbr4{
		background:url(images/index_11.jpg) no-repeat left top;
		width:149px;
		height:238px;
	}
width="149" height="238"
