/* CSS Document */
body, html{
	font: 12px/140% Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0; padding: 0;
}

.submenu { background: #9a7f28 url(../images/sub-menu.jpg) no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.guide { background: #9a7f28 url(../images/guide.jpg) no-repeat; margin: 0 0 0 0; }
.bgheader { background: url(../images/header.jpg) no-repeat; margin: 0 0 0 0; }
.bgevents { background: #ffffff url(../images/events_bg.jpg) no-repeat; margin: 0 0 0 0; }
.bgtweet { background: #ffffff url(../images/tweet_bg.gif) no-repeat; margin: 0 0 0 0; }
.bgfocus { background: #eeeeee url(../images/focus10/bg.jpg) no-repeat; margin: 0 0 0 0; }

.myBox1 {
    margin: 0.1in auto; 
	width:670px; height:120px; 
    background-color: #f1f1f1; border: 1px solid #999;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
	.myBox1:hover {
		cursor:pointer;
		background-color: #e8e8e8; 
	}
	.myBox1 .kiri {
		float:left;
		padding:10px 0px 10px 10px;
		width:180px;
	}

	.myBox1 .kanan {
		float:left;
		padding:15px 20px 10px 0px;
		width:460px;
	}


.bodytext {
	padding: 6px;
}

.bodytext2 {
	padding: 8px 3px 8px 3px;
}


.spasi1 {display:block; font-size:16px; padding: 0px 0px 20px 12px; border-bottom:1px solid #a3a04f;}
.spasi1a {display:block; padding: 5px 0px 0px 0px;}
.spasi1b {display:block; padding: 10px 0px 0px 0px;}
.spasi1c {display:block; padding: 15px 0px 0px 0px;}
.spasi1d {display:block; font-size:16px; padding: 12px 0px 5px 0px; margin: 0px 12px 0px 16px; border-bottom:1px solid #a3a04f;}


.menu1 {
	width:216px; height:300px;
	padding: 10px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/bgmenu1.jpg);
}

	.menu1 a, .menu1 a:link, .menu1 a:visited {
		display:block;
		padding: 5px 0px 5px 7px;
		margin: 0px 10px 2px 12px;
		border-bottom:1px solid #d6d6d6;
	}

	.menu1 a:hover, .menu1 a#active {
		display:block;
		padding: 5px 0px 5px 7px;
		margin: 0px 10px 2px 12px;
		background-color:#e6e6e6;
		border-bottom:1px solid #d6d6d6;
	}


	.menu2 a, .menu2 a:link, .menu2 a:visited {
		display:block; 
		padding: 11px 10px 11px 35px;
		margin: 0px 10px 0px 10px; 
		background-image: url("../images/button.gif");
		background-repeat: no-repeat;
		background-position: 12px 11px;
		border-bottom:1px solid #bfbd80;
	}

	.menu2 a:hover, .menu2 a#active {
		background-image: url("../images/button1.gif");
		background-repeat: no-repeat;
		background-position: 12px 11px;
		background-color:#776425;
	}

	.menu2a a, .menu2a a:link, .menu2a a:visited {
		display:block;
		padding: 3px 6px 3px 35px;
		background-image: url("../images/button1.gif");
		background-repeat: no-repeat;
		background-position: 12px 3px;
		color:#CCCCCC;
	}

	.menu2a a:hover, .menu2a a#active {
		display:block;
		background-image: url("../images/button1.gif");
		background-repeat: no-repeat;
		background-position: 12px 4px;
		color:#FFFF00;
	}

	.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: #E6E6E6;		
	}

.menubar {
	color: #FFFFFF;
	font-weight: bold;	
	float:left;
	padding: 7px 0px 2px 0px;
	background-image:url(../images/bg_menu.jpg);	
}
	.menubar a{
		color:#FFFFFF;
		text-decoration: none;		
	}	
	.menubar a:link, .menubar a:visited { 
		color: #FFFFFF;text-decoration: none;
	}
	.menubar a:hover { 
		color: #FFFF00; 
		background-color:#737045;
		text-decoration: none;
	}
	.menubar a#active { 
		color: #FF0000; 
		text-decoration: none;
	}


.menubar2 {
	color: #FFFFFF;
	float:left;
	border-right:1px solid #999999;
}
	.menubar2 a, .menubar2 a:link, .menubar2 a:visited { 
		color: #FFFFFF;
		text-decoration: none;
		padding: 7px 15px;
	}
	.menubar2 a:hover { 
		color: #FFFF00; 
		text-decoration: none;
		padding: 7px 15px;
	}


.menubar3 {
	color: #FFFFFF;
	float:left;
}
	.menubar3 a:link, .menubar3 a:visited { 
		color: #FFFFFF;text-decoration: none;
		padding: 7px 15px;
	}
	.menubar3 a:hover { 
		color: #FFFF00; 
		text-decoration: none;
		padding: 7px 15px;
	}




#judul {
	font-size:18px;
	color:#FFFFFF;
}

#judulnews {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#555555;
}

#judulnews2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
}

#subjudul {
	font-size:16px;
}


#small {
	font: 11px/110% Arial, Helvetica, sans-serif;
	color:#003399;
}

#berita a {
	font: 12px/120% Arial, Helvetica, sans-serif;
	color:#3d070b; text-decoration: none;
}
#berita a:hover{
	font: 12px/120% Arial, Helvetica, sans-serif;
	color:#cc3300; text-decoration:underline;
}
#berita a#active1 {
	font: 12px/120% Arial, Helvetica, sans-serif;
	color:#cc3300;
}

#biru a {
	font: 12px/120% Arial, Helvetica, sans-serif;
	color:#3333CC; text-decoration: none;
}
#biru a:hover, a#active{
	font: 12px/120% Arial, Helvetica, sans-serif;
	color:#cc3300; text-decoration:underline;
}

#footer{
	font-size:11px;
	color:#FFFFFF; text-decoration: none;
}

#putih2 {
	font-size:15px;
	color:#FFFFFF; text-decoration: none;
}

#putih, #putih a, #putih a:link{	
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration: none;
}

#putih a:hover, #putih a#active{
	font-weight:bold;
	color:#FFF000; 
	text-decoration:none;
}


#menu a { font-weight:bold; color: white;	text-decoration: none;	padding: 0 9px 0 8px; }
#menu a:hover, #menu a#active { font-weight:bold;	color: yellow; background: none;	}

a, a:link, a:visited { 
	color: #000000; 
	text-decoration: none;
}

a:hover, a#active {
	color:#FF0000; 
	text-decoration: none;
}



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