body {
/*	margin: 0px;
	padding: 0px;
*/	background-image: url(latar-laman.jpg);
	background-repeat: repeat-x;
	background-position: left top;
/*	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 95%;
*/	background-color:#F5F5F5;
}

a{color: #004CBF;}

a:visited{color: #999;}

a:hover{color: #F00;}






/*.clr{clear:both;}*/

#wrapper{
/*	width:932px; 
	margin:auto;
*/	background-image: url(latar.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}

#atas{
/*	height: 29px;*/
	background-image: url(latar-tetapan.jpg);
	background-repeat: no-repeat;
	color: #FFF;
/*	font-size: 90%;
	line-height: 30px;
*/}
#tarikh{
/*	float: left;*/
}
#tetapan{
/*	float: right;*/
}

#tetapan img{
	/*border:none;*/
	}


#lang ul, #lang li, #lang li a{
/*	display: inline;
	margin: 0;
	padding: 0;
	background-color:none;
*/}
/*
#tetapan a {color:#fff;}

#tetapan a:hover {color:#000;}

.fonty{width:20px; height:20px;}
*/
#masthead{
/*	height:133px;*/
	background-image: url(masthead.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#kandungan{
	background-image: url(latar-kandungan.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}

#kandungan h2{
/*	display: block;
	font-size: 110%;
*/	color: #003380;
/*	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
*/	border-bottom: 4px solid #BFD9FF;
}

#colkandungan{
	/*padding-top:40px;*/
	}

#mmenu{
/*	height: 40px;
	margin-left: 235px;
	margin-right: 8px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
*/	border-bottom: 4px solid #BFD9FF;
}

#mmenu ul{
/*	margin: 0px;
	padding: 0px;
*/	
}

#mmenu li{
/*	list-style-type: none;
	float: left;
*/	
}

#mmenu li a{
/*	display:block;
	padding: 10px; padding-bottom:10px; padding-top:12px;
	text-decoration: none;
*/	color: #0066FF;
}

#mmenu li a:hover{
/*	display:block;

	padding: 10px; padding-bottom:10px; padding-top:12px;
	*/
	background-image: url(mmenu-s.png);
	background-repeat: repeat-x;
	background-position: right bottom;
	color:cyan;
	
}

#mmenu li.currentpage, 
#mmenu li.activeparent
{
/*	display: block;
	padding: 10px;
	padding-bottom: 12px;
	padding-top: 12px;
*/	
	background-image: url(mmenu-s.png);
	background-repeat: repeat-x;
	background-position: center center;
	color:#fff;
}

#banner{
/*	margin-top: 20px;
	margin-bottom: 20px;
	height: 80px;
	width: 650px;
*/	background-color: #FAF1DF;
}

#banner img{
	/*border:none;*/
	}

#barsisi{
/*	width: 220px;
	float: left;
	padding-left: 17px;
	padding-top: 40px;
	font-size: 95%;
*/}

#barsisi h2{
/*	display: block;
	font-size: 110%;
*/	color: #003380;
/*	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
*/	border-bottom: 4px solid #BFD9FF;
}

#barsisi ul{
/*	margin: 0px;
	padding: 0px;*/
}

#barsisi li{
/*	display: block;
	list-style-type: none;
	
*/	color: #004CBF;
	border-bottom: 1px dotted #BFD9FF;
}

#barsisi li a{
	color: #004CBF;
/*	text-decoration: none;
	display: block;
	padding-left: 10px;
	
	padding-top:5px;
	padding-bottom:5px;
*/	
}

#barsisi li a:hover{
	background-color: #7FB2FF;
/*	display: block;
	padding-left: 10px;
*/}

#barsisi li.currentpage{
    
    background-color: #BFD9FF;
/*	
	padding-top:5px;
	padding-bottom:5px;
*/	border-bottom: 2px solid #BFD9FF;
}

#barsisi li.activeparent{
/*
    padding-top:5px;
	padding-bottom:5px;
*/
}



#barsisi ul li ul{
/*	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
*/}
#barsisi ul li ul li{
	color: #004CBF;
