/* CSS Document */
body, html
{
	font: 12px/140% Trebuchet MS;
	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; }


.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;
	padding-left:8px;
}

#judulnews {
	font: bold 16px/120% Trebuchet MS;
	color:#333333;
}

#judulnews2 {
	font: bold 14px Trebuchet MS;
	color:#333333;
}

#subjudul {
	font-size:16px;
}


#small {
	font: 11px/110% Trebuchet MS;
	color:#003399;
}

#berita a {
	font: 12px/120% Trebuchet MS;
	color:#3d070b; text-decoration: none;
}
#berita a:hover{
	font: 12px/120% Trebuchet MS;
	color:#cc3300; text-decoration:underline;
}
#berita a#active1 {
	font: 12px/120% Trebuchet MS;
	color:#cc3300;
}

#biru a {
	font: 12px/120% Trebuchet MS;
	color:#3333CC; text-decoration: none;
}
#biru a:hover, a#active{
	font: 12px/120% Trebuchet MS;
	color:#cc3300; text-decoration:underline;
}

#footer{
	font-size:11px;
	color:#FFFFFF; text-decoration: none;
}

#putih2 {
	font-size:15px;
	color:#FFFFFF; text-decoration: none;
}

#putih {	
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration: none;
}

#putih a {
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration: none;
}

#putih a:link {
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration: none;
}

#putih a:hover{
	font-weight:bold;
	color:#FFF000; 
	text-decoration:none;
}

#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, 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: 100px; height: 100px; background-position: center; background-repeat: no-repeat; display: block; float: left; margin: 0 15px 15px 0; }
.thumbnail a:hover { border: 1px solid #FFF; }

