BODY	{ SCROLLBAR-BASE-COLOR: #21423D; 
          font-family: Arial,Arabic Transparent, verdana, arial, sans-serif;
          font-size: small;
          text-align: justify; 
          dir : rtl;  }

/*
a:link		{ color: #246E53; font-size: 100%; font-weight: bold; text-decoration: none }
a:visited	{ color: #246E53; font-size: 100%; font-weight: bold; text-decoration: none }
a:active	{ color: #666666; font-size: 100%; font-weight: bold; text-decoration: none }
a:hover		{ color: #FF6600; font-size: 100%; font-weight: bold; text-decoration: none }
*/
a:link		{ color: #246E53; font-size: 100%; text-decoration: none }
a:visited	{ color: #246E53; font-size: 100%; text-decoration: none }
a:active	{ color: #666666; font-size: 100%; text-decoration: none }
a:hover		{ color: #FF6600; font-size: 100%; text-decoration: none }




 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{COLOR: #535353;  
		  font-family: Arial, Arabic Transparent, verdana, arial, sans-serif;
          font-size: medium; text-align: justify 			}

P {  text-align: justify;  margin-left:5; margin-right:5   font-size: medium ; }

.title		{ COLOR: #708983; font-weight: bold; font-style:normal; font-variant:normal; font-size:larger; font-family: Arabic Transparent, verdana, arial, sans-serif }

.biglink 	{ font-size: small; font-family: Arabic Transparent, verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }

:hover.biglink 	{ font-size: small; font-family: Arabic Transparent, verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.just 		{text-align: justify;}

.copyright	{ COLOR: #999999; font-size: small; font-family: Arabic Transparent, geneva, verdana, arial, sans-serif; font-weight: bold  }

.smalltitle 	{ COLOR: #A2B7B5; font-size: small; font-family: Arabic Transparent, verdana, arial, sans-serif; font-weight: bold } 

.careertitle	{ COLOR: #666666; Ffont-size: small; font-family: Arabic Transparent, geneva, verdana, arial, sans-serif; font-weight: bold }

.subtitle	{ COLOR:  #708983; font-weight: bold; font-style:normal; font-variant:normal; font-size:medium; font-family:Arabic Transparent, geneva, verdana, arial, sans-serif }

.phonetitle	{  COLOR: #000000; FONT: small geneva, verdana, arial, sans-serif; font-weight: bold }
.phonetext	{   COLOR: #000000; FONT: small geneva, verdana, arial, sans-serif; font-weight: normal}

.picturecomments{ COLOR: #666666; font-size: small; font-family: Arabic Transparent, geneva, verdana, arial, sans-serif }
.picturehilight	{ COLOR: #3366FF; font-size: small; font-family: Arabic Transparent, geneva, verdana, arial, sans-serif; font-weight: bold  }
.picturetitle 	{ COLOR: #000000; font-size: small; font-family: Arabic Transparent, verdana, arial, sans-serif; font-weight: bold }

.list 		{ COLOR: #000000; font-size: small; font-family: Arabic Transparent, geneva, verdana, arial, sans-serif; font-weight: normal }

.quran { COLOR: #800000; text-align:center; margin-top:3; margin-bottom:3; font-weight:bold }
.hadith	{ COLOR: #008000;  margin-top:3; margin-bottom:3; font-weight:bold }

.faq 		{ line-height: 19px }

.invisible { display:none }

 /* SIDEBAR OPTIONS */


a:link.sidelink		{ color: #CCFFCC; font-weight: bold; text-decoration: none }
a:visited.sidelink	{ color: #CCFFCC; font-weight: bold; text-decoration: none }
a:active.sidelink	{ color: #CCFFCC; font-weight: bold; text-decoration: none }
a:hover.sidelink	{ color: #CCCC99; font-weight: bold; text-decoration: none }


a:link.sidelink2	{ color: #CCFFCC; text-decoration: none; font-size: small; }
a:visited.sidelink2	{ color: #CCFFCC; text-decoration: none; font-size: small; }
a:active.sidelink2	{ color: #CCFFCC; text-decoration: none; font-size: small; }
a:hover.sidelink2	{ color: #CCCC99; text-decoration: none; font-size: small; }

.sidebartitle	{  COLOR: #CCFFCC; font-size: small; font-weight:bold  }
.sidebartext	{  COLOR: #A2B7B5;  font-size: small;  }

.date-font	{ color: #FFFFFF; font-size: small; font-family: Arabic Traditional, verdana, arial, sans-serif; font-weight: bold }
.date-font2	{ color: #FFFFFF; ffont-size: small; font-family: Arabic Traditional, verdana, arial, sans-serif; font-weight: bold }
.lang-font	{ color: #FFFFFF; font-size: small; font-family: Arabic Traditional, verdana, arial, sans-serif; font-weight: bold }

.title-font	{ color: #FFFFFF; font-size: medium; font-family: Arabic Traditional, verdana, arial, sans-serif; font-weight: bold }


 /* END SIDEBAR OPTIONS */


.button-popups { 	padding:2px; background-image: url('picts/button-popup.gif');
		background-color:#21423D;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: 0px solid #FFFFFF;  }

.buttonon-popups { 	padding:2px; background-image: url('picts/buttonon-popup.gif');
		background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: 0px solid #FFFFFF;  }


.shadeform	{ background-image: url('picts/shadeform.gif');
		text-align: right;
		WIDTH: 250PX;
		BORDER: 1px solid #000000; font-style:normal; font-variant:normal; font-weight:normal; font-size:18px; font-family:arial, verdana, sans-serif }


.dropdown 	{ COLOR: #333333;
		WIDTH: 250PX;
		FONT: 10px geneva, verdana, arial, sans-serif}


.textarea	{ background-image: url('picts/shadeform.gif');
		text-align: left;
		WIDTH: 275PX;
		BORDER: 1px solid #000000; ; font-style:normal; font-variant:normal; font-weight:normal; font-size:small; font-family:arial, verdana, sans-serif}

.submitbutton { FONT: 9pt arial, verdana, sans-serif }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }


.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: small arial, georgia, "Times New Roman", sans-serif }


.searchbutton {	background-color:#F0F0F0;
		color: #000000;
/*		FONT-FAMILY: arial, verdana, helvetica, sans;
		font-size: 8pt;
		font-weight: bold;
		height: 18px;
		width: 35px; */
		cursor:hand;
		text-align: center;
		BORDER: #000000 1px solid }


 /* IMAGE HOVER CODE */


.rollover 	{ background-color: #000000}

.rolloveron 	{ background-color: #FF6600; filter:alpha(opacity=60)  }



 /* START THE CODE FOR THE MENUS */


 /* TOP LEVEL MENU CONTROL */


a.menu_TOP{
display:block;
line-height: 10pt;
text-align: center;
text-decoration:none;
border-right: #313252 1px solid;
padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px
}



 /* SUB LEVEL MENU CONTROL */


a.menu_SUB{
display:block;
text-decoration:none;
text-align: right;
filter:alpha(opacity=100);
border-bottom: 1px solid #999999;
line-height: 12pt;
padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px
}


 /* MORE SUB LEVEL MENU CONTROL */


.menu_DIV{
border-top: #000000 0px solid;
border-bottom: #666666 0px solid;
border-right: #666666 1px solid;
border-left: #666666 1px solid;
filter:alpha(opacity=100);
z-index:100;
}