body 
{
	margin: 0;
	padding: 0;
	
	font-family: "Times New Roman", Times, serif,bold;
	background:#040404 url(Images/bg4.jpg) repeat-y;
	
	
}
a:link {
	color: #b71f1f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #b71f1f;
}
a:hover {
	text-decoration: none;
	color: #666;
}
a:active {
	text-decoration: none;
	color: #333;
}
.alert { 
  opacity: 0.0;
  border:2px black;
  padding:5px;
  background:#eee;
  font-family: arial, verdana;
  font-weight: bold; }
#linksofpage a
{
	color: #b71f1f;
	text-decoration: none;
	font-size: 1.2em;
}
#linksofpage a:hover
{
	color: #666;
	text-decoration: none;
	font-size: 1.2em;
}
h2 	
{ 
	color: #999;
	margin-bottom: 0; 
	margin-left:13px;
	height:40px;
}

h2 span
{
	display: none;
}

p	
{ 
	
	margin-top: .3em;
	font-size: 1.2em;
	padding-left:15px;
	font:bold Arial, sans-serif;
}
#maincontent{
	background:#333;
	height:1560px;
	width:1011px;
	margin-left:125px;
	border-left:#000 solid;
	border-right:#000 solid;
}

#navigation-block {
	position:relative;
	top:200px;
	left:200px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: 1.0em;
	margin: 0px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 0px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(Images/heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 url(Images/tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #b71f1f; }
#SearchBox 
{
MARGIN: 45px auto 0px;
}
#date
{
MARGIN: 0px auto 0px;
}
#mydiv
{
	z-index: 2; 
	position:absolute; 
	left:995px;
	top: 190px;
	width: 180px;  
}
#youtubediv
{
	z-index: 1;
	position:absolute;
	left:155px;
	top: 516px;
	width: 400px;
	height:330px;
	color: white;
	padding-top:5px;
	padding-right:5px;
}
#worddiv
{
	z-index: 1;
	position:absolute;
	left:550px;
	top: 518px;
	width: 360px;
	height:323px;
	padding-right:15px;
	color:#000;
	background:url(Images/barground2.jpg) no-repeat right top;
	overflow:hidden;
	}
#worddiv h3{
	color: #ffffff; 
	margin-top: .3em;
	font-size: 1.2em;
}
#worddiv p{
	font-size: 1.0em;
	color:#000;
}
#Newsdiv
{
	z-index: 1;
	position:absolute;
	left:240px;
	top: 210px; 
	width: 690px;
	height:318px; 

}
#showpictures{
	
    z-index: 1;
	position:absolute;
	
	left:130px;
	top: 260px; 
	width: 800px;
	height:auto;
	border: #b71f1f 1px solid;
}
#picturefolder{
	z-index: 1;
	position:absolute;
	padding-right:10px;
	left:130px;
	top: 260px; 
	width: 790px;
	height:auto;
}
#advdiv1{
	z-index: 1;
	position:absolute;
	left:540px;
	top: 870px;
	width: 380px;
	height:120px;
	border: #b71f1f 1px solid;

}
#advdiv2{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 870px;
	width: 380px;
	height:120px;
	color: white;;
	border: #b71f1f 1px solid;
	
}
#advdiv3{
	z-index: 1;
	position:absolute;
	left:142px;
	top: 225px;
	height: 275px;
	width :170px;
	color: white;
	border: #b71f1f 1px solid;
	
}
#articaldiv{
	height: 700px;
	width :730px;
	overflow:scroll;
	overflow-x:hidden;
	padding-right:10px;
}
#flashdiv{
	z-index: 1;
	position:absolute;
	left:190px;
	top: 1010px;
	width: 750px;
	height:150px;
}
#opindiv
{
	z-index: 1;
	position:absolute;
	left:550px;
	top: 1150px;
	width: 360px;
	height:190px;
	padding-right:15px;
	background:url(Images/barground.jpg) no-repeat right top;
}
#opindiv a{
	color:#666;
}
#opindiv a:hover{
	color:#b71f1f;
}
#opindiv h2{
	color:#b71f1f;
	font-size:13px;
}
#opindiv p{
	color:#ffffff;
	font-size:19px;
}
#lastNdiv
{
	z-index: 1;
	position:absolute;
	left:550px;
	top: 1350px;
	width: 360px;
	height:190px;
	padding-right:15px;
	background:url(Images/barground.jpg) no-repeat right top;
}
#lastNdiv p{
	color:#ffffff;
	font-size:19px;
}
#lastNdiv span{
	color:#b71f1f;
	font-size:18px;
}
#lastNdiv a{
	color:#666;
}
#lastNdiv a:hover{
	color:#b71f1f;
}

