/* CSS Document */
body{margin:0 auto;padding:0;text-align:center;
background:url(images/bg.jpg) left top repeat;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

.clearer { clear:both; }

#wrapper {
margin:0 auto;text-align:left;
padding:10px;
width:850px;
background:#FFF;
min-height:500px;
overflow:auto;
}
* html #wrapper {
width:870px;
height:500px;
overflow:visible;
}

/* header */
#wrapper #header {

}
#wrapper #header .top {
height:30px;
}
	#wrapper #header .top .title {
	float:left;margin:0 0 5px 0;
	}
		#wrapper #header .top .title .flag_id {
		background:url(images/flag_id.png) left top no-repeat;
		width:37px;height:25px;float:left;border:1px solid #000;margin:0 5px 0 0;
		cursor:pointer;
		}
			#wrapper #header .top .title a .flag_id img {border:1px solid #000;}
	#wrapper #header .top #topmenu {
	float:right;
	padding:5px 0 0 0;font-weight:bold;
	}
		#wrapper #header .top #topmenu a {
		color:#000;
		}
		#wrapper #header .top #topmenu a:hover {
		color:#000;text-decoration:none;
		}
		#wrapper #header .top #topmenu span {
		margin:0 10px;
		}
	#wrapper #header .shape {
	clear:both;background:url(images/shapebanner.gif) left top no-repeat;
	height:10px;width:850px;
	}
	#wrapper #header #header_banner {clear:both;
	background:url(images/Panoramic3Edit2.jpg) left top no-repeat;
	width:850px;
	height:255px;
	cursor:pointer;
	}
	#wrapper #header #header_banner2 {clear:both;
	background:url(images/banner3ABiru2.jpg) left top no-repeat;
	width:850px;
	height:163px;
	cursor:pointer;
	}
	#wrapper #banner_text_scroll {
	background:#dae3ea;height:20px;padding:5px 0 0 0;margin:0 0 5px 0;
	}

	#wrapper #header #mainnav{
	width:850px;
	height:29px;
	font-weight:bold;
	font-variant:small-caps;
	background:url(images/menu_bg.gif) left top repeat-x;
	}
	
	#wrapper #header #mainnav span {
	margin-right:2px;
	}	

	#wrapper #header #mainnav span .main_dnnmenu_rootitem {
		float:left;
		padding:8px 10px;
		background:url(images/menu_bg.gif) left top repeat-x;	
		border-right:1px solid #FFF;
	}	
	*:first-child+html #wrapper #header #mainnav span .main_dnnmenu_rootitem {
		padding:8px 10px;
	}
	#wrapper #header #mainnav span .main_dnnmenu_rootitem_selected, #wrapper #header #mainnav span .main_dnnmenu_rootitem_hover {
		float:left;
		padding:8px 10px;
		background: #7E120F url(images/menu_hover.gif) repeat-x top left;
		border-right:1px solid #FFF;
	}
	
.main_dnnmenu_submenu 
{
	border:2px solid #D0D8DE;
}	

	.main_dnnmenu_submenu td
	{
		z-index: 9999;
		background-color:#B7C1C8;
		font-size:11px; 
		font-weight:bold;
		font-variant:small-caps;
		text-align:left;
		line-height:20px;
		padding: 0px 5px;
		margin:0px;
	}

	.main_dnnmenu_itemhover td,.main_dnnmenu_itemselected td   
	{  
		z-index: 9999; 
		background: #D0D8DE url(images/menu_hover.gif) repeat-x top left;
		font-size:11px;
		font-weight:bold;
		font-variant:small-caps;
		text-align:left;
		line-height:20px;
		padding: 0px 5px;
		margin:0px;
	}
	
/* section */
#section {clear:both;margin:0px;padding:0px;}
#section table tr td.TopPane {background:#dae3ea; height:25px; vertical-align:middle;}
	
/* content-container */
.content-container {
font:11px Verdana, Arial, Helvetica, sans-serif;
}
.content-container h1 {
color:#5f020a;
font-size:18px;
font-weight:bold;
background:url(images/garuda_h1.jpg) right top no-repeat;
height:37px;
}
.content-container .content h1 {
background:none;
}


/* footer */
#footer {
clear:both;
text-align:center;
margin:10px 0 0 0;
padding:5px 0 0 0;
}
	#footer .footermenu {
	font-weight:bold;
	background:#dae3ea;
	padding:15px 0;
	}
	#footer .footermenu a {
	color:#000;
	}
	#footer .footermenu a:hover {
	color:#000;text-decoration:none;
	}
	#footer .footermenu span {
	margin:0 10px;
	}
	#footer .copyright {
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:10px;
	}
	#footer .copyright p {
	padding:0;margin:0;
	}

.searchbox {

}
	.searchbox input {
	font:12px Arial, Helvetica, sans-serif;
	padding:2px;
	}
	.searchbox input.submit-button {
	border:1px solid #126b97;
	background:#c5d2db;
	}
/* latest-news */
.news-title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

.news-date {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
}

.news-content {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

.news-image {
	border:0px;
	margin-right:5px;
	padding:2px;
	background:#CCCCCC;
}

.news-separator { border-top:1px dashed #666666; }