body{margin:0}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{
	height:100%;	
	padding:0;
	background-color: #006633;
	background: url(../img/bg_body.jpg) repeat-y;		
	font-family: Tahoma, Geneva;
	font-size: 11px;	
	margin: 0;
	} 
* html, * html body{
	overflow:hidden;
	padding:0;
	margin:0;
	padd\ing:0;
	ma\rgin:0;
}
* html #halaman {     
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\""; voice-family:inherit; 
}
* html #contain-all{
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
}
/* end hack */ 

#top-bar{
	position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	left:0px;
	height:25px;
	width:100%;
	margin:0;
	padding:0;
	z-index:999;
	overflow:hidden;
}
#topbar-inner, #footer-inner {
	height:25px;
	padding-top: 5px;  
	background: #191970;
	border-top: 2px solid #fff;
	color: #fff;
}
/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner,* html #footer-inner {margin-right:17px;}
/* end hide*/

#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:25px;
	padding-top: 5px;  
	background: #191970;
	border-top: 2px solid #fff;
	color: #fff;
	z-index:999;
}
.spacer {height:25px}/* same height as footer/header to preserve space*/
p{margin-top:0}
html>body #top-bar,html>body #footer{position:fixed}/* for moz/opera and others*/

#header {
	height: 176px;
	width: 1004px;
	z-index: 1;	
}

html>body #foto_all {
	top: 175px;
	left: 350px;
	position: absolute;
	background-image: url(../img/foto_all2010.jpg);
	width: 520px;
	height: 190px;
	z-index: 100;
}

#foto_all { //for ie
	top: 175px;
	left: 350px;
	position: fixed;
	background-image: url(../img/foto_all2010.jpg);
	width: 520px;
	height: 190px;
	z-index: 100;
}

#content {
	width: 900px;
}

#content #content_left {
	float: left;
	width: 200px;	
	padding: 10px;	
}

html>body #content #content_center {
	float: left;
	width: 435px;
	padding: 10px;
	padding-top: 200px;
	top: 460px;	
}

#content #content_center { // for ie	
	display: inline;
	float: left;
	width: 435px;
	padding: 10px;
	padding-top: 20px;
	top: 460px;			
}

html>body #content #content_right {
	float: left;
	width: 190px;
	padding: 10px;
	padding-top: 215px;
}

#content #content_right { // for ie
	display: inline;
	float: left;
	width: 190px;
	padding: 10px;
	padding-top: 35px;
}



#slist {
	color: #014365;
	border: 1px solid #666;
	text-align: left;
}

#slist ul{
	padding-bottom: 2px;
	list-style: url(../img/list.gif);
}

#slist li{	
	padding-bottom: 2px;
}

.subTitle {
	background: #ED6513 url(../img/arrow.gif) no-repeat left;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	height: 20px;	
	border: 1px solid #cccccc;
	padding-left: 25px;
	padding-top:2px;
	text-align: left;
	letter-spacing: 1px;
}


/* begin css tabs */

ul#tabnav {
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 11px tahoma, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #666; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a {
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #666; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #06214F; /* set unselected tab background color as desired */
	color: #fff; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color: #666;
}

/* end css tabs */