/* ----------
author : butod studio nov 2007
website : www.butod.com
------------------------- */
* {
   padding:0;
   margin:0;
}
html,body  {
   width:100%;
   height:100%;
   
  
 
}
h1{
  font-family:Times New Roman;
  font-size:18px;
  color:#2499dc;
  border-bottom:1px dotted;
}
#bodypage{
   width:100%;
    height:1946px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#bodypage1a{
   width:100%;
    height:1500px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#bodypage1ab{
   width:100%;
    height:1600px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#bodypage1b{
   width:100%;
    height:1700px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#bodypage1bc{
   width:100%;
   height:3600px;
   _height:200px;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#bodykedua{
   width:100%;
    height:945px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#saiztable{
   width:450px;
   height:500px;
}
#bodyked{
   width:100%;
    height:1100px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#bodykeduadua{
   width:100%;
    height:1100px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#bodyketiga{
   width:100%;
    height:1100px;
   _height:100%;
  
   background: url('../images/bg.jpg') repeat-x;
   
}
#page {
   width:754px;
   height:1946px;
   _height:1200px;
   border-left:1px solid;
   border-right:1px solid;
   border-bottom:1px solid;
   background-color:#ffffff;
   margin-left:120px;
   margin-right:120px;
   margin-top:0px;

}
#pagetext {
   width:754px;
   height:945px;
   _height:500px;

   border-left:1px solid;
   border-right:1px solid;
   border-bottom:1px solid;
   background-color:#ffffff;
   margin-left:120px;
   margin-right:100px;
   margin-top:0px;

}
#pagetext1 {
   width:754px;
   height:1100px;
   _height:500px;

   border-left:1px solid;
   border-right:1px solid;
   border-bottom:1px solid;
   background-color:#ffffff;
   margin-left:120px;
   margin-right:100px;
   margin-top:0px;

}
#pagetext1a {
   width:754px;
   height:1500px;
   _height:500px;

   border-left:1px solid;
   border-right:1px solid;
   border-bottom:1px solid;
   background-color:#ffffff;
   margin-left:120px;
   margin-right:100px;
   margin-top:0px;

}
#pagetext1ab {
   width:754px;
   height:1600px;
   _height:500px;

   border-left:1px solid;
   border-right:1px solid;
   border-bottom:1px solid;
   background-color:#ffffff;
   margin-left:120px;
   margin-right:100px;
   margin-top:0px;

}
#pagetext1b {
   width:754px;
   height:2900px;
   _height:500px;

   border-left:1px solid;
   border-right:1px solid;
   border-bottom:1px solid;
   background-color:#ffffff;
   margin-left:120px;
   margin-right:100px;
   margin-top:0px;

}
#pagetext1bc {
   width:754px;
   height:4200px;
   _height:1800px;

   border-left:1px solid;
   border-right:1px solid;
   border-bottom:1px solid;
   background-color:#ffffff;
   margin-left:120px;
   margin-right:100px;
   margin-top:0px;

}
#textperutusan{
   width:720px;
   _width:754px;
   height:600px;
   _height:350px;
   font-family:verdana;
   font-size:11px;
   padding:15px;
   text-align:justify;
}
#textmajlis{
   width:720px;
   _width:754px;
   height:300px;

   _height:200px;
   
   font-family:verdana;
   font-size:11px;
   padding:15px;
   text-align:justify;
}
#textmajlis ul {
   list-style:none;


}
#textmajlis li{
   background-color:transparent;
   width:700px;
   height:18px;
   padding-top:20px;
   
  



}
#textmajlis a{
   text-decoration:none;
   color:#054f79;
   border-bottom:1px dotted;
}
#textmajlis a:hover{
   color:#23952b;
   border-bottom:1px dotted;
}
#textmajlisa{
   width:720px;
   _width:754px;
   height:500px;

   _height:200px;
   
   font-family:verdana;
   font-size:11px;
   padding:15px;
   text-align:justify;
}
#textdir{
   width:720px;
   _width:754px;
   height:390px;

   _height:200px;
   
   font-family:verdana;
   font-size:11px;
   padding:15px;
   text-align:justify;
}
#table{
   background-color:#ffffff;
   font-family:verdana;
   font-size:11px;
 
  
  
}
#table td{
   background-color:#00cc66;
   padding:5px;
  
}
img {
    border:none;
}
#linkbanner{
   width:230px;
   height:150px;
   margin-left:530px;
   _margin-left:513px;
   margin-top:-180px;
   padding:8px;
}
#kwsnmenarik{
   width:723px;
   _width:754px;
   height:380px;
   _height:350px;
   margin-top:20px;
   padding:15px;
   font-family:verdana;
   font-size:11px;
   background: url('../images/infosbg.jpg') no-repeat;   
   
}
#eperkhidmatanlink{
    width:725px;
   _width:750px;
   height:150px;
   border-bottom:1px dotted;  
   margin-top:20px;
   padding:15px;
   font-family:verdana;
   font-size:11px;
}
#intranet{
   width:200px;
   _width:220px;
   height:253px;
  
   margin-top:5px;
   margin-left:15px;
   padding:5px;
   font-family:verdana;
   font-size:11px;
   border-color:#194b88;
}
#intranet ul{
   list-style:none;
}
#intranet li{
   width:180px;
   _width:210px;
   height:16px;
   background-color:transparent;
   border-bottom:1px dotted;
}
#intranet a{
   text-decoration:none;
   color:#3a5279;
   font-family:verdana;
   font-size:11px;
   background-image: url(../images/bullet.gif);
	 background-repeat: no-repeat;
	 background-position: 0 50%;
	 padding-left:15px;
}
#intranet a:hover{
   color:#c62400;
}
#ekhidmat{
  width:720px;
  height:100px;
  padding-top:5px;
  font-family:verdana;
  font-size:11px;
}
#ekhidmat ul{
   list-style:none;
}
#ekhidmat li{
   width:715px;
   height:16px;
   background-color:transparent;
   border-bottom:1px dotted;
   background-image: url(../images/bulletoren.gif);
	 background-repeat: no-repeat;
	 background-position: 0 50%;
	 padding-left:15px;
}
#ekhidmat a{
   text-decoration:none;
   color:#3a5279;
   font-family:verdana;
   font-size:11px;
}
#ekhidmat a:hover{
   color:#c62400;
}
#downloadform{
  width:360px;
  height:290px;
  _height:210px;
  margin-top:-258px;
  _margin-top:-248px;
  margin-left:200px;
  _margin-left:350px;
  float:right;
  
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  font-family:verdana;
  font-size:11px;
}
#downloadform  a{
  height:15px;
  text-decoration:none;
  color:#3a5279;
  background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left:20px;
}
#downloadform a:hover{
  color:#c62400;
}
#downloadform ul{
   list-style:none;
}
#downloadform li{
   width:350px;
   height:16px;
   background-color:transparent;
   border-bottom:1px dotted;
}
#dongongon{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;

}
#ikanbabagon{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;
   margin-top:20px;

}
#tugudpm{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;
   margin-left:250px;
   margin-top:-190px;
   _margin-top:-190px;

}
#babagon{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;
   margin-left:250px;
   margin-top:-190px;
   _margin-top:-190px;

}
#tamudong{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;
   margin-left:500px;
   margin-top:-190px;
   _margin-top:-190px;

}
#tinukadan{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;
   margin-left:500px;
   margin-top:-190px;
   _margin-top:-190px;

}
#buhavan{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;

}
#stmichael{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;
   margin-left:250px;
   margin-top:-190px;
   _margin-top:-190px;

}
#tuavon{
   width:200px;
   height:190px;
   font-family:verdana;
   font-size:11px;
   text-align:center;
   margin-left:500px;
   margin-top:-190px;
   _margin-top:-190px;
   

}
#bahasa{
   width:290px;
   height:20px;
  
   float:right;
   margin-top:3px;
   margin-right:5px;
   font-family:verdana;
   font-size:11px;
}
#bahasa a{
   text-decoration:none;
   color:#df0023;
}
#bahasa a:hover{
   border-bottom:1px dotted;
}
#kwsnlain{
   width:150px;
   height:28px;
   float:right;
   font-family:verdana;
   font-size:11px;
   margin-right:25px;
   _margin-right:5px;
   margin-top:110px;
   _margin-top:20px;
   color:#2499dc;
}
#kwsnlain a{
   text-decoration:none;
   color:#943113;
}
#kwsnlain a:hover{
   color:#1d2a63;
   border-bottom:1px dotted;
}
#header {
   width:754px;
   height:159px;
   background: url('../images/header.jpg') no-repeat;   
}
#menu {
   width:754px;
   height:28px;
   _height:25px;
   background-color:#0c8ed8;
   padding-top:5px;
}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
  width:9em;
  	_width: 11em;
  height: 2em;
	background-color:#0c8ed8;
	padding-left:2px;
	padding-right:9px;
	padding-bottom:5px;


}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top:3em;
	_top: 2em;
  left: 0;

	
	



}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;





}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	
		
}

