HTML {
	HEIGHT: 100%
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px Verdana, Arial, sans-serif; COLOR: #ffffff; PADDING-TOP: 0px; HEIGHT: 100%
}
A {
	COLOR: #FFFFFF
}
A:link {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: none
}
IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
H1 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: italic 12px Verdana, Arial, sans-serif; COLOR: #aba68e; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px Arial, Verdana, sans-serif; COLOR: #cfd7da; PADDING-TOP: 0px
}
H3 {
	FONT: 12px Verdana, Arial, sans-serif; COLOR: #cfd7da; 
}

#holder {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 900px; COLOR: #ffffff; PADDING-TOP: 0px; POSITION: relative; BACKGROUND-COLOR: #130f04
}
#background {
	LEFT: 0px; OVERFLOW: hidden; WIDTH: 900px; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #130f04
}

#tmlinks {
	PADDING-RIGHT: 0px; PADDING-LEFT: 46px; PADDING-BOTTOM: 0px; PADDING-TOP: 21px; POSITION: relative
}
#tmlinks A {
	MARGIN: 0px 5px; FONT: bold 12px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none;
}
#tmlinks A:hover
{
	text-decoration:none;
}
#tlinksfront {
	PADDING-RIGHT: 0px; PADDING-LEFT: 46px; PADDING-BOTTOM: 0px; PADDING-TOP: 115px; POSITION: relative
}
#tlinksfront A {
	MARGIN: 0px 5px; FONT: bold 12px Verdana, Arial, sans-serif
}

#tslinks {
	PADDING-RIGHT: 0px; PADDING-LEFT: 308px; PADDING-BOTTOM: 0px; PADDING-TOP: 130px; POSITION: relative
}
#tslinks A {
	MARGIN: 0px 5px; FONT: 12px Verdana, Arial, sans-serif; text-decoration:none;
}
#tslinks A:hover
{
	text-decoration:underline;
}
#tlinks {
	PADDING-RIGHT: 0px; PADDING-LEFT: 46px; PADDING-BOTTOM: 0px; PADDING-TOP: 175px; POSITION: relative
}
#tlinks A {
	MARGIN: 0px 5px; FONT: bold 12px Verdana, Arial, sans-serif;
}

#llinksfront {
	LEFT: 0px; WIDTH: 180px; POSITION: absolute; TOP: 246px; TEXT-ALIGN: right
}
#llinksfront A {
	DISPLAY: block; MARGIN-BOTTOM: 10px; COLOR: #ffffc6; FONT-STYLE: italic; TEXT-DECORATION: underline
}
#llinksfront A:hover {
	TEXT-DECORATION: none
}
#llinks {
	LEFT: 53px; WIDTH: 240px; POSITION: absolute; TOP: 214px; TEXT-ALIGN: left
}
#llinks A {
	DISPLAY: block; MARGIN-BOTTOM: 10px; COLOR: #ffffc6; FONT-STYLE: italic; TEXT-DECORATION: underline
}
#llinks A:hover {
	TEXT-DECORATION: none
}
#content {
	 margin-left: 300px; WIDTH: 524px; line-height: 15px; color:#CFD7DA; POSITION: relative; padding:58px 0px 0px 15px;
}
.good {
	WIDTH: 280px; COLOR: #cfd7da; HEIGHT: 110px
}
.good a
{
	DISPLAY: block; FONT-WEIGHT: bold; COLOR: #ffedd3; TEXT-DECORATION: underline
}
.good B 
{
	DISPLAY: block; MARGIN-BOTTOM: 3px; COLOR: #ffffff
}
.good IMG {
	FLOAT: left; MARGIN-RIGHT: 10px
}
.movies {
	WIDTH: 350px; COLOR: #cfd7da;
}
.movies A {
	MARGIN-TOP: 3px; FONT-WEIGHT: bold; COLOR: #ffedd3; TEXT-DECORATION: underline
}
.movies A:hover {
	MARGIN-TOP: 3px; FONT-WEIGHT: bold; COLOR: #ffedd3; TEXT-DECORATION: none
}
.movies B {
	DISPLAY: block; MARGIN-BOTTOM: 3px; COLOR: #ffffff
}
.movies IMG {
	FLOAT: left; MARGIN-RIGHT: 7px
}
#movie {
	POSITION: absolute; TOP: 130px
}
#right {
	PADDING-LEFT: 35px; RIGHT: 91px; BORDER-LEFT: #ffffff 1px dotted; WIDTH: 220px; COLOR: #cfd7da; POSITION: absolute; TOP: 222px; HEIGHT: 250px
}