#WNdiv
{
	z-index: 1;
	position:absolute;
	left:150px;
	top: 1150px;
	width: 360px;
	height:190px;
	padding-right:15px;
	background:url(Images/barground.jpg) no-repeat right top;
}
#WNdiv a{
	color:#666;
}
#WNdiv a:hover{
	color:#b71f1f;
}
#WNdiv p{
	color:#ffffff;
	font-size:19px;
}
#lastWdiv
{
	z-index: 1;
	position:absolute;
	left:150px;
	top: 1350px;
	width: 360px;
	height:190px;
	padding-right:15px;
	background:url(Images/barground.jpg) no-repeat right top;
}
#lastWdiv a{
	color:#666;
}
#lastWdiv a:hover{
	color:#b71f1f;
}
#lastWdiv h2{
	color:#b71f1f;
	font-size:13px;
}
#lastWdiv p{
	color:#ffffff;
	font-size:19px;
}
#mendie{
	z-index:1;
	position:absolute;
	left:935px;
	top: 970px;
	width: 200px;
	height:140px;
	font-size:13px;
}

#maillistdiv
{
	z-index:1;
	position:absolute;
	left:920px;
	top: 1110px;
	width: 200px;
	height:180px;
	padding-right:15px;
	padding-top:28px;
	background:url(Images/contactBG.jpg) no-repeat right top;
	
}
#maillistdiv * { font-family: Verdana; font-size: 96%;float:right; color:#333 }
#maillistdiv label { width: 10em;  }
#maillistdiv label.error {  color: red;  vertical-align: top; }
#maillistdiv p { clear: both; }
#maillistdiv em{font-size: 66%; color:#999}
#alfatawadiv
{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 260px; 
	width: 800px;
	height:950px;
	background:url(Images/fatawabackground.jpg) no-repeat right top;
}
#lecturediv
{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 250px; 
	width: 800px;
	height:1000px;
	background:url(Images/lecturebg.gif) no-repeat right top;
}
#lecturediv p{
	color:#666; 
	margin-top: .5em;
	font-size: 1.0em;
	padding-left:15px;
	font:bold Arial, sans-serif;
	
}
#lecturediv h4{
	color:#999; 
	margin-top: .5em;
	font-size: 0.8em;
	padding-right:580px;
	font:bold Arial, sans-serif;
}
#lecturediv h5{
	color:#b71f1f; 
	font-size: 1.1em;
	font:bold Arial, sans-serif;
}
#lecturediv h1{
	color:#b71f1f; 
	font-size: 1.0em;
	font:bold Arial, sans-serif;
}
#lessondiv
{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 250px; 
	width: 800px;
	height:1000px;
	background:url(Images/lessonbg.gif) no-repeat right top;
}
#lessondiv p{
	color:#666; 
	margin-top: .5em;
	font-size: 1.0em;
	padding-left:15px;
	font:bold Arial, sans-serif;
	
}
#lessondiv h4{
	color:#999; 
	margin-top: .5em;
	font-size: 0.8em;
	padding-right:580px;
	font:bold Arial, sans-serif;
}
#lessondiv h5{
	color:#b71f1f; 
	font-size: 1.1em;
	font:bold Arial, sans-serif;
}
#lessondiv h1{
	color:#b71f1f; 
	font-size: 1.0em;
	font:bold Arial, sans-serif;
}

