/* CSS Document */

 body 
 {
 	margin: 20px 0 0 0;
	padding: 0;
	direction:rtl;
	background: #e3e8d2 url(Images/BGbody.jpg) repeat-x top;
 }
 
 #Container{
 	width:786px;
	padding: 0 0 0 0;
   margin:0 auto;
   min-height:100%;
	/*background-color:#FFFFFF;*/
 	background-image:url(Images/Bg-Container.gif);
 }

 /*Start Header*/
  
 #Header{
  	width:786px;
	height:166px;
	padding:0;
    margin:0 0 0 0;
	display: block;
	background: url(Images/BgHeader.jpg) no-repeat bottom;
 }

 
 .Hdlinks {
	display: block;
	position: relative;
	top: -18px;
	right: 5px;
	width: 190px;
/*	height: 14px;
	min-height: 14px;*/
	font: .7em/1.5 Tahoma;
 }

 .Hdlinks img{
	border: 0;
 }

 .Hdlinks a{
	color: #556B2F;
	text-decoration: none;
 }
 /*End Header*/
 
 /*Start of menu*/
 
 #nav{
 	position:relative;
	top:124px;
	right:22px;
	padding: 0px;
	margin: 0;
	width:514px;
	height:19px;
 }
 
 #nav ul{ 
 	padding: 0;
	margin: 0;
 }
 
 #nav ul li{
 	padding: 0;
	margin: 0;
	float: right;
 	display:inline;
 }

 .navHome{
 	padding: 0;
	margin: 0;
	width:64px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/main.gif)  no-repeat;
	text-decoration:none;
 }
 
 A.navHome:hover{
	padding: 0;
	margin: 0;
	width:64px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/main.gif) right -19px no-repeat;
	text-decoration:none;
 }
 
 .navAbout{
	padding: 0;
	margin: 0;
	width:80px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/about_sh.gif) no-repeat;
	text-decoration:none;
 }

 A.navAbout:hover{
	padding: 0;
	margin: 0;
	width:80px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/about_sh.gif) right -19px no-repeat;
	text-decoration:none;
 }

 .navArtical{
	padding: 0;
	margin: 0;
	width:80px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/articals.gif) no-repeat;
	text-decoration:none;
 }

 A.navArtical:hover{
	padding: 0;
	margin: 0;
	width:80px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/articals.gif) right -19px no-repeat;
	text-decoration:none;
 }

 .navFtawa{
	padding: 0;
	margin: 0;
	width:70px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/Fatwa.gif) no-repeat;
	text-decoration:none;
 }

 A.navFtawa:hover{
	padding: 0;
	margin: 0;
	width:70px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/Fatwa.gif) right -19px no-repeat;
	text-decoration:none;
 }

 .navBooks{
	padding: 0;
	margin: 0;
	width:110px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background:url(Images/Books.gif) no-repeat;
	text-decoration:none;
 }

 A.navBooks:hover{
	padding: 0;
	margin: 0;
	width:110px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background:url(Images/Books.gif) right -19px no-repeat;
	text-decoration:none;
 }

 .navMedia{
	padding: 0;
	margin: 0;
	width:110px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/media.gif) no-repeat;
	text-decoration:none;
 }

 A.navMedia:hover{
	padding: 0;
	margin: 0;
	width:110px;
	height:19px;
	text-indent: -2000px;
	overflow:hidden;
	display:block;
	background: url(Images/media.gif) right -19px no-repeat;
	text-decoration:none;
 }

 /*End of Menu*/
  
 #Content{
 	width:767px;
	height:100%;
 	padding: 0;
	margin: 25px 10px 0 0;
 }
 
 
 /*Start of Upper Area*/

 #Upper{
 	width:748px;
	height:250px;
	min-height: 250px !important;
	/*display: block;*/
	/*background:url(Images/Vertical-Line.jpg) no-repeat 34% 30%;*/
	padding: 0 ; 
	margin: 0 auto;
 }
 
 html>body #Upper{	
 	overflow:hidden;
	height: auto;
 }


 #CurrentNews, .ArticlesContainer{
	width:445px;
	float:right;
	margin: 0 ;
	padding:0 13px 0 0;
 }
 