/*	display: block;*/
	background-color: #fff;
	/*
		line-height: 200%;
		padding: 0px;
		margin: 0px;
		*/
	background-image: url(bs.jpg);
	background-repeat: repeat-y;
	background-position: right bottom;
	border-bottom: 1px dotted #E8E8E8;
	border-left: 2px solid #E8E8E8;
}
#barsisi ul li ul li a{
	color: #004CBF;
	
}
#barsisi ul li ul li a:hover{
	color: #0066FF;

	background-repeat: no-repeat;
	background-position: center bottom;
}

#barsisi  ul li ul li.currentpage{

	
/*	padding-left: 0px;*/
}



#colkandungan{
/*	float: left;
	width: 650px;
	padding-left: 15px;
	text-align: justify;
	padding-right: 30px;
*/}

/*
.homepageberita h3{font-family:"Century Gotchic", "Verdana"; font-size:95%;}
.homepageberita{color:#333; width:300px; float:left; margin-right:15px;}
*/

#bottom{
	background-image: url(latar-bawah.jpg);
	background-repeat: repeat-x;
}

#bot-top{
	background-image: url(bot-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
/*	margin-left: 8px;
	margin-right: 8px;
	padding: 20px;
*/}

/*#pautan{margin-bottom:20px;}*/
#pautan h2{
/*	font-family:"Century Gothic"; 
	display:block; font-size:90%; 
	text-align:center;*/
	background-image: url(latar-h2.jpg);
	background-repeat: no-repeat; background-position: center bottom; 
	/*padding-bottom:4px;*/
	}
/*#pautan img{border:none;}
#pautan ul{margin:0px; padding:0px;}
#pautan li{list-style:none; display:block; float:left; margin-right:16px; margin-top:10px; width:200px; height:80px;}
*/
#pautan li.internalink{
/*    list-style:none; 
    display:block; 
    float:left; 
    margin-right:16px; 
    margin-top:10px; 
    width:200px; 
    height:40px;
    line-height:40px;
    text-align:center;
*/    background-image: url(internalink.jpg);
	background-repeat: no-repeat;
}

/*#solat{padding-top:10px;}*/
#solat h2{
/*	font-family:"Century Gothic"; 
	display:block; font-size:90%; 
*/	text-align:center;background-image: url(latar-h2.jpg);
	background-repeat: no-repeat; background-position: center bottom; 
	/*padding-bottom:4px;*/
	}

#kaki{
	background-image: url(latar-kaki.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
/*	height: 212px;
	margin: auto;
	width: 912px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
*/}



#focuslist ul{
/*	margin: 0px;
	padding: 0px;
*/}

#focuslist li{
/*	float: left;
	display: block;
	width: 250px;
	margin-left: 30px;
*/}

#linkfokusmkn{}

#linkfokusmkn ul{
/*    margin:0px;
    padding:0px;
*/}

#linkfokusmkn li{
/*	float: left;
	display: block;
	width: 200px;
	margin-left: 0px;
*/}

#pengumuman-hp{
	background-image: url(latar-pengumuman.jpg);
	background-repeat: no-repeat;
/*	padding: 2px;
    margin-top:40px;
	margin-bottom:40px;
*/	border: 1px dotted #408CFF;
}
#pengumuman-hp-title{

/*	padding: 4px 10px;
	height: 20px;
*/
	border-bottom:1px solid #e4e4e4;
}

#pengumuman-hp-scroll-area{

/*	padding: 10px;
	height: 20px;
*/	background-color:#FAFAFA;

}

.empat-col{
/*	float: left;
	width: 218px;
	margin-left: 1px;
	padding: 5px;
*/}

.empat-col-input{
/*	padding: 4px;*/
}

#solat{
/*	padding-right: 25px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
*/}

#linklogo{
/*	padding-right: 25px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
*/}

