@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0;
	border: none;
	background-image:url(../images/background.jpg);
	background-color:#000000;
	background-position:top;
	background-repeat:repeat;
	color:#fff;
}
a, a:link {
	text-decoration: underline;
	color: #ffffff;
}
a:active {
	text-decoration: underline;
	color: #999999;
}
a:visited {
	text-decoration:underline;
	color:#888888;
}
a:hover {
	text-decoration: underline;
	color: #777777;
}
h1 {
	color:#666666;
	font-size:18px;
}

h2{
	margin:0;
	padding:0;
}
/*-------------*/
.class816{
	width:816px;
	margin:auto;
	position:relative;
}

.heading {
	font-weight:bold;
	font-size:12px;
	color:#666666;
}
#main {
	width:100%;
	float:left;
	position:relative;
	height:auto;
}
.width100{
	width:100%;
	float:left;
	position:relative;
}
#top {
	height:44px;
	width:816px;
	background-color:#000;
	position:relative;
	float:left;
}

#top_links{
	text-align:right;
	padding:15px 12px 0 0;
	position:relative;
}
#header {
	float:left;
	height:108px;
	width:100%;
	position:relative;
	background-image:url(../images/bgstrip.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#header_component {
	float:left;
	height:108px;
	width:816px;
	position:relative;
	background-image:url(../images/bgstrip.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#quran_english {
	float:left;
	margin:0 0 0 21px;
	width:227px;
	position:relative;
}
#mosque {
	float:right;
	position:relative;
	width:57px;
	padding:0 15px 0 0;
}
#quran_arabic {
	float:right;
	position:relative;
	width:107px;
	padding:0 20px 0 0;
}
#mosque {
	float:right;
	position:relative;
	width:57px;
}

#bismillah {
	float:left;
	width:816px;
	background-color:#000;
	position:relative;
	padding:15px 0 15px 0;
	text-align:center;
}

#body_content {
	float:left;
	width:816px;
	background-color:#000;
	position:relative;
}
#body_content_innner {
	float:left;
	width:816px;
	height:auto;
	background-color:#000;
	position:relative;
}
#leftnav {
	float:left;
	width:480px;
	background-color:#000;
	position:relative;
	padding:0 15px 10px 15px;
	line-height:20px;
}
.div_img{
	position:relative;
	width:816px;
	height:auto;
}
#bg_page{
position:relative;
	width:816px;
	height:auto;
	text-align:center;
	background-image:url(../images/border_left_right.gif);
}
#btn_bg{
position:relative;
	width:816px;
	height:21px;
	text-align:center;
	background-image:url(../images/border_left_right.gif);
}
#backbtn
{
	float:left;
	width:65px;
	position:relative;
	margin:0 0 0 50px;
}
#nextbtn
{
	float:right;
	width:65px;
	position:relative;
	margin:0 50px 0 0;

}

#pages_links{
	height:30px;
	position:relative;
	width:816px;
	margin:auto;
	text-align:center;
}
/*-------------UL Properties-----------------*/
#nav,#nav li {
padding:0 0 0 10px;
margin:0 0 0 10px;
width:250px;
list-style:square;
}

#nav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:auto;
line-height:normal;
color: #334572;
display: block;
line-height:default;
padding:10px 0 0 0;
text-decoration:underline;
}

#nav a:hover {
color: #555555;
text-decoration:none;
}

#nav a:focus,#nav a:active{
color: #555555;
text-decoration:none;
}

/*------------------------------*/
#devider_line {
	float:left;
	width:1px;
	height:400px;
	background-image:url(../images/one_line_pixel.gif);
	background-color:#000000;
	background-repeat:repeat-y;
	position:relative;
	margin:5px 0 5px 0;
}
#rightnav {
	float:right;
	background-color:#000000;
	width:305px;
	position:relative;
	text-align:center;
}
#footer{
	float:left;
	width:100%;
	height:60px;
	background-color:#000000;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
}

#footer_link{
	width:816px;
	height:60px;
	float:left;
	text-align:center;
	padding:25px 0 0 0;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
}