#nav {
  font-family:verdana;
  color:#ffffff;
  font-size:11px;

}
#nav a{
  text-decoration:none;
  color:#ffffff;

}
#nav a:hover{
  color:#022539;
  border-bottom:1px dotted;

}
#divbg {
  width:754px;
  height:64px;
  background: url('../images/divbg.jpg') repeat-x;   
  font-family:verdana;
  font-size:11px;
  color:#830609;
  padding-top:10px;
}
#flashimg{
  width:448px;
  height:254px;
  border:4px solid;
  border-color:#0c8ed8;
  
  margin-left:7px;
  margin-top:15px

}
#eservis{
  width:742px;
  height:263px;
  background: url('../images/eservisbg.jpg') no-repeat;  
  margin-left:6px;
  margin-top:-10px;
  border-bottom:1px dotted;
  
}
#footer {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:40px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer1bc {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:3495px;
  _margin-top:150px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footerkedua {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:350px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer2 {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:240px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer1 {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:240px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer11 {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:1240px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer3 {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:395px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer3a {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:795px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer3ab {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:895px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer3b {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:2195px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer4 {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:240px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footer5 {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:305px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
#footerketiga {
  width:734px;
  _width:754px;
  height:80px;
  _height:60px;
  background-color:#0d8bd3;
  margin-top:-60px;
  _margin-top:180px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}
.footertxt{
  width:700px;
  height:90px;
  font-family:verdana;
  font-size:11px;
  text-align:center;
  
}
.footertxt a{
  text-decoration:none;
  color:#ffffff;
}
.footertxt a:hover{
  color:#ffffff;
  border-bottom:1px dotted;
}
#kotakmaklumat{
  
  width:490px;
  height:350px;
  margin-top:8px;
  margin-left:7px;
  font-family:verdana;
  font-size:11px;
  padding:10px;
  text-align:justify;
  background: url('../images/maklumatbg.jpg') no-repeat;  
  
}
#kotakmaklumat a{
  text-decoration:none;
  color:#0c8ed8;
}
#kotakmaklumat a:hover{
  color:#cfb837;
  border-bottom:1px dotted;
}
#kotakbancian{
  width:200px;
  height:160px;
  float:right;
  margin-right:15px;
  margin-top:-350px;
  padding:5px;
}
#kotakmaklumat ul{
  list-style:none;
  
}
#kotakmaklumat li{
  background-color:transparent;
  width:440px;
  height:25px;
  _height:16px;
}
#kotakinfo{
  width:290px;
  height:280px;
  border:1px solid;
  margin-left:7px;
  margin-top:7px;
}
#kotakalamat{
  width:275px;
  height:260px;
  float:right;
  margin-top:-260px;
  margin-right:3px;
  padding:3px;
  font-family:verdana;
  font-size:11px;
  background: url('../images/alamatbg.jpg') no-repeat;  
  
  
  
}
#kotakalamat ul{
 list-style:none;
 
}
#kotakalamat li{
 background-color:transparent;
 font-family:verdana;
 font-size:11px;
 width:22em;
 

 height:19px;
 _height:1em;




}
/*---------- LIGHTBOX ----------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}