@charset "utf-8";
/* CSS Document */
/*@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('../font/Jameel.eot');
}*/
/*@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('../font/Jameel-Noori-Nastaleeq.ttf') format('truetype');
}
*/body{
	background:url(../siteimages/background/bg-body.jpg) left top repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1f1f1f;
	line-height:140%;
	font-weight:normal;
}


/**** Global Elements *****/
.clr{clear:both; }
/*h1,h2,h3,h4,h5,h6,h7,h8{
	
	/*font-family:"Jameel Noori Nastaleeq";
	font-weight:bold;
	line-height:100%;
}*/
/*h1{
	font-size:25px;
	color:#860b07;
	text-align:right;
	margin-bottom:5px;
	margin-top:10px;
}
h2{
	font-weight:bold;
	font-size:16px;
	color:#1c1ca2;
	margin-bottom:10px;
	margin-top:10px;
	text-align:right;
	padding-right:30px;
}
h2 a{
	font-weight:bold;
	font-size:16px;
	color:#1c1ca2;
	margin:0;
	text-decoration:none;
}
h2 a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
p{
	text-align:right;
	/*font-family:"Jameel Noori Nastaleeq";
	font-size:22px;
	line-height:35px;
	margin-top:10px;
	padding-bottom:5px;
	padding-right:30px;
	padding-left:10px;
}
*/.pink{color:#FF00FF;}
.blue{color:#330099;}
.red{color:#CC0000;}
/*a{color:#CC0000; text-decoration:none;}
a:hover{text-decoration:underline;}*/
a{color:#000000; text-decoration:none; font-size:16px;}
a:hover{color:#FFFFFF; text-decoration:none;}

/***** project css ********/
#container{
	position:relative;
	width:780px;
	height:auto;
	margin:0 auto;
}
	#container #header{
		position:relative;
		width:780px;
		height:273px;
		margin:0;
		padding:0;
	}
	#container #topScrollText{
		position:relative;
		width:744px;
		height:35px;
		background:url(../siteimages/background/bg-scroll-text.jpg) left top repeat-x;
		margin:0;
		padding:0;
		padding-left:18px;
		padding-right:18px;
	}
		#topScrollText .topScroll-l{
			position:absolute;
			left:3px;
			top:0;
			width:14px;
			height:34px;
			background:url(../siteimages/images/top-left-arrow.jpg) left top no-repeat;
		}
		#topScrollText .topScroll-r{
			position:absolute;
			right:3px;
			top:0;
			width:14px;
			height:34px;
			background:url(../siteimages/images/top-right-arrow.jpg) right top no-repeat;
		}
		#topScrollText p{
			padding:0;
			margin:0;
			font-size:16px;
			color:#1C1CA2
		}
	#container #navigation{
		position:relative;
		width:780px;
		height:32px;
		margin:0;
		padding:0;
		background:url(../siteimages/background/bg-navigatiom.jpg) left top repeat-x;
		/*font-family:"Urdu Naskh Asiatype", Tahoma; */
		
	}
		#navigation ul#menu {
			height:30px;
			list-style:outside none;
			margin:0 auto;
			position:relative;
			width:auto;
			padding:0;
		}
		#navigation ul#menu li {
			display:inline;
			float:left;
			font-size:16px;
			font-weight:bold;
			position:relative;
			background:url(../siteimages/background/bg-topmenusap.jpg) left top no-repeat;
			height:30px;
			line-height:30px;
			text-align:center;
			vertical-align:middle;
		}
		#navigation ul#menu li.no-bg{background:none;}
		#navigation ul#menu li a {
			color:#FFFFFF;
			display:inline;
			float:left;
			line-height:30px;
			margin-left:15px;
			margin-right:15px;
			position:relative;
			text-decoration:none;
			/*font-family: "Jameel Noori Nastaleeq";*/
			font-size:16px; font-weight:bold; 
			direction:rtl ; 
			unicode-bidi: embed;
		}
		#navigation ul#menu li a:hover{
			color:#a60a0a;
		}
		#navigation .nav-t-l{
			position:absolute;
			width:4px;
			height:4px;
			top:0;
			left:0;
			background:url(../siteimages/background/nav-t-l.jpg) left top no-repeat;
			margin:0;
			padding:0;
		}
		#navigation .nav-t-r{
			position:absolute;
			width:4px;
			height:4px;
			top:0;
			right:0;
			background:url(../siteimages/background/nav-t-r.jpg) right top no-repeat;
			margin:0;
			padding:0;
		}
		#navigation .nav-b-l{
			position:absolute;
			width:4px;
			height:4px;
			bottom:0;
			left:0;
			background:url(../siteimages/background/nav-b-l.jpg) left bottom no-repeat;
			margin:0;
			padding:0;
		}
		#navigation .nav-b-r{
			position:absolute;
			width:4px;
			height:4px;
			bottom:0;
			right:0;
			background:url(../siteimages/background/nav-b-r.jpg) right bottom no-repeat;
			margin:0;
			padding:0;
		}
	#container #content{
		position:relative;
		width:760px;
		height:auto;
		/*border:1px solid #d8e4c3;*/
		background:url(../siteimages/background/bg-content.jpg) left top repeat-y;
		margin-top:5px;
		margin-bottom:10px;
		padding-top:8px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
	}
		#content .content-t{
			position:absolute;
			width:780px;
			height:5px;
			top:0;
			left:0;
			margin:0;
			padding:0;
			background:url(../siteimages/background/content-t.jpg) left top no-repeat;
		}
		#content .content-b{
			position:absolute;
			width:780px;
			height:5px;
			bottom:0;
			left:0;
			margin:0;
			padding:0;
			background:url(../siteimages/background/content-b.jpg) left bottom no-repeat;
		}
		#content .content-text{
			position:relative;
			width:574px;
			height:auto;
			background:url(../siteimages/background/bg-content-text.jpg) left top repeat-y;
			padding-top:25px;
			padding-bottom:20px;
			padding-left:10px;
			padding-right:10px;
			margin-bottom:10px;
			float:left;
			display:inline;
			direction:rtl;
			line-height:220%;
		}
		
		.content-text h1{ font-size:18px; font-weight:bold;}
			.content-text .moduleSection{
				position:relative;
				width:550px;
				height:auto;
				
			}
			
			.moduleSection .tabs{ width:550px; height:36px; }
			
			.moduleSection .tabs div.tab{position:relative; float:right; display:inline; line-height:36px; height:36px; padding-left:25px; padding-right:25px; background:url(../siteimages/background/red-C.jpg) repeat-x; color:#fff; margin-left:3px; cursor:pointer;}
			.moduleSection .tabs div.tab span.red-L
			{
				position:absolute; width:6px; height:36px;	
				background:url(../siteimages/background/red-L.jpg) no-repeat; left:0; top:0;
			}
			.moduleSection .tabs div.tab span.red-R
			{
				position:absolute; width:6px; height:36px;	
				background:url(../siteimages/background/red-R.jpg) no-repeat; right:0; top:0;
			}
			
			.moduleSection .tabs div.active{background:url(../siteimages/background/active-C.jpg) repeat-x; color:#657f3a;}
			
			.moduleSection .tabs div.active span.red-L
			{
				background:url(../siteimages/background/active-L.jpg) no-repeat; 
			}
			.moduleSection .tabs div.active span.red-R
			{
				background:url(../siteimages/background/active-R.jpg) no-repeat; 
			}
			
			
			.moduleSection .blocks{ width:520px; background:#f2f6ec; height:auto; position:relative; border:1px solid #9fb876; padding:15px; height:auto;}
				
				
				.blocks .l-t-c{background:url(../siteimages/background/l-t-c.jpg) no-repeat; left:-1px; top:-1px;
								 width:10px; height:10px; position:absolute;}
				.blocks .l-b-c{background:url(../siteimages/background/l-b-c.jpg) no-repeat; left:-1px; bottom:-3px;
								 width:13px; height:12px; position:absolute;}	
				.blocks .r-b-c{background:url(../siteimages/background/r-b-c.jpg) no-repeat; right:-4px; bottom:-3px;
								 width:13px; height:12px; position:absolute;}
				.block{width:500px; height:auto; margin:0 auto; display:none; }
				
				.block h2{margin:0 !important; padding:0 !important;}
				
				.block a:hover{color:#435427;}
				
				#rightBarFunction h2{ cursor:pointer;}
				#rightBarFunction p{ display:none}
				
				#books h1{ cursor:pointer;}
				#books .book{ display:none}
				
				/*.moduleSection .left-medule{
					position:relative;
					width:280px;
					height:auto;
					float:left;
					display:inline;
					text-align:center;
				}
				.moduleSection .sectionHead{
					position:relative;
					width:100px;
					height:36px;
					background:url(../siteimages/background/bg-section.jpg) left top repeat-x;
					margin:0 auto;
					padding-left:8px;
					padding-right:8px;
					/*font-family: "Jameel Noori Nastaleeq"; */
					/*direction:rtl ; 
					unicode-bidi: embed;
					color:#FFFFFF;
					font-size:18px;
				}
					.moduleSection .sectionHead .section-l{
						position:absolute;
						height:36px;
						width:8px;
						top:0;
						left:0;
						background:url(../siteimages/background/section-l.jpg) left top no-repeat;
					}
					.moduleSection .sectionHead .section-r{
						position:absolute;
						height:36px;
						width:8px;
						top:0;
						right:0;
						background:url(../siteimages/background/section-r.jpg) right top no-repeat;
					}
				.moduleSection .right-medule{
					position:relative;
					width:280px;
					height:auto;
					float:right;
					display:inline;
					text-align:center;
				}
				.moduleSection p{
					font-size:16px;
					margin:0;
					padding:0;
				}
				.moduleSection h2{
					text-align:center;
					padding:0;
				}
				.moduleSection p a{
					color:#000000;
					text-align:center;
					font-size:16px;
					text-decoration:none;
				}
				.moduleSection p a:hover{
					color:#FFFFFF;
					text-decoration:none;
				}
				*/
		#content .content-text .content-text-t{
			position:absolute;
			width:594px;
			height:14px;
			top:0;
			left:0;
			background:url(../siteimages/background/content-text-t.jpg) left top no-repeat;
		}
		#content .content-text .content-text-b{
			position:absolute;
			width:594px;
			height:14px;
			bottom:0;
			left:0;
			background:url(../siteimages/background/content-text-b.jpg) left bottom no-repeat;
		}
			.content-text .player  {
				margin:10px;
				position:relative;
				/*width:326px;*/
				width:440px;
				margin:0 auto;
				text-align:center; font-size:16px;
			}
			.content-text .interview  
			{
				display:inline;
				float:right;
				height:auto;
				margin:0;
				padding:0;
				position:relative;
				width:407px;
				margin-right:30px;
				margin-top:20px;
			}
		  .content-text .download{width:156px; height:57px; margin:15px;}
		#content .right-side{
			position:relative;
			width:160px;
			height:auto;
			background:url(../siteimages/background/bg-rightside.jpg) left top repeat-y;
			padding-top:45px;
			padding-bottom:17px;
			float:right;
			display:inline;
		}
		.right-side ul#rightmenu{
			height:auto;
			list-style:outside none;
			margin:0 auto;
			position:relative;
			width:auto;
			padding:0;
			padding-left:7px;
			padding-right:8px;
		}
		.right-side ul#rightmenu li{
			font-size:16px;
			font-weight:bold;
			position:relative;
			background:url(../siteimages/background/bg-rightmenu-text.jpg) left top repeat-x;
			height:28px;
			text-align:center;
			vertical-align:middle;
			margin-bottom:2px;
		}
		.right-side ul#rightmenu li a {/*font-family: "Jameel Noori Nastaleeq"; */
			line-height:28px;
			margin:0 auto;
			position:relative;
			text-decoration:none;
			direction:rtl ; 
			unicode-bidi: embed;
			color:#00009c;
			font-size:16px;
		}
		.right-side ul#rightmenu li a:hover{
			color:#FFFFFF;
		}
		#content .right-side .right-top{/*font-family:"Jameel Noori Nastaleeq";*/
			position:absolute;
			width:113px;
			height:33px;
			top:0;
			left:0;
			background:url(../siteimages/background/right-top.jpg) left top no-repeat;
			color:#FFFFFF;
			font-size:15px;
			padding-left:47px;
			padding-top:8px; font-weight:bold; text-align:left; line-height:27px
		}
		#content .right-side .right-bottom{
			position:absolute;
			width:160px;
			height:17px;
			background:url(../siteimages/background/right-bottom.jpg) left bottom no-repeat;
			bottom:0;
			left:0;
		}
		#content .copyright{
			position:relative;
			width:750px;
			height:28px;
			background:url(../siteimages/background/bg-copyrights.jpg) left top repeat-x;
			margin:0 auto;
			text-align:center;
		
		}
			.copyright p{
				/*font-family:"Jameel Noori Nastaleeq";*/
				font-size:16px;
				line-height:28px;
				color:#FFFFFF;
				margin:0;
				padding-top:0;
				padding-bottom:0;
				height:28px;
			}
	#container #footer{
		position:relative;
		width:780px;
		height:30px;
	}
		#footer p{
			position:relative;
			font-size:12px;
			color:#000000;
			text-align:center;
		}
		#footer p a{
			font-size:12px;
			color:#000000;
			text-decoration:none;
		}
		#footer p a:hover{
			text-decoration:underline;
		}