#insidelecture{
	padding-top:120px;
	width: 750px;
	height:auto;
	padding-right:25px;
}
#alfatawadiv p{
	color:#666; 
	margin-top: .5em;
	font-size: 1.0em;
	padding-left:15px;
	font:bold Arial, sans-serif;
	
}
#bookdiv
{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 260px; 
	width: 800px;
	height:950px;
	background:url(Images/bookbackground.gif) no-repeat right top;
}
#bookdiv p{
	color:#666; 
	margin-top: .5em;
	font-size: 1.0em;
	padding-left:15px;
	font:bold Arial, sans-serif;
	
}
#bookdiv h5{
	color:#b71f1f; 
	font-size: 1.1em;
	font:bold Arial, sans-serif;
}
#bookdiv h4{
	color:#999; 
	margin-top: .5em;
	font-size: 0.8em;
	
	font:bold Arial, sans-serif;
}
#alfatawadiv2{
	color:#999; 
	font-size: 0.7em;
	font:bold Arial, sans-serif;
}
#alfatawadiv h4{
	color:#999; 
	margin-top: .5em;
	font-size: 0.8em;
	padding-right:580px;
	font:bold Arial, sans-serif;
}
#alfatawadiv h5{
	color:#b71f1f; 
	font-size: 1.1em;
	font:bold Arial, sans-serif;
}
#alfatawadiv h1{
	color:#b71f1f; 
	font-size: 1.0em;
	font:bold Arial, sans-serif;
}
#iconsofdownload{
	padding-top:5px;
	margin-right:260px;
	height:auto;
	width:auto;
	
	
}

#studydiv
{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 260px; 
	width: 800px;
	height:950px;
	background:url(Images/studybackground.jpg) no-repeat right top;
}
#studydiv p{
	color:#666; 
	margin-top: .5em;
	font-size: 1.0em;
	padding-left:15px;
	font:bold Arial, sans-serif;
	
}
#BrokenLink{
	color:#999; 
	margin-top: .8em;
	font-size: 0.8em;
	float:right;
	font:bold Arial, sans-serif;
}
#insidefatwa{
	width: 750px;
	height:930px;
	padding-right:25px;
}
#visitorscomments{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 260px; 
	width: 800px;
	height:auto;
}
#visitorscommentss{
	z-index: 1;
	position:absolute;
	left:130px;
	top: 260px; 
	width: 800px;
	height:auto;
}

#visitorscommentss ul li { display: inline; }

#visitorscomment{
	top:1220px;
	position:absolute;
	z-index: 1;
	left:150px;
	width: 750px;
	height:auto;	
}

#addcomment{
	margin-top:20px;
	position:relative;
	padding-top:40px;
	padding-right:10px;
	z-index: 1;
	width: 410px;
	height:460px;
	background:url(Images/addComment.jpg) no-repeat right top;
	clear:both;
	
}
#addcomment * { font-family: Verdana; font-size: 96%;float:right; color:#333; }
#addcomment label { width: 6em; }
#addcomment label.error {  color: red;  vertical-align: top;  width:15em}
#addcomment p { clear: both; }
#addcomment .submit { margin-right: 12em;  }
#addcomment em { font-weight: bold; padding-right: 1em; vertical-align: top; }
#addcomment h2 {color:#999;font-size:10px;clear: both;}
#desgin
{
	z-index: 1;
	position:absolute;
	left:150px;
	top: 1540px;
	width: 900px;
	height:10px;
	text-align:left;
	font: 12px Arial, sans-serif;
	color:#333;
}
#desgin2
{
	z-index: 1;
	position:absolute;
	left:150px;
	top: 2300px;
	width: 900px;
	height:10px;
	text-align:left;
	font: 12px Arial, sans-serif;
	color:#333;
}

