/* CSS Document */

body.mainbody{
	margin:0px;
	padding:0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#EFEDD8;
	}

#mainContainer{
width:1003px;
border: 0px  solid #0033FF;
text-align:left
}

#headerPane{
height:112px;
}

.logo{
float:left;
	}
.topnav{
float:right;
margin-top:20px;
text-align:right;
	}
.topnav ul{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	}
.topnav ul li{
	list-style:none;
	display:inline;
	color:#252626;
	font-size:11px;
	padding:0 3px 0 3px;

}
.topnav ul li a:link, .topnav ul li a:visited{
	font-family:Tahoma;
	color:#252626;
	text-decoration:none;
}
.topnav ul li a:hover{
	color:#6F7A10;
}
.topnav_active{
	color:#6F7A10!important;
}


.banner{
padding: 0px;
margin: 0px;
height: 250px;
}

#bodyPane{
	background-color:#fff;
	width:1003px;
	background-image:url(images/shaderpt.jpg);
	background-position:left;
	background-repeat:repeat-y;
	border:0px solid #FF3300;
	float:left;


	}

.leftPane{
	width:238px;
	float:left;
	background-image:url(images/leftbg.jpg);
	background-repeat:repeat-x;
	background-color:#FEFDFB;
border-top:3px solid #E2E0C5;
	}

.shade_left	{
	width:238px;
	float:left;
	background-image:url(images/menu_shade.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding:0 0 21px 0;
	_padding-bottom:20px;
	}

.menu{
	margin:0px;
	padding:0px;
	margin-bottom:18px;
	float:left;
}

.menu li{
	list-style:none;
	position:relative;
	border:0px solid #666666;
	float:left;
	width:238px;
	z-index: 10;
}

.menu li a:link, .menu li a:visited{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	color:#000;
	display:block;
	padding:7px 0 7px 34px;
	background-image:url(images/bullet_lftmenu.gif);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:1px dashed #D8D7C5;

}

.menu li a:hover{
	/*color:#FFFFFF;
	background-color:#5D8B35;
	background-image:url(images/bullet_lftmenu_hover.gif);*/
}

.menu_active{
	color:#FFFFFF!important;
	background-color:#5D8B35;
	background-image:url(images/bullet_lftmenu_hover.gif)!important;
}
.menu li ul {
	display:none;
	/*border:4px solid #fff;*/
	margin-left:0px!important;
	padding:0px;
	/*border-top-color:#D5D5D2;
	border-left-color:#D5D5D2;
	border-right-color:#84837F;
	border-bottom-color:#84837F;	*/



	}
.menu li:hover > ul{
	/*display:block !important;*/
	position:absolute;
	left:238px;
	top:0px;
	background-image:url(images/submenu_bottom.jpg) !important;
	background-position:bottom;
	padding:0 0 11px 0;
	width:187px;
	}
	
.menu  li ul li{
	background-color:#7C9B62;
	width:187px;

	}

.menu li ul li a:link, .menu li ul li a:visited{
	padding:7px 0 7px 24px;
	background-image:url(images/submenu_bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:1px solid #88A771;
	background-image: url(images/border-bottom.gif);
	background-position:bottom left;
	color:#fff;
	font-weight:normal;

}

.menu li ul li a:hover{
	background-color:#4C7628;

}

.cal{
	width:205px;
	margin-top:10px;

	}
.calbg{
	background-image:url(images/cal_bgrpt.jpg);
	border:0px solid #000066;
	float:left;
	width:187px;
	height:165px;
	padding:12px 0 0 0;
	}
.float_left{
	float:left;

	}
.float_rite{
	float:right;

	}

#ContentPane{
	float:left;


	}
.content_top{
	background-image:url(images/contenttop_bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	border:0px solid #009999;
	padding:22px 0 14px 0;
	float:left;
	width:765px;
	}

#welcomePane{
	width:520px;
	float:left;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:15px;
        height:250px;
	}

#welcomePane h1{
	margin:0px;
	padding:0px;
	color:#4C7033;
	font-size:16px;
	background-color:#E2E0C5;
	padding:14px 0 14px 25px;

	}
#welcomePane div.welcome_content{
	margin-left:25px;
	line-height:19px;
	margin-top:20px;

	}
.prayer{
	background-image:url(images/prayer_bg.gif);
	background-repeat:no-repeat;
	width:216px;
	height:160px;
	float:left;
	padding:70px 0 0 0;
	}
.prayer table{
		font-family:Arial, Helvetica, sans-serif;
}
.prayer table th{
	color:#7C7C64;
	font-size:13px;
	padding:2px 0 2px 5px;
	border:none !important;

}

