/* --------------------GLOBAL ELEMENTS-------------------- */

body {
	margin:0; padding:0;
	width:auto; height:auto;
	font:12px Verdana, Arial, Helvetica, sans-serif; color:#3d3d3c;
	background:#ffffff url(img/panelbg.png) repeat-x top center;
	overflow-x: hidden;  position: relative;
	background-attachment: fixed;
}

h1, h1 a:link, h1 a:active, h1 a:visited {
	margin-top: 0px; margin-bottom:40px; padding:0;
	font:35px Georgia, "Times New Roman", Times, serif; color:#262625; font-weight: bold;
}

h2, h2 a:link, h2 a:active, h2 a:visited {
	margin-top: 0px; margin-bottom:40px; padding:0;
	font:20px Georgia, "Times New Roman", Times, serif; color:#262625; font-weight: bold;
}

a:link, a:active, a:visited { 
	color:#3d3d3c;
	text-decoration:underline;
	outline:none;
}

a:hover { 
	color:#000000;
	text-decoration:underline;
	outline:none;
}

img {
	border:none;
}


/* --------------------STRUCTURE-------------------- */
#container {
	margin:0 auto;
	width:1000px; height:auto;
	background:#ffffff url(img/sitebg.png) repeat-x top center;
	border-left:1px solid #e7e7e4;
	border-right:1px solid #e7e7e4;
}

#header {
	background:url(img/header.png) no-repeat;
	width:1000px; height:42px;
	float:right;
}

#header a:link, #header a:active, #header a:visited, #header a:hover { 
	color:#ffffff;
	text-decoration:none;
	outline:none;
}



#footer {
	margin:0px;
	background:url(img/footer.png) repeat-x top center;
	width:1000px; height:12px;
	clear:both;

}

#articlecontainer {
	float:left;
	margin-bottom:50px;
}

.panel {
	position:relative;
	top:31px;
	left:-55px;
	width:200px; height:auto;
	padding:10px;
	text-align: center;
	float:right;
	background:url(img/panelbg.png) repeat-x top center;
	border:1px solid #e7e7e4;
}



/* --------------------ARTICLES-------------------- */
.article {
	margin-top:30px; margin-left:25px; margin-bottom:0px;
	padding:0px;
	background:url(img/articlebg.png) repeat-x top center;
	width:638px; height:auto;
	border:1px solid #e7e7e4;
	line-height: 20px;
}

.articleheader {
	background:url(img/articletop.png) no-repeat;
	width:638px; height:8px;
}

.articlemain {
	margin-top:0px;
	padding:20px;
}

.articlefooter {
	background:url(img/articlefooter.png) no-repeat;
	width:638px; height:84px;
}

img.photo {
	width: 250px;
	margin-top: 10px;
	margin-left: 10px;
	float:right;
	clear: both;
	border-width: 1px;
	border-style: solid;
	border-color: #7f7f7f;
	border-collapse: separate;
	
}

img.photoborder {
	border-width: 1px;
	border-style: solid;
	border-color: #7f7f7f;
	border-collapse: separate;
}



/* --------------------NAVIGATION-------------------- */

.navitem {
	margin-top:0px;
	margin-left:50px;
	padding-top:15px; padding-left:0px;
	font-size:13px; color:#ffffff; text-align: center;
	width:116px; height:39px;
	float:left;
}

.navitem_on {
	margin-top:0px;
	margin-left:50px;
	padding-top:15px; padding-left:0px;
	font-size:13px; color:#ffffff; text-align: center;
	background:url(img/navbg_a.png) no-repeat;
	background-position:0 8px;
	width:116px; height:39px;
	float:left;
	cursor: pointer;
}


/* --------------------MISC-------------------- */
.box {
	background:url(img/articlebg.png) repeat-x top center;
	border:1px solid #e7e7e4;
	text-align:left;
	padding:15px;
	margin-bottom: 15px;
}

.quote {
	font:10px Georgia, "Times New Roman", Times, serif; color:#262625; font-weight: bold; line-height: 15px;
}


/* --------------------QUR'AN-------------------- */
.ayahdisplay {
		line-height: 18pt;
        padding-top:10px;
        padding-bottom:10px;
}

#ayahDisplay1 { color: #606060; }
#ayahDisplay2 { color: #505050; }
#ayahDisplay3 { color: #404040; }
#ayahDisplay4 { color: #303030; }

div.quranview {
		margin: 10px;

}

span.quran {
		font-family: "Times New Roman";
		font-style: italic;
		font-weight: bold;
		color: #000000;
		font-size: 11pt;
		line-height: 1;
}


span.surahinfo {
		color: #202020;
		font-size: 10pt;
		line-height: 2;
}