@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

p {
	margin-left:-10px;
}

.picLeft {
	float: left; 
	padding: 0px 10px 10px 0px;
}

.picRight {
	float: right; 
	padding: 0px 10px 0px 10px;
}

#picgal{
	width:220px; float:left; margin-bottom:20px;
}

#tempat_galeri{
	 width: 200px;
	 margin-left:20px;
	 margin-top:20px;
	 float:left;
}

input .text {
	width:210px;
}

textarea {
	width:440px;
}

/*==========HEADER==========*/
#garis_atas{width:100%; height:2px; background-color:#140E8F; position:absolute;}
#bahasa{ width:200px; float:left; position:absolute; background-image:url(../../images/bhs_v3.png); margin-left:-10px; height:26px; padding-left:45px; background-repeat:no-repeat;}
a.bhs{
	font-family:Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-weight: normal; 
	text-decoration:none; 
	font-size:9px;
}

a.bhs:hover{color: #009900;}

#header{
	width:1024px;
	height:124px;
	position:relative;
	margin:auto;

}

#logo{
	width:236px;
	height:149px;
	background-image:url(../../images/logo.png);
	float:left;
}
/*==========END OF HEADER==========*/





/*==========CONTENT==========*/

#photobox{width:auto; height:auto; margin-right:10px; margin-bottom:10px;  }

#new_1{width:233px; float:left;}
#new_2{width:186px; float:left; margin-left:15px;}
#new_3{width:300px; float:left;}

#nu1{width:234px; height:25px; background-image:url(../../images/bg_new1.png);}
#nu1_a{width:234px; background-image:url(../../images/bgwhite.png); }


#nu2{width:186px; height:25px; background-image:url(../../images/bg_new2.png);}
#nu2_a{width:186px; background-image:url(../../images/bgwhite.png);}



#base_atas_isi{ width:780px; height:25px;  background-image:url(../../images/big2.png)}

#base_bawah_isi{ width:780px; height:25px; background-image:url(../../images/big2_2.png);}

#textbox2{
	width:720px;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	text-align:justify;
	padding:10px;
	margin-left:20px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	text-align:justify;
	padding:10px;
}



#content_big{

	float:left;
	position:relative;
	margin-left:15px;
	margin-top:15px;
	
}




#content_big3{
	width:780px;
	background-image:url(../../images/bgwhite.png);
}



#pgr{ width:32px; float:left;
	  position:absolute; left:980px; top:165px;	}
	  
#pgr_atas{ background-image:url(../../images/pgr_atas.png); width:32px; height:39px;}	

#pgr_tengah{ background-image:url(../../images/pgr_tengah.png); width:32px; height:454px; background-repeat:repeat-y;}	  
	  
#pgr_bawah{ background-image:url(../../images/pgr_bawah.png); width:32px; height:31px;}	
	  
	  

#ganjel{width:50px; height:10px; position:absolute; top:720px;}

#homeimg{
	background-image:url(../../images/frontart.png);
	width:830px;
	height:320px;
	margin-left:170px;
	margin-top:2px;
	
}
#garis{
	width:830px;
	height:320px;
	margin-left:170px;
	margin-top:2px;
	
}
#welcome{ 
	background-image:url(../../images/welcome.png); 
	width:579px; 
	height:47px;
	position:absolute;
	top:20px;
	left:200px;

}
/*==========END OF CONTENT==========*/
/*==========MENU==========*/
#menuatas{
	
	width:183px;
	height:36px;
}
#menubawah{
	width:183px;
	height:36px;
	

}

#menukotak{
	margin-top:2px;
	width:183px; 
	float: left;
	border-top:#47FFFF 7px solid;
	border-bottom:#47FFFF 7px solid;
	
	
}
#menukotak2{
	margin-top:15px; margin-left:5px;
	width:183px; float: left; background-image:url(../../images/menubarus.png);
	background-repeat: no-repeat;
	
	
	
	
}
#menutengah{
	width:183px;
	height:315px;
	
}

/* <--- BUTTON -*/
#wrap_menu{
	width:189px;
	left:12px;
	top:150px;
	position:absolute;
	
}

#wrap_menu ul {
	margin-left:170px;
	width: 160px;
	padding: 5px 5px 5px 20px;
	list-style: none;
	background-image: url(../../images/menubiru.png);  
	position: absolute;
	z-index:100;
	margin-top:-25px;
	display:none;
}

li a{
	display:block;
	color:#ff8d1b;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	font-family:Arial ; 
	font-size:12px; 
	color:#FFFFFF;
}
li a:hover{
	display:block;
	text-decoration:none;
	color: #99CC00;
}
#menu{
	background-image:url(../../images/btn.png);
	background-repeat:no-repeat;
	background-position:top; 
	width:170px; 
	height:30px;
}
#menu2{
	background-image:;
	background-position:top; width:170px; height:30px;
}
#menu:hover, #menu:hover ul {display:block; color:#009900;}

#menu:hover, #menu2:hover{background-position: bottom;}

a.nav{
	display:block;
	color:#ff8d1b;
	text-decoration:none;
	margin-left:10px;
	font-family:Arial ; 
	font-size:12px; 
	color:#FFFFFF;
	padding:5px 2px 2px 2px;

}