.bullet {
	display:inline;margin-left:-11px;margin-right:0px;
}

.sub_bullet {
	float: left; margin: 0 0px 15px 0px; padding-left: 45px; text-align: left; background: url(images/bullet.gif) 30px 4px no-repeat; }

.small_bullet {
	MARGIN-TOP: 8px; MARGIN-LEFT: 30px; MARGIN-RIGHT: 5px
}
#videopopupbg {
	background-color: #130f04 ; BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(images/popup_video.jpg); BACKGROUND-REPEAT: no-repeat
}
#audiopopupbg {
	background-color: #130f04 ; BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(images/popup_audio.jpg); BACKGROUND-REPEAT: no-repeat
}
a.green:link {
  color: #FFFFC6;
  font-style: normal;
  text-decoration: underline;
}
a.green:hover{
  font-style: normal;
  text-decoration: none;
}
a.green:visited {
  color: #FFFFC6;
  font-style: normal;
  text-decoration: underline;
}

/*************************************** EXTRAS *******************************************/

.imageBlock {
	display: block;
	float: left;
	width: 138px;
	height: 170px;
	text-align: center;
	/*font-size: 7.5pt;
	border: 1px solid #000;*/
	background-color: transparent; 
	margin: 2px; 
	padding: 1px;
}

.imageBlock A {
	COLOR: #ffedd3; TEXT-DECORATION: underline;
}

.imageBlock A:hover {
	text-decoration: none;
}

#extragoodiesText {
	display: block;
	float: left;
	width: 438px;
	text-align: left;
	background-color: transparent;
	margin: 2px;
	padding: 1px;
	COLOR: #cfd7da;
}

/*************************************** END EXTRAS *******************************************/

/*************************************** SCROLLER *******************************************/

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#scroll {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: relative
}
#scroll .scrolls {
}
#scroll LI {
	PADDING-TOP: 4px;
}
#scroll .scroll {
	DISPLAY: block; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 87px
}
#scroll .scroll SPAN {
	DISPLAY: none
}
#scroll .odd {
}
#scroll .even {
}

.scroll_heading
{
	float:left; BACKGROUND: #231c0f; width: 161px; height:27px; text-align:center;
}
.scroll_heading_text
{
	margin-top:5px;
}
.scroll_text
{
	padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;
}

/*************************************** END SCROLLER *******************************************/

/*************************************** FOOTER *******************************************/

#bottom {
	MARGIN: 0px auto; WIDTH: 900px; COLOR: #ffffff; POSITION: relative; HEIGHT: 132px;
}

#bottombg {
	Z-INDEX: 1; LEFT: 1px; #LEFT: 0px; _LEFT: 0px; POSITION: absolute; TOP: 0px
}

#bottomlinks {
	POSITION: absolute; Z-INDEX: 2; margin: 75px 0px 0px 75px; 
}

a.bottomlink:link { 
	FONT-FAMILY: Verdana, Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #dddddd; MARGIN: 0px 18px 0px 12px; DISPLAY: inline; TEXT-DECORATION: none; 
}

a.bottomlink:visited { 
	FONT-FAMILY: Verdana, Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #dddddd; MARGIN: 0px 18px 0px 12px; DISPLAY: inline; TEXT-DECORATION: none; 
}

a.bottomlink:hover {
	FONT-FAMILY: Verdana, Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #f6cf0b; TEXT-DECORATION: none; 
}

#bottomhome {
	Z-INDEX: 200; MARGIN: 54px 0px 0px 7px; POSITION: absolute; text-align: center; 
}

#bottomhome A { 
	FONT-FAMILY: Verdana, Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #dddddd; DISPLAY: inline; TEXT-DECORATION: none; 
}

#bottomhome A:hover {
	COLOR: #f6cf0b; FONT-SIZE: 11px; TEXT-DECORATION: none; FONT-WEIGHT: normal; 
}

#small {
	Z-INDEX: 100; RIGHT: 0px; LEFT: 0px; POSITION: absolute; TOP: 102px
}

