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: #F90;}

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;
		border-bottom-width: 4px;
		border-bottom-style: solid;*/
	border-bottom-color: #F9EED8;
	/*font-size: 110%;*/
	color: #8C6005;
	/*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;*/
}

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


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

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

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

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

#mmenu li a:hover{
/*	display:block;*/
	background-color: #F2DBAA;
/*	padding: 10px; padding-bottom:12px; padding-top:12px;*/
	background-image: url(mmenu-s.png);
	background-repeat: repeat-x;
	background-position: right bottom;
	
}

#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 bottom;
}

#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;
	border-bottom-width: 4px;
	border-bottom-style: solid;
*/	border-bottom-color: #F9EED8;
/*	font-size: 110%;*/
	color: #EBB548;
/*	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;
*/}

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

#barsisi li{
/*	display: block;
	list-style-type: none;
*/	
	color: #F00;
	
/*	border-bottom-width: 1px;
	border-bottom-style: dotted;
*/	border-bottom-color: #F3EBDC;
	

}

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

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

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

#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: #F00;
/*	display: block;
*/	background-color: #fff;
/*	border-left-width: 2px;
	border-left-style: solid;
*/	border-left-color: #F3EBDC;
	
/*	border-bottom-width: 1px;
	border-bottom-style: dotted;
*/	border-bottom-color: #F3EBDC;
	
/*	line-height: 200%;
	padding: 0px;
	margin: 0px;
*/	
	background-image: url(bs.jpg);
	background-repeat: repeat-y;
	background-position: right bottom;
	
}
#barsisi ul li ul li a{
	color: #F60;
	
}
#barsisi ul li ul li a:hover{
	color: #F00;

	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 #FF6F01;
}
#pengumuman-hp-title{
/*
	padding: 4px 10px;
	height: 20px;*/

	border-bottom:1px solid #e4e4e4;
}

#pengumuman-hp-scroll-area{
	/*float: left;*/
/*	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:#FF9900;}

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

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



#warga-frm input{
	border: 1px solid #E0C181;
	/*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;}

*//*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 #F3D7AD;
}
#dirtable th{
/*	font-size: 80%;*/
	background-color: #F3D7AD;
/*	padding: 6px;*/
}
#dirtable tr:hover{
	background-color: #F3EBDC;
}
#dirtable td{
/*	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
*/	border-bottom-color: #F3D7AD;
}
#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;*/
	}