body{

	padding:0; margin:0;

	background-color:#106895; background:url(background.gif) 0 0 repeat; color:#000000;

	}

	

div, p, ul, li, a, h1, h2, h3, h4, form, label, input{ 

	padding:0; margin:0;

	}

	

.spacer{

	line-height:0; font-size:0; clear:both;

	}	

	

img{border:0;}

	

.imgkiri{float:left; padding-right:10px; }

.imgfasilitas{float:left; border:3px solid #999999; margin-bottom:10px; margin-right:10px; }

.img_galeri{width:610px; margin-top:10px; float:left; padding-bottom:6px; }

.img_pading{width:610px; float:left; padding-bottom:6px; padding-left:6px; margin-top:5px; }

.imgdata{border:3px solid #CCCCCC; float:left; margin-right:10px;  }

/* ===================================================================== */



#header{

	position:relative; margin:10px auto; background:url(header-bg.jpg) 0 0 no-repeat;

	height:140px; width:884px; 

}



#header .gambarlogo{

	float:left; margin-top:10px; margin-left:10px;

}



#header .teksariyanti{

	margin-top:40px; margin-left:10px;

}



/* ===================================================================== */



#header ul{

	position:absolute;

	left:0; top:139px; width:100%;	

	list-style:none; background:url(navigator-bg.gif) 0 0 no-repeat;

	}

	

#header ul li{

	float:left;

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;

	color:#375D0B; 

	text-align:center;
	margin-left:10px;

	}

	

#header ul li a{

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; 

	color:#000; 

	width:100px; height:28px; padding-top:8px;

	text-decoration:none; display:block;

	}



#header ul li.home{

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; 

	color:#375D0B; 

	width:100px; height:28px; padding-top:8px;

	text-decoration:none; display:block;

	text-align:center; float:left;

	}

	

#header ul li a:hover{

	background:url(menu-aktip.gif) 0 0 no-repeat; 

	color:#FFF; 

	height:28px; width:100px;
	font-weight:bold;

	}

	

/* ===================================================================== */

#contentprimari{width:884px; position:relative; margin:0 auto;}

#contentprimari .content{width:884px; margin:17px auto; position:relative; background:url(content.gif) 0 0 repeat-y; float:left;}



/* ===================================================================== */



#sidebar{width:198px; position:relative; float:right; margin-top:10px; margin-right:10px;}

#sidebar .atas{width:198px; background:url(title-sidebar.gif) 0 0 no-repeat; height:17px; float:right;}

#sidebar .tengah{width:198px; background:url(content-sidebar.gif) 0 0 repeat-y; float:right;}

#sidebar .bawah{width:198px; background:url(bottom-sidebar.gif) 0 0 no-repeat; height:14px; float:right; margin-bottom:10px;}





	

#sidebar .tengah .pheader{

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; 

	color:#FF0000; background:url(subtitle.png) 0 0 no-repeat;

	width:192px; height:23px; padding-top:5px; padding-left:30px;

	text-decoration:none; display:block; font-weight:bold; margin-left:-25px;

	}

	

#sidebar .tengah .pheader a{

	color:#FF0000; text-decoration:none;

	height:23px; width:192px;

	}

	

#sidebar .tengah .pheader a:hover{

	color:#990000; 

	height:23px; width:192px;

	}



#sidebar .tengah .subtop{

	background:url(box-top.gif) 0 0 no-repeat; width:171px; height:8px; margin-left:7px; float:right;

	margin-right:20px;

}



#sidebar .tengah .subcenter{

	width:171px; background:url(box-center.gif) 0 0 repeat-y; float:right; float:right;

	margin-right:20px;

}



#sidebar .tengah .subcenter .menunosub {

	

}



#sidebar .tengah .subcenter .menunosub ul{

	width:100%;	

	list-style:none; float:right;

	}

	

#sidebar .tengah .subcenter .menunosub ul li{

	float:left;

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;

	color:#375D0B; float:right;

	text-align:center; 

	}

	

#sidebar .tengah .subcenter .menunosub ul li a{

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; 

	color:#fff; float:right;

	width:171px; height:18px; padding-top:8px;

	text-decoration:none; display:block; 

	}

	

#sidebar .tengah .subcenter .menunosub ul li a:hover{

	color:#fff; float:right; 

	height:18px; width:169px; background:url(arrow.png) 0 0 no-repeat #27375C; background-position:0px 6px; border:1px solid #6E7C9D;
	
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;
	}





#sidebar .tengah .subcenter .menu {

	width: 10em;

}



#sidebar .tengah .subcenter .menu, .menu ul {

	margin: 0;

	padding: 0;

	border: 0;	

	list-style-type: none;

	display: block;

}



#sidebar .tengah .subcenter .menu li {

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; 

	color:#fff; float:right; margin-top:-1px;

	width:169px; background-color:#3F4C6B;

	text-decoration:none; display:block; 

	

	z-index: 5;

	padding: 0;

	border: 0;

	display: block;

	position: relative;

}



#sidebar .tengah .subcenter .menu li:hover {

	z-index: 10000;	

	white-space: normal;

}



#sidebar .tengah .subcenter .menu ul {

	visibility: hidden;	

	position: absolute;

	z-index: 10;

	right: 0;	

	top: 0;	

}



#sidebar .tengah .subcenter .menu li:hover>ul {

	visibility: visible;

	right: 100%;

}





#sidebar .tengah .subcenter .menu:after, .menu ul:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

#sidebar .tengah .subcenter .menu, .menu ul {	

	min-height: 0;

}



#sidebar .tengah .subcenter .menu ul {

	background-image: url(empty.gif);	

	padding: 26px 10px 30px 30px;

	margin: -30px 9px 0 0;

}



#sidebar .tengah .subcenter .menu, .menu ul li {

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px;

	color:#fff;

	text-align:center; 

}



#sidebar .tengah .subcenter .menu {

	width: 8em;

	float: right;

}



#sidebar .tengah .subcenter .menu a {

	text-decoration: none;

	color: #fff;

	padding: .4em 1em;

	display: block;

}



#sidebar .tengah .subcenter .menu a:hover, .menu li:hover>a {

	color:#fff; float:right; 

	height:14px; width:147px; margin-right:-1px; background:url(arrow.png) 0 0 no-repeat #27375C; background-position:0px 4px; border:1px solid #6E7C9D;

}



#sidebar .tengah .subcenter .menu li {	

	border: 1px solid #6E7C9D;

}



#sidebar .tengah .subcenter .menu li:hover>ul {	

	top: 5px;

	right: 90%;

}



#sidebar .tengah .subcenter .menu>li:first-child>a, .menu li + li + li li:first-child>a {

	color: #fff;

}







#sidebar .tengah .subbotom{

	width:171px; background:url(box-bottom.gif) 0 0 no-repeat; height:8px; float:right;

	margin-right:20px; margin-bottom:10px;

}

	



#contentprimari .footer{width:884px; float:left; margin-top:-17px; background-color:#3F4C6B;

	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#fff; text-align:center; padding-bottom:20px; border-top:1px solid #0099FF;

}

#contentprimari .footer .ijo{color:#99CC00;}

#contentprimari .footerbottom{width:884px; background:url(footer-bottom.gif) 0 0 no-repeat; height:8px; float:left; margin:0px auto; margin-bottom:20px; }