#small A {
	FLOAT: left; MARGIN: 0px 13px 0px 13px; FONT: 11px/13px Verdana, Arial, sans-serif; COLOR: #959595; POSITION: relative; TEXT-DECORATION: none; 
}

#small A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; 
}

/*************************************** END FOOTER *******************************************/

/*************************************** TOOLTIP *******************************************/

#bubble_tooltip {
	DISPLAY: none; Z-INDEX: 100; WIDTH: 322px; POSITION: absolute
}
#bubble_tooltip .bubble_top {
	Z-INDEX: 100; BACKGROUND-IMAGE: url(images/bub_top.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 14px
}
#bubble_tooltip .bubble_middle {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 10px; Z-INDEX: 100; BACKGROUND-IMAGE: url(images/bub_mid.gif); BACKGROUND-REPEAT: repeat-y
}
#bubble_tooltip .bubble_middle SPAN {
	FONT-SIZE: 12px; COLOR: #cfd7da; FONT-FAMILY: Verdana, arial, sans-serif; POSITION: relative; TOP: -6px
}
#bubble_tooltip .bubble_bottom {
	Z-INDEX: 100; BACKGROUND-IMAGE: url(images/bub_bot.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 68px
}

/*************************************** END TOOLTIP *******************************************/

/*************************************** CHECKLIST *******************************************/

#tasks {
	width: 550px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px; POSITION: relative;
}

.row {
	border-bottom:2px solid #0B1E25;
	color:#cfd7da;
}

.row div {
	float:left;
	line-height:15px;
	Z-INDEX: 1;
}

.odd {
	height:30px;
	background-color:#5f4c2b;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	Z-INDEX: 1;
}

.even {
	height:30px;
	background-color:#524020;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	Z-INDEX: 1;
}
.col1 {
	width:430px;
	padding-top:0px;
	text-align:left;
}
.col2 {
	width:40px;
	text-align:left;
	padding-left:7px;
	padding-top:5px;
	visibility:visible;
	cursor:pointer;
}
.col3 {
	width:40px;
	padding-top:10px;
	z-index:1;
}

.col1 a {
	text-decoration:none;
	color:#cfd7da;
	text-decoration:none;
}

.col1 a:hover {
	text-decoration:underline;
}
.normaltext
{
	FONT: 12px Verdana, Arial, sans-serif; 
	COLOR: #363636;
	line-height:16px;
}

.inputElement { border-style:solid; border-width:1px; border-color:#7F9DB9; font-family: verdana; font-size: 12px; width:200px; }

#msg {
   padding: 0px;
   margin: 2px 0px;
   text-align: left;
   color: #000000;
   font-family: verdana,arial;
   font-size: 11px;
}
.brownNormal
{
	color:#aba68e;
}
.brownClicked
{
	color:#ffffff;
}

/*************************************** END CHECKLIST *******************************************/

/*************************************** GLOSSARY *******************************************/

.words {
	color:#cfd7da;
}

.words div {
	float:left;
	line-height:15px;
	Z-INDEX: 1;
}
.icon {
	width:28px;
	padding-top:3px;
	text-align:left;
}
.word_desc {
	width:490px;
	text-align:left;
	padding-left:0px;
	padding-top:0px;
}
.arabicWord
{	
	font-size:16px;
	text-align:right;
}

.glossary_unchecked
{
	FONT: 12px Verdana, Arial, sans-serif; 
	font-weight:bold;
	cursor:pointer;
}
.glossary_checked
{
	FONT: 12px Verdana, Arial, sans-serif; 
	COLOR: #FFC000;
	font-weight:bold;
	cursor:pointer;
}

/*************************************** END GLOSSARY *******************************************/

/*************************************** PRAYER *******************************************/

.Title
{
	color:#ffffff;
	TEXT-DECORATION: none; 
	font-weight:bold; 
	
}
.TitlePrint
{
	color:#000000;
	TEXT-DECORATION: none; 
	font-weight:bold; 
	
}

.Arabic
{	
	color:#CFD8D4; 
	font-family: _PDMS_Saleem_QuranFont; 
	line-height:49px;
	font-size:26px;
	text-align:right;
}
.ArabicPrint
{	
	color:#000000; 
	font-family: _PDMS_Saleem_QuranFont; 
	line-height:49px;
	font-size:26px;
	text-align:right;
}

