html,body{
	margin:0;padding:0}
body{
	font: 73% Arial,sans-serif;text-align:center; /*background:url(images/bg.gif) repeat-x*/}
p{
	margin:0 10px 10px}
a{
	padding:5px; text-decoration:none; color:#000000;
}
h2{
	font:Arial, Helvetica, sans-serif;
}
img{
	border:none;
}
table {
	font-family: Tahoma; 
	font-size: 8pt;
	border-width: 0px;
	border-style: solid;
	border-color: #fff;
	border-collapse: collapse;
	margin: 10px 0px;
}
table a:hover{
	text-decoration:underline;
	background:#9cd81b;
	color:#fff;
}
th{
	color: #FFFFFF;
	font-size: 7pt;
	text-transform: uppercase;
	text-align: center;
	padding: 0.5em;
	border-width: 0px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
	background-color: #9cd81b;
}
td{
	padding: 0.5em;
	vertical-align: top;
	border-width: 0px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
}
tr{
	background:#ffffff;
	color:#000000;
}

div#atasbawah{
	color:#34a958; 
	text-align:center; 
	padding:0px; 
	border-bottom:0px solid #fff;
	/*background:transparent url(images/garis_header.gif);*/
	/*transparent url(images/bg75.png);*/
}
div#atasbawahisi{
	width:795px;
	height:183px;
	background-image: url(images/akbarheader.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	border-left:1px solid #336666;
	border-right:1px solid #336666;
}
.topText{
	background:#000;
	width:785px;
	height:40px;
	margin:0px auto;
	color:#e8e8e8;
	text-align:left;
	font:bold 15px/23px Arial, Helvetica, sans-serif;
	padding:5px;
	border-left:1px solid #336666;
	border-right:1px solid #336666;
	//border-top:1px solid #336666;
}
div#atasbawahisiadmin{
	width:795px;
	background:#9cd81b;
	text-align:left;
	height:50px;
	border:1px solid #000;
}
div#atasbawahisiadmin h1{
	font:30px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	margin:5px;
	padding:10px;
}

/*--------------HEADER */	
div#headmenu{
	width:795px;
 	color: #333;
	margin: 0px auto;
	border-left:1px solid #336666;
	border-right:1px solid #336666;
}
/*-------------- MARQUEE */	
div#marquee{
	width:785px;
	text-align:right;
 	color: #333;
 	padding:5px;
 	margin:0;
	background:url(images/marquee.gif) repeat-x;
}
div#marquee form{
	padding:2px;
	margin:0;
}
div#bwhmarquee{
background-color:#e6f2e5; 
height:20px; 
color:#009933; 
border-bottom:1px solid #999; 
margin-top:none; 
padding:2px; font-weight:bold; font-family:"Courier New", Courier, monospace
}
/*--------------- MENU ATAS */
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("images/bgoff.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;pading:0;}
ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("images/bgdivider.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("images/bghover.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("images/bgon.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */
/*--------- END MENU ATAS ----------------------*/

div#marqueedalam{
	width:800px;
	padding:0px;
	margin:0px;
	text-align:right;
	color:#FFFFFF;
}

/*-------------- CONTAINER */	
div#container{
	text-align:left;
	border-left:1px solid #336666;
	border-right:1px solid #336666;
	width:795px;margin:0 auto;background:transparent url(images/bg_container.gif) repeat-y;
}

/*-------------- CONTENT */	
div#content p{
	line-height:1.7;
	letter-spacing:
	margin-right:5px;
	background:#fff}
div#content{
	float:right;
	position:relative;
	width:560px;
	background:#fff;
	margin: 0px;
}
div#content h2{
	font:14px Arial, Helvetica, sans-serif;
	background:url(images/grad2.gif) repeat-x;
	color:#fff;
	padding:10px;
	margin:10px;
}
div#content h2 a{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:0px;
	margin:0px;
}
div#content h3 a{
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#038b00;
	padding:5px;
	border-bottom:1px solid #038b00;
}
div#content_box{
	height:auto;
	margin-right:0px;
	background:#fff;
}
div#content_box a{
	padding:0px;
	margin:0px;
	color:038b00;
}
div#content_box a:hover{
	background:#9cd81b;
	color:#fff;
}
div#content_box li a{
	letter-spacing:2;
	line-height:2;
}

/*----------Lain - lain */

div#lainlain{
	text-align:left}
div#lainlain{
	width:550px;margin:0 auto;background:#fff;
}
div#lainlain li a:hover{
	color:#34a958;
}


div#bukulain{
	float:left;
	width:270px;
	background:#fff;
	margin: 0px;
	border:1px solid #666;
	height:160px;
	margin-bottom:5px;
}
div#bukulain a:hover{
	background:#9cd81b;
	color:#FFFFFF;
}
div#beritalain{
	float:right;
	width:270px;
	background:#fff;
	margin: 0px;
	border:1px solid #666;
	height:160px;
	margin-bottom:5px;
}
div#beritalain a:hover{
	background:#9cd81b;
	color:#FFFFFF;
}
/*---------- End Lain -lain */

/*-------------- NAVIGATION */	
div#navigation{
	background:transparent url(images/bg50.png) repeat;
	}
div#navigation{
	float:left;width:232px;
	}
/*-------------- NAVIGATION-MENU */	
#menu {
	list-style: none;
	margin:0; 
	padding:0px;
}
#menu li {
	font:13px bold Georgia, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-top: 0;
	list-style: none;
}
#menu a {
	background:transparent url(images/bg50.png) repeat; 
	color: #303030;
	height:18px;
	display: block;
	padding: 10px;
	margin-left: 10px;
	margin-right:10px;
	text-decoration: none;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
}
#menu a:hover {
	background:url(images/grad2.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	clear:both;
}	

/*-------------- EXTRA */	
div#extra{
	background:transparent url(images/bg50.png) repeat;
	float:left;
	clear:left;
	width:232px;
	padding-top:10px;
	font-weight:normal;
}
div#extra a{
	color:#006666;
	font-weight:bold;
}
div#extra a:hover{
	color:#009999;
}
#tb{
	margin:5px;
	padding:8px;
}
#tb a:hover{
	background:#9cd81b;
	color:#fff;
}

/*-------------- FOOTER */	
div#footer{
	background:transparent url(images/bg_footer.gif) repeat-x;
	color:#fff;
	height:auto;
	text-align:center;
	text-decoration:none;
	}
div#footer a{
	color:#fff;

}
div#footer a:hover{
	color:#cccccc;
	text-decoration:none;
}
div#footer p{
	margin:0; padding:10px}
div#footer{
	clear:both;width:100%}
	
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */	
#slideshow {
width: 540px;
background-color: #fff;
margin: 0px;
padding:0 0 0 10px;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 0; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;}

#slideshow .slides ul {
width: 600px;}

#slideshow .slides li {
width: 530px;
float: left;
padding: 1px;}

#slideshow .slides h2 {
margin-top: 0;}