body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background:#C2DBA2;
}


h1, h2, h3, h4, h5, h6, P, ul {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	font-style:italic;
	font-weight:normal;
	margin-bottom: 5px;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #43792A;
	color:#43792A;
	line-height: normal;
}

h2 {
	
}

h3{

}

h4{
	margin: 8px 0 8px 0;
	font-weight:bold;
	color:#43792A;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-style:italic;	
}

h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:normal;
	font-style:italic;	
}

ul{
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1.5em;
}

li{
	margin-bottom: 5px;
	padding-bottom:5px;
	text-align: left;
}

p{
	padding-bottom: 5px;
}


#mainWrapper {
	margin-left:auto;
	margin-right: auto;
	width: 975px;
	background:#FFFFFF;
}

#headerWrapper{
	background:url(../images/header_image.png) left top #0B303E;
	height: 130px;
}
#contentWrapper{
	margin: 5px 10px 10px 10px;
	overflow:auto;
}
#slider{
	height: 235px;


}

#sideBar_right{
	float: right;
	width: 250px;
	height: auto;
}

#sideBar_left{
	float: left;
	width: 250px;
	height: auto;
}

#contentArea_main{
	float:left;
	width: 700px;
}

#contentArea_article{
	float:right;
	width: 685px;
	margin-right: 15px;
}


#footerWrapper{
	background: #0B303E;
	padding-top:10px;
	padding-bottom: 5px;
	color:#FFF;
	text-align: center;
	clear:both;
}

#text_extracts {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.3em;
}
#home_footer {
	border: 1px solid #43792A;
	background:#FDFFF4;
	padding:5px;
	text-align: center;
	font-size:12px;
	line-height: 1.2em;
	
}


#sideBar_right .top, #sideBar_left .top {
	background : url(../images/sideBar_01.png) no-repeat left top;
	height:17px;
}

#sideBar_right .bottom, #sideBar_left .bottom {
	background: url(../images/sideBar_03.png) no-repeat left bottom;
	height:17px;
}

#sideBar_right .middle, #sideBar_left .middle {
	background: url(../images/sideBar_02.png) repeat-y left top;
	text-align:left;
	padding: 0px 15px 0px 15px;
	font-size:11px;
	line-height: 1.3em;
}

.right
	{
	position: relative;
	width: 750px;
	float: right;
	}


.book_name{
	font-size: 13px;
	font-weight:bold;
	color: #003300;
	font-family:Arial, Helvetica, sans-serif;
}

.read_more, a.read_more{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FE6C0B;
	padding-left: 10px;
	width:65px;
	float:right;
	background: url(../images/arrow.png) no-repeat center left ;
}

.surah{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;
	color:#43792A;
	font-weight:bold;
}

#surah_text{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	text-align: center;
	margin-bottom: 8px;
	color: #E2EED2;
	line-height:normal;
}

#navigation { 
	float:right; 
	margin:101px 0 0 0;
	text-align:center;
	}

#navigation a{
	float: left;
	width: 125px;
  	background: url(../images/nav_menu.png) no-repeat 0 0;
 	background-position: 0 0px;	
  	padding:0 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #43792A;
	font-weight: bold;
	line-height: 29px;
	}
#navigation a{
	color: #43792A;
	text-decoration: none;
	}
	
#navigation a:hover	{ 
 	background-position: 0 -30px;
	color: #fff;
	}

#navigation .current {
	background-position: 0 -30px;
	color: #fff;
}

/*********************/
/* Book Index        */
/*********************/
.bookWrapper{
	margin: 0px 0px 10px 25px;
}

.bookTitle{
	padding-left: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight:normal;
	font-style:italic;
	padding-bottom: 5px;
	background:url(../images/menu-expanded.png) no-repeat center left;
}

.bookDetailsWrapper{
	margin-left: 25px;
	line-height: 2em;
}

.bookChapter{
	padding-left:15px;
	font-weight: bold;
	background:url(../images/hzrt_line.gif) no-repeat center left;
}

