/* 
	Title:Darul Qasim
	
	
*/
body{
	font-family:Georgia, Lucida Bright, Times New Roman, "Trebuchet MS",Lucida,Helvetica,Tahoma, sans-serif;
	font-size:11px;
	text-align:center;
	color:#646464;
}
*{
	margin:0; padding:0;
}
img,fieldset{
	border:none;
}
ul{
	list-style:none;
}	
a{
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
a:hover{
	color:#9fbd3b;
	text-decoration:none;
}
.hide,a b{
     position: absolute;
     left: -9999px;
}
/*-----------------------Page Structure
*/
#wrap{
	width:956px;
	padding:0 13px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg.gif) repeat-y;
}
#header{
	width:956px; height:159px;
	background:url(../images/banner.jpg) no-repeat;
	overflow:hidden;
}
#mainBody{
	width:956px;
	overflow:hidden;
}
.left{
	width:616px;
	float:left;
	padding-left:39px;
}
.right{
	float:right;
	width:301px;
	background:url(../images/right-bg.gif) no-repeat 0 80px;
}
/*---------------------------------
			Header
----------------------------------*/
#header a{
	width:350px; height:70px;
	margin:50px 0 0 30px;
	display:block;
}
/*---------------------------------
			Left Part
----------------------------------*/
.navigation{
	width:616px; height:56px;
	padding-top:16px;
}
.navigation ul{
	width:616px;
}
.navigation li{
	display:block;
	float:left;
	position:relative;
}
.navigation a.altLi{
	width:95px;
}
.navigation li a{
	font-size:12px;
	height:42px;
	line-height:42px;
	padding:0 19px;
	display:block;
	float:left;
}
.navigation li a:hover{
	color:#fff2d8;
	text-decoration:none;
	background:url(../images/navbg.gif) repeat-x;
}
.navigation ul li ul{
	width:240px; height:auto;
	background:#342209;
	padding:15px 0 10px 0;
	margin:0;
	position:absolute;
	visibility: hidden;
	left:0;
	top:0;
}
.navigation ul li ul li{
	float:none;
}
.navigation ul li ul li a{
	padding:0 0 0 13px;
	width:227px; height:21px;
	margin-bottom:1px;
	line-height:21px;
	font-size:11px;
	font-weight:normal;
	color:#FFF2D8;	
}
.navigation ul li ul li a:hover{
	background:#FFF2D8;
	color:#342209;	
}
.navigation .subfolderstyle{
	background: url(images/arrow-list.gif) no-repeat center right;
}
/* Holly Hack for IE \*/

* html .navigation ul li { float: left; height: 1%; }
* html .navigation ul li a { height: 1%; }

/*End of submenu */

.banner{
	width:554px;
	display:block;
	background:url(../images/bodybanner_Ramadan.jpg) no-repeat;
	border:1px solid #342209;
	border-width:7px 6px;
	padding:175px 5px 5px 12px;
	margin:0 0 0 0;
}
.banner b{
	display:block;
	font-size:18px;
	color:#fff2d8;
}
.banner span{
	margin:0 0 0 0;
	color:#fff2d8;
	font-size:11px;
	display:block;
	line-height:14px;
}
.banner span a{
	color:#fff2d8;
	text-decoration:underline;
}
.banner span a:hover{
	color:#fff2d8;
	text-decoration:none;
	background:#342209;
	text-decoration:none;
}
.contentArea{
	padding-right:34px;
}
* html .contentArea{
	padding-right:25px;
} 
.contentArea h2{
	font-size:22px;
	color:#583d19;
	font-weight:bold;
	padding:28px 0 19px 0;
}

.contentArea h3{
	font-size:18px;
	color:#583d19;
	font-weight:normal;
	padding:28px 0 19px 0;
}

.contentArea p{
	font-size:12px;
	color:#583d19;
	line-height:20px;
	padding-bottom:21px;
}

.contentArea ol{
	font-size:16px;
	color:#583d19;
	line-height:20px;
	padding-bottom:21px;
}

.contentArea a{
	color:#583d19;
	font-size:12px;
	text-decoration:underline;
}
.contentArea a:hover{
	color:#FFFFCC;
	text-decoration:none;
	background:#342209;
}

.contentArea i
{
	color:#583d19;	
}