#linklogo ul{
/*	margin: 0px;
	padding: 0px;
	text-align: center;
*/}
#linklogo li{
/*	display: block;
	padding: 4px;
	list-style-type: none;
	float: left;
*/}
/*
#linklogo li a{}
#linklogo li a:hover{}
#linklogo span{
	display: block;
	margin: 0px;
	padding: 0px;
}

#linklogo img{
	border:none;
}

*/#kaki{
	background-image: url(latar-kaki.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#notakaki{
/*	margin: auto;
	height: 206px;
	width: 956px;
*/	background-image: url(latar-notakaki.png);
	background-position: center bottom;
	text-align: center;
/*	padding-top: 10px;*/
}

.bot-separator{
	background-image: url(bot-separator.jpg);
	background-repeat: no-repeat;
/*	height: 6px;*/
}

/*============================================ TYPO =================*/



#pengumuman-hp-scroll-area a{color: #004CBF;}

#pengumuman-hp-scroll-area a:hover{color: #0066FF;}

#pengumuman-hp-scroll-area a:visited{color: #BFD9FF;}



#warga-frm input{
	border: 1px solid #E8E8E8;
/*	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
*/}

fieldset{
	/*padding:10px;border:none;*/
	}


/*poll styling*/
.pollvoteform{
/*padding:20px;
line-height:1.2em;
*/}

.polloptions{
/*padding: 2px;
padding-bottom:10px;
*/}

.polloption{
/*padding: 2px;*/
}

.polllabel{
/*padding: 10px 0px 10px 0px;*/
}

.pollinput{
/*padding: 10px 0px 10px 0px;*/
}

.votegrey{
	/*font-size:80%; color:#999;*/
	}

/*
#vote,{margin-top:4px;}

#peek{margin-top:15px;}

.pollresults{padding-top:4px; margin-bottom:20px;}
.resultlabel{padding:4px; margin-bottom:20px;}
.resultvotes{padding:4px; margin-bottom:20px;}
*/

/*column for warga homepage*/
.whp-single{
/*
	padding: 4px;

	margin: 4px;
        width:97%;
*/}
.whp-dual{
/*	margin: 4px;
	padding: 4px;
	float: left;
	width: 47%;
	text-align:left;
  */
}

/*styling quote*/
/*.quote{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:6px; padding-bottom:6px;}*/




/*styling for contact form*/
/*
.contactform-name, .contactform-email, .contactform-subject, .contactform-message{padding:10px;}
.contactform-name label,
.contactform-email label,
.contactform-subject label,
.contactform-message label{

display:block;width:120px; float:left; text-align:right; padding-right:10px;
}
*/



/*.contactform-message textarea{ width:400px; padding:6px;}
.contactform .submit, .maklumbalas .submit {margin-left:150px;}
*/


/*
.maklumbalas label {
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
*/

/*DIRECTORY*/
/*.dir table th{background-color:#ccc;}
.dir table td{border-bottom:1px solid #e8e8e8;}
.dir table tr:hover{background-color:#F4F4F4;}
*//*styling table for directory*/
/*#dirtable{
	text-align: left;
	font-family:"Verdana";
	font-size:90%;
}
*/
#dirtable table{
	border: 1px solid #BFD9FF;
}
#dirtable th{
/*	font-size: 80%;*/
	background-color: #BFD9FF;
/*	padding: 6px;*/
}
#dirtable tr:hover{
	background-color: #F2F7FF;
}
#dirtable td{
/*	padding: 4px;*/
	border-bottom: 1px solid #BFD9FF;
}
#dirtable .nama {
/*	width: 300px;*/
}
/*#dirtable .terus {
	width: 70px;
	text-align: center;
*/}
#dirtable .fax {
/*	width: 70px;
	text-align: center;
*/}
#dirtable .emel {
/*	width: 200px;
	text-align: center;
*/}
#dirtable .sambungan {
/*	width: 50px;
	text-align: center;
*/}


/*styling warga pengumuman summary*/
.NewsSummary{border-bottom:1px solid #F3EBDC; margin-bottom:10px; padding-bottom:10px;}

/*no border for album thumbnail*/
/*.picturelist img{border:none;}*/