@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	background: #F6F6F6 url(../images/pagebg.png) repeat-y 50% 0;
	line-height:normal;
	margin:0px;
	padding:0px;
	height:100%;
}
a:link { 
	color: #333333;
	text-decoration: none;
	}
a:visited { 
	color: #333333;
	text-decoration: none;
	}
a:hover { 
	color:#333333;
	text-decoration: none;
	}
a:active { 
	color: #333333;
	text-decoration: none;
	}
	
	
/* --------------------------------------------------------------------------*/

 
		#site-body-container {}
 
		#site-body-content {
			padding: 15px 15px 15px 15px ;
			}
 
		#site-bottom-bar {
			background-color: #F0F0F0 ;
			border-top: 1px solid #CCCCCC ;
			bottom: 0px ;
			font-family: verdana, arial ;
			font-size: 11px ;
			height: 30px ;
			position: fixed ;
			width: 100% ;
			z-index: 1000 ;
			}
 
		#site-bottom-bar-frame {
			height: 30px ;
			margin: 0px 10px 0px 10px ;
			position: relative ;
			}
 
		#site-bottom-bar-content {
			padding: 3px 0px 0px 0px ;
			}
 
		#menu-root {
			/*background-color: #E8E8E8 ;*/
			/*border: 1px solid #D0D0D0 ;*/
			color: #000000 ;
			/*display: block ;*/
			height: 22px ;
			line-height: 22px ;
			text-align: left ;
			text-decoration: none ;
			/*width: 200px ;*/
			}
 
		#menu-root:hover {
			background-color: #666666 ;
			border-color: #000000 ;
			color: #FFFFFF ;
			}
 
		#menu {
			background-color: #E8E8E8 ;
			border: 1px solid #666666 ;
			bottom: 32px ;
			display: none ;
			left: 0px ;
			padding: 5px 5px 1px 5px ;
			position: absolute ;
			width: 200px ;
			}
 
		#menu a {
			background-color: #E8E8E8 ;
			border: 1px solid #FFFFFF ;
			color: #000000 ;
			display: block ;
			margin-bottom: 4px ;
			padding: 5px 0px 5px 5px ;
			text-decoration: none ;
			}
 
		#menu a:hover {
			background-color: #666666 ;
			border-color: #000000 ;
			color: #FFFFFF ;
			}
 
		/* -------------------------------------------------- */
		/* -- IE 6 FIXED POSITION HACK ---------------------- */
		/* -------------------------------------------------- */
 
		#site-body-container {
			_height: 100% ;
			_overflow: hidden ;
			_width: 100% ;
			}
 
		#site-body-container {
			_overflow-y: scroll ;
			_overflow-x: hidden ;
			_position: relative ;
			}
 
		/* To make up for scroll-bar. */
		#site-bottom-bar {
			_bottom: -1px ;
			_position: absolute ;
			_right: 16px ;
			}
 
		/* To make up for overflow left. */
		#site-bottom-bar-frame {
			_margin-left: 26px ;
			}
 
		/* To fix IE6 display bugs. */
		#menu a {
			_display: inline-block ;
			_width: 99% ;
			}
	.mainContainer { margin-top:0px; margin-bottom:0px; border:none; width:810px; padding-top:0px;}
	.brdrRight {border-right:1px solid #CCCCCC;}
	.brdrTop {border-top:1px solid #CCCCCC;}
	.brdrLeft {border-left:1px solid #CCCCCC;}
	.ControlsOptionBg {/*background-image:url(../images/optionsBg.jpg); background-repeat:repeat-x; padding:2px; font-size:10px;*/
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding-bottom: 3px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 3px;
		width: 200px;
		border-bottom:1px solid #D0D0BF;
		border-left:1px solid #D0D0BF;
		border-right:1px solid #D0D0BF;
		font-size:11px;
	}
	.OptionBg{ font-size:11px; width:198px;text-align:center;}
	
	.aya1 {font-family:"_PDMS_Saleem_QuranFont"; direction: rtl; font-size: 24px;
		padding: 10px; text-align:justify; text-justify:inter-word; }
	.aya2 {font-family:Arial, Helvetica, sans-serif; direction: rtl; font-size: 24px;
		padding: 10px; text-align:justify; text-justify:inter-word; }
	.aya3 {font-family:"Scheherazade"; direction: rtl; font-size: 24px;
		padding: 10px; text-align:justify; text-justify:inter-word; }
	.aya4 {font-family:"Courier New", Courier, monospace; direction: rtl; font-size: 24px;
		padding: 10px; text-align:justify; text-justify:inter-word; }
	.aya5 {font-family:Tahoma; direction: rtl; font-size: 24px;
		padding: 10px; text-align:justify; text-justify:inter-word; }
	.aya6 {font-family: traditional arabic; direction: rtl; font-size: 24px;
		padding: 10px; text-align:justify; text-justify:inter-word; }
	.aya7 {font-family:"me_quran"; direction: rtl; font-size: 22px;
		padding: 10px; text-align:justify; text-justify:inter-word; }
	.aya8 {font-family:"Lateef"; direction: rtl; font-size: 20px;
		padding: 10px; text-align:justify; text-justify:inter-word; line-height:1.5em; }