.contentArea tr
{
	font-size:12px;
	color:#583d19;
	line-height:15px;
	padding-bottom:10px;	
}
/*---------------------------------
			Right Part
----------------------------------*/
.searchBox{
	width:237px; height:25px;
	background:url(../images/search-bg.jpg) no-repeat;
	margin:10px 0 8px 5px;
	padding:5px 0 8px 5px;
}
.searchBox dd{
	padding:12px 0 0 5px;
	display:block;
	overflow:hidden;
}
.searchBox label{
	width:60px;
	display:block;
	float:left;
	color:#342209;
	font-size:14px;
	line-height:23px;
}
* html .searchBox label{
	width:57px;
}
.searchBox input{
	width:165px; height:17px;
	padding:0px 0 0 3px;
	font-size:12px;
}
.box{
	width:237px;
	margin-left:30px;
	border-bottom:1px solid #583D19;
}
.box dt{
	padding:22px 0 15px 0;
	display:block;
	font-size:15px;
	color:#583D19;
}
.box dd{
	display:block;
	padding-top:8px;
	padding-bottom:10px;
}


.GeneralLink a 
{
	color:#583D19;
	text-decoration:none;	
	font-size:10px;
    line-height:normal;
}

.GeneralLink a:hover 
{
	color:#FFF2D8;
	background:#342209;
	text-decoration:none;
	font-size:10px;
	line-height:normal;
}
	
.box a{
	color:#583D19;
	font-size:12px;
	text-decoration:none;
	line-height:18px;
}
.box a:hover{
	color:#FFF2D8;
	background:#342209;
	text-decoration:none;
}
.box p{
	font-size:12px;
	color:#583D19;
}
.altbox{
	border-bottom:none;
	padding-bottom:40px;
}
.altbox dt{
	padding:19px 0 10px 0;
}
.altbox input{
	width:156px; height:16px;
	padding:2px 0 0 6px;
	color:#CCC;
	font-size:11px;
}
.altbox input.btnSubmit{
	width:103px; height:31px;
	padding:0;
}
/*---------------------------------
			Footer
----------------------------------*/
#footer{
	width:956px; height:294px;
	background:url(../images/footer-bg.jpg) no-repeat left top;
	color:#FFF2D8;
	font-size:15px;
}
.leftPart{
	width:390px;
	float:left;
	padding:60px 0 0 35px;
}
.leftPart span,.rightPart span{
	font-size:12px;
	padding-bottom:20px;
	display:block;
}
.leftPart p,.rightPart p{
	padding-bottom:15px;
}
/*.leftPart a{
	float:left;
}*/
.leftPart a,.rightPart a{
	font-size:12px;
	color:#FFF2D8;
	text-decoration:none;
}
.leftPart a:hover,.rightPart a:hover{
	background:#FFF2D8;
	color:#342209;
	text-decoration:none;
}
.rightPart{
	width:528px;
	float:right;
	padding-top:60px;
}
.rightPart small{
	font-size:11px;
	padding-top:10px;
	width:512px;
}
.rightPart small img{
	margin-top:3px;
	padding-right:12px;
}
/*********************************
*********************************/
.photoGallery{
	width:589px;	height:200px;
	background:url(../images/gallery-left.jpg) no-repeat left top;
	margin:20px 0 4px 0;
	overflow:hidden;
}
.innerGall{
	width:589px;	height:200px;
	background:url(../images/gallery-right.jpg) no-repeat right top;
}
.photoGallery p{
	padding:10px 0;
	line-height:17px;
}
.photoGallery i{
	font-size:13px;
	font-style:normal;
	line-height:17px;
}
.photoGallery a{
	color:#583d19;
	font-size:12px;
	text-decoration:underline;
}
.photoGallery .prev,.photoGallery .next{
	display:block;
	width:22px; height:25px;
	float:left;
	cursor:pointer;
}
.photoGallery .prev{
	background:url(../images/arrow-left.jpg) no-repeat left;
	margin:90px 10px 0 10px;
	display:inline;
}
.photoGallery .next{
 	background:url(../images/arrow-right.jpg) no-repeat;
	margin:90px 0 0 10px;
}
.photoGallery .prev:hover{
	background: url(../images/left-arrow-hover.gif) no-repeat;
}
.photoGallery .next:hover{
	background:url(../images/right-arrow-hover.gif) no-repeat;
}
.scrollable {
	width:500px;	height:180px;
	padding-top:20px;
	float:left;
	position:relative;
	overflow:hidden;
}
.scrollable .items {	
	width:20000em;	
	position:absolute;
}
.scrollable .items div {
	float:left;
	width:150px;
	margin:0 17px 0 5px;
	display:inline;
}
.scrollable .items div span{
	width:150px; height:108px;
	background:url(../images/image-bg.jpg) no-repeat;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
* html .scrollable .items div span{
	display:block;
}
*+ html .scrollable .items div span{
	display:block;
}
.scrollable .items div span * {
	vertical-align:middle;
}