#loopadv{
	z-index:1;
	color:#b71f1f;
	position:absolute;
	left:945px;
	top: 1290px;
	width: 180px;
	height:200px;
	padding-top:9px;
	background:url(Images/loopbg.jpg) no-repeat right top;
}
#loopadv a{
	color:#666;
}
#loopadv a:hover{
	color:#b71f1f;
}
#sitevisitors{
	z-index:1;
	position:absolute;
	left:936px;
	top: 1490px;
	width: 180px;
	height:70px;
	padding-right:5px;
	padding-top:8px;
		
	
}
#sitevisitors p{
	color:#666;
	font-size:13px;
}
#sitevisitors2{
	z-index:1;
	position:absolute;
	left:936px;
	top: 2250px;
	width: 180px;
	height:70px;
	padding-right:5px;
	padding-top:8px;
		
	
}
#sitevisitors2 p{
	color:#666;
	font-size:13px;
}
#slideshowNew * { margin: 0; padding: 0; }
#slideshowNew { background: url('Images/Newsimage/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 603px; height: 306px; }
#slideshowNew #menu, #slideshowNew #pictures, #slideshowNew #loading { position: absolute; }
#slideshowNew #loading { background: url('Images/Newsimage/spinner.gif'); display: block; top: 118px; left: 210px; width: 100px; height: 100px; visibility: hidden; z-index: 5; }
#slideshowNew #pictures { background: url('Images/Newsimage/bg.jpg'); width: 437px; height: 277px; left: 0; overflow: hidden; }
#slideshowNew #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshowNew #pictures li img { display: block; position: relative; bottom: 0; }
#slideshowNew #menu { background: url('Images/Newsimage/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshowNew #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshowNew #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 10px 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshowNew #menu li a:focus { outline: 0; }
#slideshowNew #menu li a:hover { color: #fff; }
#slideshowNew #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 10px 5px 28px; line-height: 18px; }
#slideshowNew #menu li.background { background: url('Images/Newsimage/arrow.gif') no-repeat right center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
#accordion {
	margin:20px 0px;
	font:#f5f5f5 ;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #b71f1f;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 18px;
	background: #b7b7b6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 3px;
}
#userposted{
	height:auto;
	width:auto;
	position:relative;
}
/* num-page */
#content{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#content .num-page {
	margin:30px 0 0;
	padding:10px 0 0 55px;
	list-style:none;
	clear:right;
	font-size:110%;
	color:#848a8c;
}
.num2 {
	margin:10px 0 0 !important;
	padding:10px 0 0 2px !important;
}
#content .num-page li {
	float:right;
	padding:0 6px 0 0;
}
#content .num-page li.first {
	border:1px solid #d7dce0;
	line-height:14px;
	padding:0px 4px 0;
	display:inline;
}
#content .num-page a {
	float:right;
	line-height:14px;
	padding:2px 4px 0;
	min-width:8px;
	border:1px solid #d7dce0;
	color:#848a8c;
	text-decoration:none;
}
#content .num-page a:hover, #content .num-page li.active a{
	color:#fff;
	background:#7f8487;
	border-bottom-color:#848a8c;
}
#content .num-page .lastInfo {
	line-height:14px;
	padding:2px 4px 0;
}

	#comments {
		float:right;
		margin:0.3em auto;
		padding:0;
		width:740px;
		font-size:0.94em;
		list-style:none;
		text-align:right;
	}
	#comments li {
		background:url(Images/commentbg.jpg) 0 100% no-repeat;
		padding:0 0 4px 0;
		margin:0px 0 0 0;
		display:block;
	}
	#comments li p {
		color:#000;
		font-size:1em;
		background:#f5f5f3;
		padding:1px 3px 0 7px;
		margin:0;
		border-left:13px solid #b71f1f;
	}
	#comments h4 {
		font-size:1.1em;
		color:#b71f1f;
		line-height:1em;
		font-weight:bold;
		background:url(Images/commentbg.jpg) 0 0 no-repeat;
		margin:0;
		padding:6px 4px 3px 21px;
	}
	#comments span{
		font-size:0.7em;
		padding:10px 600px 10px 10px;
		color:#999;
	}

