body {
	background-color: #82858A;
	font:normal 12px arial;
	color:#124B68;
}
.judul{
	font:bold 14px arial;
	color:#124B68;
	text-transform:uppercase;
}
#conten{
	text-align:justify;
}
.footer{
	font:normal 10px arial;
	color:#FFFFFF;
}
.footer a:link, .footer a:visited,.footer a:active {
	color:#ffffff; 
	font:normal 10px arial;
	text-decoration:none;
	}
.footer a:hover{
	color:#ff9900;
	text-decoration:underline;
	}
#conten a:link, #conten a:visited, #conten a:active {
	font:normal 12px arial;
	color:#124B68; 
	text-decoration:underline;
	}
#conten a:hover{
	color:#0066cc;
	text-decoration:none;
	}
.jdl_news {
	font:bold 14px arial;
	color: #F7F7F7;
	text-transform:uppercase;
}
.news {
	font:normal 12px arial;
	color: #f7f7f7;
	}
.news  a:link, .news a:visited, .news a:active {
	font:normal 12px arial;
	color:#f7f7f7; 
	text-decoration:underline;
	}
.news a:hover{
	color:#ff9900;
	text-decoration:none;
	}
.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #3094E2;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color:white;
background-color: #3094E2;
border: 2px solid #3094E2;
}

.bevelmenu li a:hover{
color: black;
background-color: #00CCFF;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	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;
	}
.text{
	width:250px;
}
.bt{
	list-style:none;
	padding:0;
	margin:0;
}