.prayer table td{
	color:#000;
	font-size:11px;
	padding:2px 2px 2px 5px;

}
.prayer table td span{
	color:#000;
	font-size:11px;
}

.bgwhite{
	background-color:#FFFFFF;
	}

.content_bottom{
	background-image:url(images/contentbottom_bg.jpg);
	background-repeat:repeat-x;
	background-color:#ECF2C4;
	height:275px;
	border:0px solid #009999;
	clear:both;
	padding:12px 0 0px 14px;
	width:752px;
margin-top:10px;
	}

.announcements_box{
	width:509px;
	float:left;
	background-color:#F8F9F2;
        font-family:Arial;
	}
.announcements_content{
	background-color:#F8F9F2;
	border:0px solid #006666;
	border-left:1px solid #DEE1CC;
	border-right:1px solid #DEE1CC;
	padding:0 15px 0 20px;	
	height:210px;
	}
.announcements_content h3{
	margin:0px;
	padding:16px 0 10px 0px;
	color:#7C7C64;
	font-size:14px;
}

.announcements_content span{
	font-size:10pt;
	padding:6px 0 0 0;
}

.announcements_content p{
	margin:0px;
	padding:5px 0 5px 0px;
	line-height:20px;
}

.hadees_quraan_section{
	width:217px;

	}

.hadees{
	width:217px;
	margin-left:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	margin-bottom:9px;

	}
.hadees_header{
	background-image:url(images/quraan_hadess_headbg.jpg);
	height:29px;
	padding:10px 0 0 45px;

}
.hadees_content{
	background-color:#fff;
	padding:0 8px 0 10px;
	line-height:16px;
	height:80px;
	margin:0px;
	}

.hadees_content strong {
	color:#7C7C64;
	}

.readmore:link, .readmore:visited{
	color:#B66A0C;
	font-weight:bold;
	text-decoration:none;
	background-image:url(images/readmore_bullet.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 12px 0 0;
	}

.readmore_announcement:link, .readmore_announcement:visited{
	color:#B66A0C;
	font-weight:bold;
	text-decoration:none;
	background-image:url(images/readmore_bullet.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 12px 0 0;
        font-size:10pt;
	}

.readmore:hover{
	color:#794504;
	}


/* Internal page */

#InternalPane{
	width:520px;
	float:left;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:15px;

	}

#InternalPane h1{
	margin:0px;
	padding:0px;
	color:#4C7033;
	font-size:16px;
	background-color:#E2E0C5;
	padding:14px 0 14px 25px;

	}
#InternalPane div{
	margin-left:5px;
	line-height:20px;
	margin-top:10px;

	}



.staff_box{
	margin-bottom:16px;
	margin-left:0px!important;
	padding:0 0 0 0px;

	}
.staff_box img{
	border:0px solid #000033;

	}
.staff_box div{
	background-color:#EFEDD4;
	text-align:center;
	padding:7px 0 7px 0;
	font-size:14px;
	width:162px;
	margin-top:8px!important;
	margin-left:0px!important;
	}
.staff_box div span{
	font-weight:bold;

	}
.margin140px_rite{
margin-right:140px
	}

.clearboth{
	clear:both;
	}


#InternalPane2{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0px solid #00FFCC;



	}

#InternalPane2 h1{
	margin:0px;
	padding:0px;
	color:#4C7033;
	font-size:16px;
	background-color:#E2E0C5;
	padding:14px 0 14px 25px;

	}
	/*
#InternalPane2 div{
	margin-left:15px;
	line-height:20px;
	margin-top:20px;

	}
	*/
#Internal_contentbox{
	margin:20px 23px 0 0px;
	background-image:url(images/internal_contentbg.jpg);
        width:727px;
	}

#Internal_contentbox p{
	margin:0px;
	padding:4px 0 5px 0px;
}

.internal_content{

	padding:0 22px 18px 22px!important;
	border:0px solid #00FF33;
	}

.internal_content li{
margin-left:5px;
        padding-bottom:5px;
list-style-image: url(images/content_bullet.gif);
	list-style-type: none;
	}