a:link.Arabic 
{
    text-decoration:none;
}
a:active.Arabic 
{
    text-decoration:none;
}
a:visited.Arabic 
{
    text-decoration:none;
}
a:hover.Arabic {
	text-decoration:none;
	background-color:#524020;
}

.Translation
{
	text-align:left;  
	line-height:15px;
}
.Transliteration
{
	text-align:left;
	line-height:15px;
}
.TranslationPrint
{
	color:#000000; 
	text-align:left;  
	line-height:15px;
}
.TransliterationPrint
{
	color:#000000; 
	text-align:left;
	line-height:15px;
}

.space
{
	min-height:15px;
	height:15px; 
}

.sep_thick { text-align: right; line-height:5px; padding:0px; margin:0px;}

.sep_thin { text-align: right; line-height:1px; padding:0px; margin:0px;}


/*************************************** END PRAYER ****************************************** */

/*************************************** QUIZ ****************************************** */

#backgroundquiz {
	LEFT: 0px; OVERFLOW: hidden; WIDTH: 900px; POSITION: absolute; TOP: 0px; BACKGROUND: #130f04 url('images/background_quiz.jpg') center bottom no-repeat;
}

#game { position:absolute; width :372px; height:276px; left:0px; top:0px; z-index:10000; display:none;
}

/*************************************** END QUIZ ****************************************** */

/************************************ HISTORY ********************************/

#History { padding-bottom:50px; }
#History div
{
  margin-right:1px;
  margin-top : 1px;
  _margin-top : 2px;
}

/******************************** END HISTORY ********************************/

/************************************ FAQ ************************************/

.main_bullet { width: 400px; color:#CFD7DA; margin: 0px 0px 12px 0px; padding-left: 10px; text-align: left; background: url(../images/bullet.gif) 0px 4px no-repeat; }

.textbox {
    border : solid 1px #A5ACB2;
	font-family:Verdana;
	font-size:12px;
	width:180px;
}
.rowfaq {
	height:19%;
	width:524px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	Z-INDEX: 1;
}

.rowfaq div {
	line-height:15px;
	Z-INDEX: 1;
}
.row_col {
	padding-top:0px;
	padding-right:10px;
	padding-left:15px;
	text-align:left;
}
.question_number
{
	color:#aba68e;
	font-family:Verdana;
	font-size:11px;
}	
.searchword {
	color:#FFC000; 
}
/************************************ END FAQ ********************************/

/********** Auto-Complete **********/

	#ajax_listOfOptions{
	position:absolute;
	width:440px;
	overflow:none;
	MARGIN: 0px;
	FONT-SIZE: 1em;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: none;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #2e2412;
	BORDER-RIGHT: #211a0d 1px solid;
	BORDER-TOP: #211a0d 1px solid;
	BORDER-LEFT: #211a0d 1px solid;
	BORDER-BOTTOM: #211a0d 1px solid;
	text-align:left;
	z-index:100;
	}	
	#ajax_listOfOptions div{
	margin:1px;	
	PADDING-RIGHT: 1.5em;
	PADDING-LEFT: 1em;
	PADDING-BOTTOM: 0.1em;
	PADDING-TOP: 0.1em;
	cursor:pointer;	
	}	
	#ajax_listOfOptions .optionDiv{
			COLOR: #ffffff;
	}	
	#ajax_listOfOptions .selectedLetters{
			FONT-WEIGHT: bold;
			COLOR: #ffc000;
	}	
	#ajax_listOfOptions .optionDivSelected{ 
		COLOR: #ffffff; BACKGROUND-COLOR: #5d4e35 
	}
	#ajax_listOfOptions .optionDivSelected SPAN.selectedLetters{ 
		COLOR: #ffffff; 
	}
	#ajax_listOfOptions_iframe{		
		background-color:#F00;		
		position:absolute;		
		z-index:5;	
	}		
/********** Paging **********/

#paging {
	width: 525px; text-align:right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; POSITION: relative;
}
a.pageselected{	
	COLOR: #ffc000;	FONT: 10px Arial; background:url(images/img_highlight_selected.gif) no-repeat; text-decoration:none;
}
a.pageselected:hover { 
	text-decoration:none;
}
a.pagenormal{	
	COLOR: #cfd7da;	FONT: 10px Arial; text-decoration:none;
}
a.pagenormal:hover { 
	text-decoration:none; background:url(images/img_highlight_over.gif) no-repeat;
}