Body {
	background-color: #E9F3FF;
	direction: rtl;
	text-decoration: none;
	}
	
A:link, A:visited, A:active {
	text-decoration: none;
	color: black;
	}

a:hover {
	text-decoration: none;
	color: red;
	}

body.index{
	font-family: "Simplified Arabic", serif, sans-serif;
	font-size: 18px;
	margin: 0px; 
	text-align: right;
	}

p{
	text-indent: 40px;
	margin: 0px 20px 0px 20px;
	text-align: justify;
	}


p.center{
	text-indent: 0px;
	margin: 0px;
	text-align: center;
	}	
	

P.index_1 {
	font-size: 19px;
	font-weight: bold;
	margin-top: 10px;
	text-align: right;
	text-indent: 0px;
	}

P.index_2 {
	margin-right:70px;
	text-align: right;
	text-indent: 0px;
	}

P.index_3 {
	margin-right:120px;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	text-indent: 0px;
	}

P.index_4 {
	margin-right:170px;
	text-align: right;
	font-family: tahoma;
	font-size: 16px;
	text-indent: 0px;
	}	

P.index_5 {
	margin-right:220px;
	text-align: right;
	font-family: tahoma;
	font-size: 13px;
	text-indent: 0px;
	}

P.index_6 {
	margin-right:270px;
	text-align: right;
	font-family: tahoma;
	font-size: 13px;
	text-indent: 0px;
	}
P.index_7 {
	margin-right:320px;
	text-align: right;
	font-family: tahoma;
	font-size: 13px;
	text-indent: 0px;
	}
P.index_8 {
	margin-right:370px;
	text-align: right;
	font-family: tahoma;
	font-size: 13px;
	text-indent: 0px;
	}
	
	
H1 {
	text-align : center;
	text-decoration : none;
	font-size : 30px;
	font-weight : bold;
	color : Maroon;
	}

H2 {
	text-align : center;
	text-decoration : none;
	font-family: andalus;
	font-size : 25px;
	font-weight : bold;
	color : Green;
	}

H3 {
	text-align : center;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	margin-bottom : 0px;
	color : #008080;
	}

H4 {
	text-decoration : none;
	font-size : 18px;
	font-weight : bold;
	margin-bottom : 10px;
	padding-right: 40px;
	color : maroon;
	}

H5 {
	text-decoration : none;
	font-size : 17px;
	font-weight : bold;
	margin-bottom : 10px;
	padding-right: 40px;
	color : #000099;
	}

H6 {
	text-decoration : none;
	font-weight: normal;
	font-size : 15px;
	margin-bottom : 10px;
	padding-right: 40px;
	color : #6633cc;
	}
	
table.page_24x17{
	width : 550;
	height : 570;
	border : none;
	margin: 20px 0px 20px 0px;
	background-image: url(images/backpage.gif);
	}

table.page_21x14{
	width : 480;
	height : 570;
	border : none;
	margin: 20px 0px 20px 0px;
	background-image: url(images/backpage.gif);
	}

table.page_16x11{
	width : 400;
	height : 500;
	border : none;
	margin: 20px 0px 20px 0px;
	background-image: url(images/backpage.gif);
	}
	
td.t{
	height: 1;
	width: 100%;
	font-size: 11px;
	font-family: tahoma;
	text-align: center;
	background-image: url(images/t.gif);
	padding: 0px;
}

td.t1{
	background-image: url(images/t.gif);
	padding: 0px;
}

td.t2{
	font-family: Arial;
	font-size: 20px;
	vertical-align: top;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	padding: 20px 0px 0px 0px;
 }

td.foot{
	vertical-align: bottom;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: #0000a0;
	font-family: "Arial", serif, sans-serif;
	font-size: 17px;
	text-align: justify;
	text-indent: -28px;
	padding-right: 40px;
	padding-left: 20px;	
	padding-bottom: 5px;
	}

td.foot1{
	vertical-align: bottom;
	border-left: 1px solid black;
	border-right: 1px solid black;
	color: #black;
	font-family: "Arial", serif, sans-serif;
	font-size: 20px;
	text-align: justify;
	text-indent: -28px;
	padding-right: 40px;
	padding-left: 20px;	
	padding-bottom: 5px;
	}
	
td.foot2{
	vertical-align: bottom;
	border-left: 1px solid black;
	border-right: 1px solid black;
	color: #0000a0;
	font-family: "Arial", serif, sans-serif;
	font-size: 17px;
	text-align: justify;
	text-indent: -28px;
	padding-right: 40px;
	padding-left: 20px;	
	padding-bottom: 5px;
	}

img.t1{
	margin-right: -4px;
	padding-right: 3px;
	float: right;
	}

img.t2{
	margin-left: -4px;
	padding-left: 3px;
	float: left;
}

.quran{
	color: #006600;
	font-family: DecoType Naskh Variants;
	line-height:30px;
	font-weight: normal;
}

.qur-foot{
	color: #006600;
}

.qur-par{
	font-family: 'Arabic Transparent';
	color: green;
}


.soal{
	color: #993366;
	font-weight: bold;
}

.jawab{
	color: #000080;
	font-weight: bold;
}

p.s{
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-left: 20px;
	text-align: justify;
}

sup {
	font-size : 12px;
	font-family : Tahoma;
	color: blue;
	margin-bottom: 11px;
	vertical-align: 12px;
	}

.footnumup{
	font-size : 11px;
	font-family : Tahoma;
	color: blue;
	padding-top: 20px;
	margin-top: 20px;
	vertical-align: 12px;
	font-weight: normal;
	}

.footnumup1{
	color: #0000a0;
	font-family: "Arial", serif, sans-serif;
	font-size: 17px;
	padding-top: 20px;
	margin-top: 20px;
	vertical-align: 12px;
	font-weight: normal;
	}


	
	
.next {
	font-family: tahoma; font-size: 12px;
	}
	
hr.foot{
	color:#000066;
	height: 1px;
	width: 150px;
	}
hr.foot1{
	color:#000066;
	height: 1px;
	width: 120px;
}
.as{
	font-size: 10px;
	font-family: tahoma;
	}

.pa{
	color: #0000a0;
	font-family: Tahoma, serif;
	font-size: 11px;
	text-align: justify;
	}
	
	
.p{
	font-family: Arial;
	font-size: 20px;
	}	

font.circle1{
			font-size: 16px;
			margin-right: 10px;
			font-family: 'Wingdings 2'
			}
			
font.circle2{
			font-size: 1px;
			color: #ffffff;
			}
font.circle3{
			font-size: 24px;
			margin-right: 10px;
			font-family: 'Wingdings 2'
			}