a.nav:hover{
	display:block;
	color:#ff8d1b;
	text-decoration:none;
	margin-left:10px;
	font-family:Arial ; 
	font-size:12px; 
	color: #99CC00;
	padding:5px 2px 2px 2px;

}

a.link_footer{
	text-decoration:none;
	font-family:Arial ; 
	font-size:10px; 
	color:#FFFFFF;
}

a.link_footer:hover{
	text-decoration:none;
	font-family:Arial ; 
	font-size:10px; 
	color: #99CC00;
}

	
/* <---end of BUTTON -*/



/*==========END OF MENU==========*/




/*==========FOOTER==========*/


#ft1 {
	width:186px;
	height:25px;
	background-image:url(../../images/ft1.png);
}
#ft2 {
	width:186px;
	height:110px;
	background-repeat:repeat-y;
	background-image:url(../../images/ft2.png);
}
#ft3 {
	width:186px;
	height:29px;
	background-image: url(../../images/ft3.png);
}

#ftkotak{ width:186px; margin-top:10px; float:left;}
#ftkotak2{ width:186px; margin-top:20px; margin-left:5px; float:left; position:absolute; top:520px;}
#ftkotak2_2{ width:186px; float:left;}

#ft4{
	width:900px;
	height:164px;
	background-image:url(../../images/ft4.png);
	background-repeat:repeat-x;
}

#fotter_depan{
	width:490px;
	height:164px;
	margin-top:11px;
	position: relative ;
	float:left;
	margin-left:21px;
	background-image:url(../../images/ft4.png);
	background-repeat:repeat-x;
	
}

#peta{
	width:274px;
	height:163px;
	float:left;
	background-repeat:no-repeat;
}

#klep{
	width:58px;
	height:165px;
	background-image:url(../../images/klep.png);
	background-repeat: no-repeat;
	float:left;
	margin-top:11px;
	margin-bottom:20px;
	
	
}

#blue{ 
	width:100%;
	height:20px;
	bottom:0px;
	position:fixed;
	
	
	}
#blue2{ 
	width:237px;
	height:20px;
	background-image:url(../../images/f1_bg.png);	
	
	}	

	
#footer_baru{
	width:805px;
	height:163px;
	float:left;
	margin-left:195px;
	margin-top:5px;
	
}

#footer_baru3{
	width:25px;
	height:163px;
	float:left;
	background-image:url(../../images/foterbaru2.png);
	background-position:bottom;
	
}
#footer_baru2{
	width:505px;
	height:163px;
	float:left;
	background-image:url(../../images/bgwhite.png);
	
}

	
/*==========END OF FOOTER==========*/

/*==========TEXT==========*/
.ft1{ 
	font-family: Helvetica;
	color:#FFFFFF;
	font-size: 10px;
	text-align:right;
	font-weight:lighter;
	float:right;
	margin-right:20px;
	margin-top:2px;
	width:300px;
	background-image:url(../../images/ft1_bg.png);
	height:20px;
	text-align:center;
}

.ft2{ 
	font-family: Helvetica;
	color:#FFFFFF;
	font-size: 10px;
	text-align:right;
	font-weight:lighter;
	float:left;
	margin-left:20px;
	margin-top:2px;
	width:300px;
	background-image:url(../../images/ft1_bg.png);
	height:20px;
	text-align:center;
}


.ftr{

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:11px;
}

#foter_in{
	width:130px;
	float:left;
	margin:15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:11px;
}

.gnr{

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	margin:0px 10px 0px 10px;
	
}

.judul{ font-family: Arial Narrow ; font-weight:bold; color:#0F289B; font-size:16px;}
.judul_news{ font-family: Arial Narrow ; font-weight:bold; color:#0F289B; font-size:16px;}
a.more{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #006600;
text-decoration:none;}

/* pagination */

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	
	text-decoration: none; /* no underline */
	color: #000000;
}
div.pagination a:hover, div.pagination a:active {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #0000000;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #7eb605;
	color: #000;
}
div.pagination span.disabled {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEEEEE;
	color: #DDD;
}



a.link2{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; text-decoration:none;}
a.link2:hover{  color:#999999;}

/* <---GALLERY-*/

#lightbox{	position: absolute;	left: 0; margin-top:5px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*===============shadow=============*/
#shadow-container2 {
float:left;
position: relative;
left: 5px;
top: 5px;

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

#shadow-container2 .shadow2,
#shadow-container2 .shadow3,
#shadow-container2 .container {
position: relative;
left: -1px;
top: -1px;
}

#shadow-container2 .shadow1 {
	background: #F1F0F1;
}

#shadow-container2 .shadow2 {
	background: #DBDADB;
}

#shadow-container2 .shadow3 {
	background: #B8B6B8;
}

#shadow-container2 .container {
	background: #ffffff;
	border: 1px solid #D5D2D5;
	padding: 2px;
}

#shadow-container {
float:left;
position: relative;
left: 5px;
top: 5px;

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

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}

#shadow-container .shadow1 {
	background: #F1F0F1;
}

#shadow-container .shadow2 {
	background: #DBDADB;
}

#shadow-container .shadow3 {
	background: #B8B6B8;
}

#shadow-container .container {
	background: #ffffff;
	border: 1px solid #D5D2D5;
	padding: 2px;
}

#pic{
	float:left;
	margin: 20px 20px 5px 60px
}