.CommonBlocks {
	width:430px;
	/*background: Blue;*/
}
 /******************* News Items ******************/
 .newstitle, .ArticleContent, .FatwaAnswer 
  {
  	width:445px;
	display:block;
	padding: 10px 0 0 10px;
	margin:0 0 15px 0;
	background-image:url(Images/corner.jpg);
	background-position:top left;
	background-repeat:no-repeat;

  }	
html>body .ArticleContent, .FatwaAnswer{
	height: auto;
	overflow: hidden;
}
 .newstitle img, .ArticleContent img {
 	border:1px solid #9b7932 ;
	margin:0 5px 0 0;
	padding: 0;
	float:left;
 }

 .newstitle h1, .ArticleContent h1{
 	font: bold 15px/1.3 "Times New Roman", Times, serif; 
	color:#217223;
	padding: 0;
	margin: 0;
	
}
  .newstitle h1 a, .ArticleContent h1 a{
  color:#217223;
  text-decoration:none;
}
  
 .newstitle h1 a:hover {
 	text-decoration:underline;
 }
  
 .newstitle p, .ArticleContent p, .FatwaAnswer p {
 	font: 12px/1.7 Tahoma;
	text-align:justify;
	padding:0;
	margin:0;
 }
.ArticleContent ul li {
	font: 12px/1.7 Tahoma;
}
 .ArticleContent h2, .LastAdded h2, .TopHitted h2 , .FatwaAnswer h2 {
	font: bold 15px/1.3 "Times New Roman", Times, serif; 
	color:#217223;
 }

 .Date{
 	position:relative;
	display:block;
 	color: #C0C0C0;
	font: 9px/1.7 Tahoma;
	float:left;
	margin:0;
	padding:0;
	height:16px;
}

.ArticleTools{
	position:relative;
	top:20px;
	right:51px;
	float:left;
	margin:0 0 5px 0;
	/*padding:0;
	height:16px;*/
	padding:16px 0 0 0;
	overflow:hidden;
	height:0px !important;
	direction:ltr;
	display: block;
	
}
 
 .FriendMail{
 	padding:16px 0 0 0;
	background-image:url(Images/mail.jpg);
	background-repeat:no-repeat;
}
 
 .Print {
  	padding:16px 0 0 0;
	background-image:url(Images/print.jpg);
	background-repeat:no-repeat;
 }

 .Navigate {
	/*background: #E5D6A8;
	border-top: 1px solid #D5B66E;*/
	padding: 3px 0;
	margin: 0;
	font: bold 1em/1.2 Arial, Helvetica, sans-serif;
 }

.Navigate a{
	color: #556B2F;
	text-decoration: none;
}
.Seperator {
	width: 16px;
	background: url(images/ar1.gif) no-repeat center;
	height: 16px;
}
.Seperator i{
	visibility:hidden;

}

.LastAdded ol {
	padding: 0;
	margin: 0;

}

.LastAdded ol li, .TopHitted ol li,.LibraryItemSummary{
	font: .7em/1.5 Tahoma;
	text-align:justify;
	list-style-type:none;
	padding: 0;
	margin: 0 0 15px 0;
	display: block;
	padding: 5px 0;
	height: 100%;
	border-bottom: 1px dashed #DDEDCC;


}
html>body .LastAdded ol li {
	height: auto;
	overflow: hidden;
}
.LastAdded ol li:hover {
	background: #F7FFF0;
}
.LastAdded ol li a{
	font: bold 1.3em/1.4 Arial, Helvetica, sans-serif;
	display: block;
	/*width: 350px;*/
	color: #556B2F;
	text-decoration:none;
	

}
.LastAdded ol li span {
	display: block;
	float: left;
	color: #556B2F;
}
.LibraryItemLinks {
	width: 95px;
	display: block;
	float: left;
	
}
.Player {
	margin: 5px 0 10px 0;
	text-align: center;
}
.LastAdded ol li span{
	
	
	
}
.LastAdded ol li span a img,.LibraryItemTools a img {
	border: 0;
	margin: 0 5px;
}