.internal_content h1{
	margin:0px;
	padding:0px;
	background-color:#F8F9F2!important;
	padding:0px 0 10px 22px!important;
	color:#7C7C64;
	font-size:16px;
	background-image:url(images/bullet_heading.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:1px solid #C1C1BD;

	}

.internal_content h2{
	margin:0px;
	padding:0px;
	padding:5px 0 9px 0px!important;
	color:#7C7C64;
	font-size:16px;
}

.internal_content .content{
	border:1px solid #EDEAD4;
	margin-top:10px;
}

.caption{
	/*
	background-image:url(images/captionbg.jpg);
	background-repeat:no-repeat;
	padding:7px 0 7px 10px;*/
	border:0px solid #00FF99;
	height:30px;
	background-color:#EDEAD4;
}

.caption b {
	border:0px solid #00FF33;
	float:left;
	font-size:14px;
	background-color:#D9D5B4;
	padding:7px 6px 7px 6px;
	border-right:1px solid #FFFFFF;
	}

.caption span {
	font-size:14px;
	float:left;
	background-color:#EDEAD4;
	padding:7px 0 7px 6px;

	}
.desc_box{
	font-size:12px;
	padding:10px;
	line-height:18px;
	}
.desc_box ul{
	margin:0px;
	padding:0px;
	margin:4px 0 4px 16px;

	}
.desc_box li{
	/*list-style:none; */
	}

.padding_left_rite{
	padding:0 16px 0 16px;
	text-align:justify;
	}



#footer{
background-image:url(images/footerbg.jpg);
clear:both;
height:102px;
}

.footerPane{
	width:990px;
	border:0px solid #993300;
	color:#838383;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

.footerPane a:link, .footerPane a:visited{
	color:#838383;
	text-decoration:none;

	}
.footerPane a:hover{
	text-decoration:underline;

	}

.footer_links{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:10px 0 30px 0;
	}
.footer_links a:link, .footer_links a:visited{
	color:#fff;
	text-decoration:none;
	margin:0 4px 0 4px;
	}

	.Content_SubHeading a,
	.Content_SubHeading a:link,
	.Content_SubHeading a:hover,
	.Content_SubHeading a:visited
	{
		color: #51713F;
	}

	.links_content div{
		padding:0 !important;
		margin:0 !important;
	}
	a.siteLink:link,
	a.siteLink:hover,
	a.siteLink:visited,
	a.style35:link,
	a.style35:hover,
	a.style35:visited{
		color: #51713F;
	}

	.style10U
	{
		color:#7C7C64;
		font-size:14px;
		font-weight:bold;
	}

	.style13{
		color:black;
		font-size:12px;
		font-weight:bold;
	}

	.theader {
	background-color: #D9D5B4;
}
table.tableOne p{
	margin:0;
	padding:0;
}
table.tableOne tr{
	background-color:#F6F4E7;
}

.bannerd{
	padding-left: 23px;
        padding-bottom: 10px;
}

.arrowdistance
{
	height:32px;
}
.arrowdistance2
{
	height:159px;
}


div#wn1	{
	position:relative;
	width:175px; height:60px;
	overflow:hidden;
	}
div#wn2	{
	position:relative;
	width:175px; height:60px;
	overflow:hidden;
	}
div#wn3 {
	height:170px;
	overflow:hidden;
	position:relative;
	width:450px;
line-height:20px;
}


.visit_form{
	font-size:11px;
	text-align:left;
	background-image:url(images/visit_frm_bg.jpg);
	width:205px;
	height:320px;
	padding:51px 0 0 14px;
	vertical-align:top;
	float:left;
	}

.visit_form label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5D8B35;
	clear:both;
	}

.visit_form input{
	border:1px solid #A3BD8C;
	width:182px;
	padding:2px;
	margin-bottom:4px;

	}
.visit_form textarea{
	border:1px solid #A3BD8C;
	width:186px;
	height:108px;
	}

.visit_form span input{
	border:none;
	width:auto;
	}



.button{
	border:none;
	border:none;
	background-image:url(images/button_bg.jpg);
	width:64px!important;
	height:26px;
	color:#fff;
	cursor:pointer;
	}

.Content_SubHeading
{
text-align:left;
font-size:12pt;
}

.infoBox
{
    background-color: #eff7e7;
    border: #acc993 solid 1px;
    height:25px;
    padding-top:4px;
    text-align:center;
}

.infoBox a
{
    color: #51713F;
}

/*--------------mods---------------------*/

.menu li.collapsed{
	padding: 0;	
}

#InternalPane div.admin .left{
	margin: 0;	
}

#InternalPane div.admin .right{
	margin-top: 0;	
}

.admin-list a{
	margin-left: 40px;	
}

.admin-panel .admin-list a{
	margin-left: 0;	
}

#InternalPane .admin-panel div.body{
	margin-left: 0;	
}

.menu li:hover ul li ul {
	left: 187px;
	width: 187px;
}