.bookChapter a{
	color: #43792A;
	text-decoration: none;
	display:block;
}

.bookChapter a:hover{
	background:#F1FCE3;

}

.partName{
	padding-left:15px;
	font-weight: bold;
	background: url(../images/menu-collapsed.png) no-repeat center left;	
	cursor: pointer;
}

.partWrapper{
	margin-left: 15px;
	display:none;
}

.chapterTitle{
	padding-left:15px;
	background:url(../images/hzrt_line.gif) no-repeat center left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:normal;
	color: #43792A;
	display:block;	
}


.chapterTitle a{
	color:#43792A;
	text-decoration: none;
	display:block;
}

.chapterTitle a:hover{
	background:#F1FCE3;

}

.expanded {
	padding-left:15px;
	font-weight: bold;
	background: url(../images/menu-expanded.png) no-repeat center left;	
	cursor: pointer;
}


.family {
	font-size: 8pt; 
	font-family: Verdana; 
	text-align: Center;
    border: 1px solid #8EA63D; 
	padding: 4px;
	}

/*********************/
/* contact form      */
/*********************/
label {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height:2em;
}
.mandatory {
	color: #FF0000;
	}

.formError {
	border: 1px solid #FF0000;
	background: #FFF0F0;
	color:#FF0000;
	font-size:10px;
	line-height: 1.5em;
	padding:5px;
	width: 295px;
}

.formSuccess{
	border: 1px solid #006600;
	background: #EEFBE3;
	color:#006600;
	font-size:10px;
	line-height: 1.5em;
	padding:5px;
	width: 295px;
}

/*******************************/
/* Display Pages               */
/*******************************/

.breadCrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	text-decoration:none;
}

.breadCrumb a{
	text-decoration: none;
	color:#43792A;
	font-weight:bold;
}

.breadCrumb a:hover{
	text-decoration: underline;
	color:#333;
}

#chapterContent{
	margin-right: 15px;
}

#chapterContent P {
	text-align: justify;
	font-size: 10pt;
	text-indent: 25px;
	margin-bottom: 10px;
}

#chapterContent h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	font-style:italic;
	font-weight:normal;
	padding-top: 15px;
	padding-bottom:5px;
	color:#43792A;
	margin-bottom: 10px;
	line-height:normal;
}

#chapterContent h3, #articleContent h3{
	font-size: 10pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top: 15px;
	padding-bottom:5px;
	color:#43792A;
	text-decoration: underline;
	text-transform:uppercase;
}


#chapterContent .surah, #articleContent .surah{
	margin-left:auto;
	margin-right:auto;
	width: 400px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align:center;
	color:#43792A;
	font-weight:bold;
	font-size:10pt;
	padding-bottom: 10px;
	padding-top:10px;
	line-height:1.5em;
	border:1px solid #006600;
	margin-bottom: 5px;
}

#chapterContent sup {
	font-size: 10px;
	color:#FF0000;
	font-weight:bold;
	text-decoration: underline;
}

#footNote{
	padding: 10px;
	border-top:1px solid #FF9900;

}

#footNote ul, ol, li {
	text-align:left;
	font-size: 11px;
}

.pagination{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:normal;
	margin-bottom: 5px;
}

.pagination a{
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	color:#FFF;
	background:#43792A;
	font-weight:bold;
	border: 1px solid #43792A;	
}

.pagination .current {
	font-weight: bold;
	color:#43792A;
	border: 1px solid #43792A;
	padding: 2px 4px 2px 4px;
}

/*********************************/
/* display of the article list  */
/*******************************/

#articleList {
	font-size: 12px;
}

#articleList ul{
	padding: 10px 0px 0px 10px;
	color:#333333;
}

#articleList li{
	padding-bottom: 10px;
}

#articleList li:hover{
	background:#F1FCE3;
}

#articleList a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #43792A;
	font-size:14px;
	text-decoration: none;
}

#articleList a:hover {
	text-decoration: underline;
}

#articleContent P{
	line-height: 1.7em;
	margin-bottom: 10px;
	text-align: justify;
	
}