.LastAdded ol li a:hover, .TopHitted ol li a:hover{
	
}

 
 #mid0{
	background:url(Images/Vertical_Lower.jpg) no-repeat top;
	width:5px;
	height:229px;
	float:right;
	margin:50px 11px; 
	padding: 0; 
 }
 
 html>body #mid0{
 	margin:50px 17px;
} 
 
 #UpperLeft{
 	float:left;
	/*display:block;*/
	width:250px;
	margin:0;
	padding:0 0 5px 0;
	height: 200px;
	min-height: 200px;
	background: #ddedcc url(Images/lftup.gif) no-repeat top;
 }
 
  html>body #UpperLeft{	
 	overflow:hidden;
	height: auto;
 }
 
#UpperLeft ol{
 	list-style: none;
	padding: 5px 10px;
	margin: 0;
	font: .76em/1.5 Tahoma;
 }
#UpperLeft ol li{
	/*padding: 0 7px 0 0;*/
	margin: 5px 0 0 0;
	padding: 0;
	/*background: url(Images/arrow_right.gif) no-repeat 10px right;*/
	list-style-image: url(Images/arrow_right.gif);
	list-style-position: inside;
	display: block;
	text-align: justify;
}
/*
html>body #UpperLeft ol li a{
	background: url(Images/arrow_right.gif) no-repeat 10px right;
}
*/
#UpperLeft h2{
/*	background: #AACC85;*/
	border-bottom: 1px solid #E7F2D9;
	margin: 10px 0 0 0;
	padding: 3px 7px;
	font: bold 15px/1.3 "Times New Roman", Times, serif;
	color: #27420F;
	background: url(Images/h2bg.jpg) repeat-x;
}
#UpperLeft ol li a{
	margin: 0 7px 0 0;
	color: #496118;
	text-decoration: none;
	padding-left: 7px;
 }
#UpperLeft ol li:hover{
	/*text-decoration: underline;*/
	background: #CCE4B6;
}

 .seperator {
	height: 24px;
	min-height: 24px;
	width: 232px;
	color: inherit;
/*	background-color: transparent;*/
	background: url(Images/seperator.jpg) no-repeat top;
}
 .leftblock {
	display: block;
/*	background: Olive;*/
	/*margin: 5px 15px;*/
	margin: 0;
	padding: 20px 15px 10px 15px;
/*	background: url(Images/seperator.jpg) no-repeat bottom;*/
	border-bottom: 1px groove #F0FFF0;
 }
.leftblock p {
	font: .76em/1.5 Tahoma;
	padding: 0;
	margin: 0;
	}
.leftblock h2{
	font: bold 15px "Times New Roman", Times, serif;
	text-align: center;
	margin: 10px 0;
	padding: 10px 0 0 0;
	color: #2F4F4F;
 }
 .Paging{
	
 	padding:0;
	margin: 35px 0 0 0;
	font: .7em/1.5 Tahoma;
	color: #003500;
	float: left;
 }

 /*End of Upper Area*/
 
 /*Start of Lower Area*/

 #LowerContainer{
	width:765px;
	height: 318px;
	min-height:318px !important;
	padding:0;
	margin: 0 auto;
	background:url(Images/BgLower.jpg) no-repeat top;
 }
 
 html>body #LowerContainer{
 	height:auto;
	overflow:hidden;
 }
 
#LatestNews{
 	float:right;
  	width:330px;
	padding: 0;
	margin:0;
	text-align:justify;
 }
 
 #LatestNews h2{
 	color:#417406;
	font-size:1.1em;
/*	padding:20px 50px 0 0;*/
	margin: 12px 35px 0 0;
	height: 32px;
	min-height: 32px;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-indent: -2000px;
	overflow: hidden;
	background: url(Images/newItems.gif) no-repeat right;
 }


 
 #LatestNews ol{
 	list-style:none;
	padding:17px 30px 0 0;
	margin: 0;
 }

#LatestNews ol li
{
	padding:0;
	margin: 0 0 15px 0;
	display: block;
	clear: both;
 }
 



 html>body #LatestNews ol li a{
	padding: 0 0 15px 0;
}

 #LatestNews ol li a{
 	text-decoration:none;
	color:#1365b1;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	float: right;
	width: 220px;
 }
 
 #LatestNews ol li a:hover {
 	text-decoration:underline;
 }
  
 #LatestNews ol li span{
 	float:left;
	display:inline;
	margin: 0;
	padding: 0;	 
	border: 0;
	width: 40px;
	
}
 #LatestNews ol li span a{
 	float: left;
	height: 21px;
	max-height: 21px;
	display: block;
	width: 19px;
	overflow: hidden;
 	text-indent: -2000px;
 }
 
