body,td,th {
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #b2afaf;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.bg { background: #000 url(images/left.jpg) repeat-x; margin: 0 0 0 0; }

.tengah { display:block; padding: 0px 0px 0px 16px;}

.galeri {
	width: 120px; height: 80px; 
	background-position: center; 
	background-repeat: no-repeat; 
	display: block; float: left; 
	padding: 0px 0px 14px 13px;
}	

.galeri2 {
	width: 120px; height: 80px; 
	background-position: center; 
	background-repeat: no-repeat; 
	display: block; float: left; 
	padding: 0px 10px 14px 2px;
}	

.clear-all {clear:both;}

#container {
	width:400px;
	margin: 10px 0px 0px 0px;
}

	#kiri {
		float:left; width:195px;
		display:block; text-align:left;
		padding: 0px 0px 0px 1px;
	}

	#kanan {
		float:right; width:204px;
	}
	

.spasi1 {display:block; padding: 3px 0px 0px 0px;}
.spasi1a {display:block; padding: 6px 0px 0px 0px;}

#spasi1 {display:block; padding: 3px 0px 0px 0px;}
#spasi2 {display:block; padding: 7px 0px 0px 0px;}
#spasi2a {display:block; padding: 10px 0px 0px 0px;}
#spasi2b {display:block; padding: 20px 0px 0px 0px;}
#spasi3 {display:block; padding: 50px 0px 0px 0px;}
#spasi4 { padding: 0px 0px 0px 13px;}
#spasi4a { display:block; padding: 0px 0px 0px 13px;}
#spasi5 { padding: 0px 0px 0px 12px;}
#spasi6 { padding: 30px 0px 0px 10px;}

#spasi7 { padding: 6px 0px 6px 0px;}

#spasi8 { padding: 20px 0px 6px 20px;}

#spasi9 { padding: 0px 0px 15px 0px;}

#spasi-kanan { padding: 46px 0px 0px 0px;}
#spasi-kanan2 { padding: 0px 0px 0px 10px;}

#clearall { clear:both; display:block; padding:20px 0px 0px 0px; }

.menu4 {
	display:block;	
	padding: 10px 10px 20px 10px;
}


.menu5 {
	display:block;	
	padding: 2px 10px 2px 20px;
	background-image: url("images/red-arrow-but2.gif");
	background-repeat: no-repeat;
	background-position: 5px 1px;
	border-style: solid;
	border-width: 0px 0px 1px;
	border-color: #151515;		
}

.menu5a {
	width:179px;
	display:block; font-size:12px;
	padding: 5px 0px 5px 26px;
	margin: 2px 0px 2px 0px;
	background-image: url("images/panah-putih.gif");
	background-repeat: no-repeat; background-position: 3px 6px;
	border-style: solid; border-width: 0px 0px 1px; border-color: #151515;		
}

.menu5a:hover, .menu5a#active {
	width:179px;
	display:block; font-size:12px; 
	padding: 5px 0px 5px 26px; background-color:#101010;
	margin: 2px 0px 2px 0px; color:#FFFF00;
	background-image: url("images/panah-kuning2.gif");
	background-repeat: no-repeat; background-position: 3px 6px;
	border-style: solid; border-width: 0px 0px 1px; border-color: #151515;		
}



.warna {color:#FFFFCC;}
.warna2 {color:#ccffff;}


body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.title { font-size: 14px; }

#footer { display:block; padding:6px; color: #666666; font-size: 11px; }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { color: #FF3300; text-decoration: none; }

div.bg1 {
	clear:both; float:left; width:615px;
	margin: 3px 0px 0px 2px;
	border-bottom:1px solid #333300;
	background-color:#090909;
}
div.bg1:hover {
	clear:both; float:left; width:615px;
	margin: 3px 0px 0px 2px;
	border-bottom:1px solid #333300;
	background-color:#242403;
}

div.bg2 {
	clear:both; float:left; width:615px;
	margin: 3px 0px 0px 2px;
	border-bottom:1px solid #333300;
}
div.bg2:hover {
	clear:both; float:left; width:615px;
	margin: 3px 0px 0px 2px;
	border-bottom:1px solid #333300;
	background-color:#242403;
}

.tabel1 {
	padding: 10px 0px 10px 4px;
	float:left; width:195px;
}

.tabel2 {
	padding: 10px 15px 10px 4px;
	float:left; width:100px;
}

.tabel4 {
	padding: 10px 0px 10px 4px;
	float:left; width:150px;
}

.tabel5 {
	padding: 10px 0px 10px 12px;
	float:left; width:120px;
}



a:link {
	color: #b2afaf;
	text-decoration: none;
}

a:visited {
	color: #b2afaf;
	text-decoration: none;
}

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

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

.judul {
	font-size: 13px; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0px; 
	color: #FFFF00; 
}

.judul2 {
	font-size: 16px; 
}

.subjudul {
	font-size: 12px;
}

.subjudul1 {
	font-size: 12px;
	color: #FFFF00;	
}

.berita {
	font-size: 11px;
	font-weight:bold;
	color: #CCCC00;	
}

.small {
	font-size: 10px;
	color: #999999;	
}

.agenda {
	font-size: 9px;
	color: #000000;	
}

.submenu {	
	font-size: 11px;
	font-style: normal;
	color: #AA0E12;
}

.yellow {	color: #EAFF00;
}

#abu{
	color: #999999;
	text-decoration: none;
}
#abu a:link {
	color: #999999;
	text-decoration: none;
}
#abu a:visited {
	color: #999999;
	text-decoration: none;
}
#abu a:hover {
	color: #e93618;
	text-decoration: none;
}
#abu a#active {
	color: #CC9900;
	text-decoration: none;
}

#hitam{
	color: #9c9c9c;
	text-decoration: none;
}
#hitam a:link {
	color: #9c9c9c;
	text-decoration: none;
}
#hitam a:visited {
	color: #9c9c9c;
	text-decoration: none;
}
#hitam a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#hitam a:active {
	color: #9c9c9c;
	text-decoration: none;
}

#putih, #putih a:link, #putih a:visited{
	color: #b2afaf;
	text-decoration: none;
}
#putih a:hover, #putih a#active {
	color: #FFFFFF;
	text-decoration: none;
}

#kuning, #kuning a:link, #kuning a:visited{
	color: #ff9900;
	text-decoration: none;
}
#kuning a:hover, #kuning a#active {
	color: #FFFFFF;
	text-decoration: none;
}

.thumbnail a { border: 1px solid #666; width: 90px; height: 85px; background-position: center; background-repeat: no-repeat; display: block; float: left; margin: 0 11px 11px 0; }
.thumbnail a:hover { border: 1px solid #FFF; }

.thumbnail2 a { border: 1px solid #666; width: 100px; height: 85px; background-position: center; background-repeat: no-repeat; display: block; float: left; margin: 0 11px 11px 0; }
.thumbnail2 a:hover { border: 1px solid #FFF; }

.fb-container {
	margin: 15px 0 0 0;
    width: 175px;
    height: 300px;
    overflow: hidden;
}

.fb-container > div {
     margin: -2px 0px 0px -2px;
}