.sitemap{
	font:bold 14px arial;
}
.sitemap a:link, .sitemap a:visited,.sitemap a:active{	
	font:bold 14px arial;
	text-decoration:none;
}
.sitemap a:hover{
	text-decoration:underline;
	color:#FF9900;
}
.sitemap li{
	padding:0 0 5px 5px;
	margin:0 0 5px 30px;
	list-style:square;
}
.sitemap_2{
	font:bold 14px arial;
	text-transform:uppercase;
	color:#33333;
}
.sitemap_2 a:link, .sitemap_2 a:visited,.sitemap_2 a:active{	
	font:bold 14px arial;
	text-decoration:none;
	text-transform:uppercase;
	color:#333;
}
.sitemap_2 a:hover{
	text-decoration:underline;
	color:#FF9900;
}
.sitemap_2 li{
	padding:0 0 5px 5px;
	margin:0 0 5px 30px;
	list-style:square;
}

a.boldbuttons{
background: transparent url('roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 170%;
}
#tombol{
		margin: 0 0 0 5px;
		padding: 0;
}
#tombol li span{
	font:normal 9px arial;
	color:#FF0000;
}
#tombol li {
	list-style: none;
	float: right;
	line-height: 18px;
	margin: 0 5px 5px 0;
	text-align: center;
	width: 259px;
	}
#tombol a:link,#tombol a:active,#tombol a:visited{
	font:bold 9px arial;
	text-decoration:none;
	color:#FF0000;
	text-transform:uppercase;
}
#tombol a:hover{	
	text-decoration:underline;
}

#gelap{
		margin: 0 0 0 5px;
		padding: 0;
		
}
#gelap li {
	list-style: none;
	float: right;
	line-height: 18px;
	margin: 0 15px 10px 0;
	text-align: center;
	width: 80px;
	}
#gelap a:link,#gelap a:active,#gelap a:visited{
	font:bold 12px arial;
	text-decoration:none;
	color:#333333;
}
#gelap a:hover{	
	color:#0066cc;
	text-decoration:underline;}
#terang{
		margin: 0 0 0 5px;
		padding: 0;
}
#terang li span{
	font:normal 9px arial;
	color:#FFFFFF;
}
#terang li {
	list-style: none;
	float: right;
	line-height: 18px;
	margin: 0 5px 5px 0;
	text-align: center;
	width: 259px;
	}
#terang a:link,#terang a:active,#terang a:visited{
	font:bold 10px arial;
	text-decoration:none;
	color:#FFFFFF;
	text-transform:uppercase;
}
#terang a:hover{	
	text-decoration:underline;
}

#tombol2{
		margin: 0 0 0 5px;
		padding: 0;
}
#tombol2 li span{
	font:normal 9px arial;
}
#tombol2 li {
	list-style: none;
	float: left;
	line-height: 10px;
	margin: 0 10px 50px 0;
	text-align: center;
	width: 90px;
	height:30px;
	}
#tombol2 a:link,#tombol2 a:visited,#tombol2 a:active{
	font:bold 10px arial;
	text-decoration:none;
	color:#FF0000;
	text-transform:uppercase;
}
#tombol2 a:hover{
	text-decoration:underline;
}
#tombol_3{
		margin: 0 0 0 5px;
		padding: 0;
}
#tombol_3 li {
	list-style: none;
	float: left;
	line-height: 10px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 110px;
	height:30px;
	}
#tombol_3 a:link,#tombol_3 a:active,#tombol_3 a:visited{
	font:bold 12px arial;
	text-decoration:none;
	color:#FFF;
	
}
#tombol_3 a:hover{	
	color:#FF9900;
	text-decoration:underline;
}

#tombol_4{
		margin: 0 0 0 5px;
		padding: 0;
}
#tombol_4 li {
	list-style: none;
	float: right;
	line-height: 18px;
	margin: 45px 15px 10px 0;
	text-align: center;
	width: 70px;
	}
#tombol_4 a:link,#tombol_4 a:active,#tombol_4 a:visited{
	font:bold 12px arial;
	text-decoration:none;
	color:#FFF;
	
}
#tombol_4 a:hover{	
	color:#FF9900;
	text-decoration:underline;
}