.play_icon {
 	background: url(Images/play.gif) no-repeat;
	float: right;
}
 
.Save_icon {
 	background: url(Images/save_icon.jpg) no-repeat;

	
 }

  
 /*#LatestNews ol li href .play_icon img {
	border:0;
	padding-left:20px;
 }*/
 
 /*end of Right Lower Area*/
 
#mid{
	background:url(Images/Vertical_Lower.jpg) no-repeat top;
	width:5px;
	height:229px;
	float:right;
	margin:45px 15px; 
	padding: 0; 
 }
 
 /*Start Question And Answer Area*/
 
 #Fatawa{
	width:395px;
  	float:left;
	text-align:justify;
	padding: 0;
	margin: 0;	
 }
 
 #Fatawa h2{
	color:#417406;
	font-size:1.2em;
	/*padding: 20px 35px 0 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;*/
	margin: 12px 0 0 0;
	height: 32px;
	min-height: 32px;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-indent: -2000px;
	overflow: hidden;
	background: url(Images/latestFatawa.gif) no-repeat right;
 }

 #Fatawa ol{
 	list-style:none;
	text-decoration:none;
	padding: 15px 0 0 30px;
	margin: 0;	
 }
 
 #Fatawa ol li a{
 	list-style-type:none;
	font-size:1.3em;
	font-weight:bold;
	color:#663300;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding: 0;
	margin: 0;
 }

 #Fatawa ol li{
	color:#a75906;
	font-family:tahoma;
	font-size:12px;
	padding: 0;
	margin: 0 0 15px 0;
 }
 
  #Fatawa ol li:hover {
  	background: #F4F4F4;
  }

  
 .FatwaQustion {
	background: #F7FFF0;
	margin: 0 0 20px 0;
	padding: 15px 5px;
	color: #1E3839;
	border-bottom: 1px dashed #F1F0FF;
 }  

 .SectionHead {
	display: block;
	width: 430px;
	height: 100px;
	min-height: 100px;
	padding: 5px;
	margin: 0 auto;
	background: url(Images/secHeader.jpg) no-repeat top;	
 }


 /*End of Lower Area*/

 /*Start of Footer Area*/

 #Footer{
 	height: 64px;
	width: 786px;
	clear:both;
	background-image:url(Images/BgFooter.jpg);
	background-repeat:no-repeat;
	padding: 1px 0 0 0;
	margin: 0;
 }
 #Footer a{
	color: #556B2F;
	text-decoration: none;
 }
 #Footer a:hover{
	text-decoration: underline;
	}
 #Footer p{
 	width:786px;
 	text-align:center;
 	padding:0 0 0 0;
  	margin-top:35px;
	font: .7em/1.4 tahoma;
	
 }
 
 /*End of Footer*/
 
 /***** ***********/
.CategoriesList {
/* 	background: Silver;*/
	height: auto;
}
html>body .CategoriesList{
	overflow: hidden;
	height: auto;
}
.CategoriesList h2{
 	width: 127px;
	height: 29px;
	display: block;
	max-height: 29px;
	background: url(Images/cats.jpg) no-repeat top;
	overflow: hidden;
	text-indent: -2000px;
 }
.CategoriesList ol{
 	margin: 0;
	list-style: none;
	padding: 0;
 }
.CategoriesList ol li{
	display: block;
	height: 47px;
	min-height: 47px;
	/*background: Teal;*/
	width: 180px;
	float: right;
	
	margin: 0 0 10px 40px;
	font: .7em/1.5 Tahoma;
}

.CategoriesList ol li a{
 	display: block;
	color: #556B2F;
	font: bold 1.3em/1.4 Arial, Helvetica, sans-serif;
	text-decoration: none;
 }
.CategoriesList ol li img{
	border: 0;
	float:right;
	margin: 0 0 0 10px;
}

.FatwaForm td,.FatwaForm input{
	font: .8em/1.5 Tahoma;
}

.CatResult {
	display: block;
	width: 100%;
	padding: 2px;
	background: #DCE5BE;
}