@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 21px;
	font-family: "Adobe Arabic";
	vertical-align: baseline;
}

body { font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; background-color: #0A1B2B;}

#outer { width: 100%; background:url(../images/header-bg.png) repeat-x;}
#header { width: 800px; height: 91px; margin-left: 70px;}
#logo { width: 191px; height: 50px; background:url(../images/habiballah-logo.png) no-repeat; float:left; margin-left: 135px; margin-top: 20px;}
#logo2 {
		width: 191px;
		height: 90px;
		float: left;
		margin-left: 80px;
		margin-top: 20px;
		background-image: url(../images/habiballah-logo%20-%20Copy.png);
		background-repeat: no-repeat;
}

#outercontent { width: 800px; margin:0 auto;}

#box1 {width: 800px; margin-top: 10px; float:left;}
#ayat { width: 815px; height: 50px; background:url(../images/ayat.png) no-repeat; margin:0 auto;}
#m_b1 { width: 731px; height: 71px; background:url(../images/muhammad-image-2.png) no-repeat; margin: 05px auto;}
#menu { width: 780px; height: 34px; background:url(../images/menu.png) no-repeat; float:left; margin-top: 07px; padding-left: 20px;}
#menu ul li{float:left; list-style-type:none; line-height:32px; text-transform:inherit; font-size:16px;}
#menu ul li.seperator{ padding-left:22px; padding-right:20px; color:#FFFFFF; font-weight:bold;}
#menu ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:21px;
	font-weight:550;
}
#m_b2 { width: 797px; height: 200px; background: #040E18; padding-top: 08px; float:left; border:solid #364148; border-width:thin; margin:10px 0px;}


#box2 {width: 800px; height: 240px; float:left;}
.nf1 { width: 800px; height: 30px; float:left;}
.nf1bt { width: 152px; height: 36px; background:url(../images/otherlinks-bt-bg.png) no-repeat; float:right; margin-left: 05px; padding-top: 09px; float:left; font-size:14px; text-align:center;}
.nf1bt a { color:#FFFFFF; text-decoration:none;}
.newsflash_lft { background:url(../images/border-left-top.png) left top no-repeat; float:left}
.newsflash_right { background:url(../images/border-right-top.png) right top no-repeat;float:left}
.newsflash_lft_bottom {  background:url(../images/border-left-bottom.png) left bottom no-repeat;float:left}
.newsflash_right_bottom { background:url(../images/border-right-bottom.png) right bottom no-repeat;float:left; height: 26px; width:628px; padding-top: 10px; padding-left: 10px; padding-right: 05px; font:MyriadPro-Regular; font-size:12px; color:#FFFFFF; text-align:left;}
.newsflash1 { height: 36px; background:url(../images/bg-nws.png); float:left;}
#books { width: 793px; height: 190px; background: #040E18; float:left; border:solid #364148; border-bottom-width:thin; float:left; margin-top:15px;}
.bk1-3-4-6 { width: 86px; height: 141px; margin-top: 20px; margin-left: 20px; float:left;}
.bkname { width: 86px; height: 20px; margin-top: 05px; font:MyriadPro-Regular; font-size: 12px; color:#FFFFFF;}
#b4 { width: 115px; height: 166px; float:left; margin-top: 05px; margin-left: 20px;}
.bkname a { color:#FFFFFF; text-decoration:none;}

#box3 {width: 800px; height: 540px; background:url(../images/content-bg.png); background-repeat:no-repeat; background-position:inherit; background-position:center; float:left;}
#bluebox {
	width: 458px;
	height: 600px;
	float:left;
	background:url(../images/box.png) no-repeat;
	margin-top: 15px;
}
#bluebox-text { width:430px; height: 450px; font-family: MyriadPro-Regular; color:#FFFFFF; font-size:13px; margin-top:20px; margin-left:10px; margin-right:20px;}
#bt-box { width: 331px; height: 525px; float:left; margin-top: 15px; margin-left: 10px;}
#bt-box ul li{list-style-type:none;}
.bt {width: 329px; height: 33px; background:url(../images/bt.png) repeat-x; }
.bt-text { width: 250px; height: 33px; float:left; padding-left: 30px; text-align:center}
#bt-box ul li{float:left; list-style-type:none; line-height:35px; text-transform:inherit; color:#FFFFFF; font: MyriadPro-Regular; font-size:16px;}
#bt-box ul li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	text-decoration:none;
	color:#F0F0F0;
	font-size:18px
}
.bt-in { width: 13px; height: 13px; background:url(../images/bt-in.png) no-repeat; float:right; margin-top:11px; margin-right: 10px;}


#box4 {width: 800px; float:left;}
.bx {width: 800px; height: 1px;}
#kidsbox {width: 390px; height: 1px; float:left;}
.head {width:395px; height:33px; background:url(../images/box-head.png) repeat-x; float:left; margin-bottom:10px;}
.headtext { width:390px; height:23px; font:MyriadPro-Regular; font-size:16px; color:#FFFFFF; text-align:center; padding: 06px;}
.k_a_m_tx_box { width: 390px; height: 154px; float:left; font: MyriadPro-Regular; font-size: 14px; color:#FFFFFF; text-align:left; margin-top: 30px;}
.k_a_m_tx_box_lft2 { background:url(../images/border-left-top.png) left top no-repeat; float:left}
.k_a_m_tx_box_right2 { background:url(../images/border-right-top.png) right top no-repeat;float:left}
.k_a_m_tx_box_lft_bottom2 {  background:url(../images/border-left-bottom.png) left bottom no-repeat;float:left}
.k_a_m_tx_box_right_bottom2 { background:url(../images/border-right-bottom.png) right bottom no-repeat;float:left; height: 124px; width:380px; padding-top: 30px; padding-left: 10px; padding-right: 05px; font-family:MyriadPro-Regular; font-size: 14px; color:#FFFFFF; text-align:left;}
.k_a_m_tx_box1 { height: 154px; background:url(../images/bg-nws.png); float:left;}
#aboutbox {width: 390px; height: 1px; float:left; margin-left: 15px;}
#wnew {width: 800px; height: 70px; margin-top: 10px;}
#wnew-1 {width: 800px; height: 187px; float:left;}
.wnewhead {width:800px; height:33px; background:url(../images/box-head.png) repeat-x; float:left; margin-top: 10px;}
.wnewheadtext {
	width:800px;
	height:23px;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	padding: 06px;
	font-family: "Adobe Arabic";
}
#bo2-2 {width: 800px; height: 187px; margin-left: 05px; float:right;}

#bo2bb2 { width: 800px; height: 110px; float:left; margin-top: 10px;}
#bo2bb_lft2 { background:url(../images/border-left-top.png) left top no-repeat; float:left}

#bo2bb_right2 { background:url(../images/border-right-top.png) right top no-repeat;float:left}
#bo2bb_lft_bottom2 {  background:url(../images/border-left-bottom.png) left bottom no-repeat;float:left}
#bo2bb_right_bottom2 { background:url(../images/border-right-bottom.png) right bottom no-repeat;float:left; height: 134px; width:785px; padding-top: 10px; padding-left: 10px; padding-right: 05px; padding-top:20px; font-family:MyriadPro-Regular; font-size: 14px; color:#FFFFFF; text-align:left;}
#bo2bb21 { height: 154px; background:url(../images/bg-nws.png); float:left;}
#gallerybox {width: 390px; height: 187px; float:left;}
#videobox {width: 390px; height: 187px; float:left; margin-left: 15px;}
.content_gallery_videos { width: 91px; height: 140px; margin-left: 150px;}
.head2 {width:395px; height:33px; background:url(../images/box-head.png) repeat-x; float:left; margin-bottom:10px;}
.headtext2 { width:390px; height:23px; font:MyriadPro-Regular; font-size:16px; color:#FFFFFF; text-align:center; padding: 06px;}
.gtx_box { width: 390px; height: 154px; float:left; font: MyriadPro-Regular; font-size: 13px; color:#FFFFFF; text-align:left; margin-top: 30px;}
.g_box_lft2 { background:url(../images/border-left-top.png) left top no-repeat; float:left}
.g_box_right2 { background:url(../images/border-right-top.png) right top no-repeat;float:left}
.g_box_lft_bottom2 {  background:url(../images/border-left-bottom.png) left bottom no-repeat;float:left}
.g_box_right_bottom2 { background:url(../images/border-right-bottom.png) right bottom no-repeat;float:left; height: 147px; width:380px; padding-top: 07px; padding-left: 10px; padding-right: 05px; font-family:MyriadPro-Regular; font-size: 14px; color:#FFFFFF; text-align:left;}
.g_box1 { height: 154px; background:url(../images/bg-nws.png); float:left;}

.vtx_box { width: 390px; height: 154px; float:left; font: MyriadPro-Regular; font-size: 13px; color:#FFFFFF; text-align:left; margin-top: 30px;}
.v_box_lft2 { background:url(../images/border-left-top.png) left top no-repeat; float:left}
.v_box_right2 { background:url(../images/border-right-top.png) right top no-repeat;float:left}
.v_box_lft_bottom2 {  background:url(../images/border-left-bottom.png) left bottom no-repeat;float:left}
.v_box_right_bottom2 { background:url(../images/border-right-bottom.png) right bottom no-repeat;float:left; height: 147px; width:380px; padding-top: 07px; padding-left: 10px; padding-right: 05px; font-family:MyriadPro-Regular; font-size: 14px; color:#FFFFFF; text-align:left;}
.v_box1 { height: 154px; background:url(../images/bg-nws.png); float:left;}
#oth { width: 800px; height: 36px; float:left; margin-top: 25px;}

#othbt { width: 152px; height: 36px; background:url(../images/otherlinks-bt-bg.png) no-repeat; float:right; margin-left: 05px; padding-top: 10px; font-size:14px; color:#FFFFFF; text-align:center}
#othbt a { color:#FFFFFF; text-decoration:none;}
#oth_lft { background:url(../images/border-left-top.png) left top no-repeat; float:left}

#oth_right { background:url(../images/border-right-top.png) right top no-repeat;float:left}
#oth_lft_bottom {  background:url(../images/border-left-bottom.png) left bottom no-repeat;float:left}
#oth_right_bottom { background:url(../images/border-right-bottom.png) right bottom no-repeat;float:left; height: 26px; width:625px; padding-top: 10px; padding-left: 10px; padding-right: 05px; font:MyriadPro-Regular; font-size:12px; color:#FFFFFF; text-align:left;}
#oth_right_bottom ul li{float:left; list-style-type:none; line-height:18px; text-transform:uppercase; padding-left: 10px;}
#oth_right_bottom ul li.seperator{background:url(../images/menu-seperator.png) center 20px no-repeat; padding-left:18px; padding-right:18px;}
#oth_right_bottom ul li a{text-decoration:none; color:#FFFFFF; font-size:20px; text-align:right;}

#othbg { height: 36px; background:url(../images/bg-nws.png); float:left;}

#footer {
	width: 800px;
	height: 30px;
	color:#FFFFFF;
	padding-left: 10px;
	margin-top:10px;
	font-size:17px;
	float:right
}





#rbCenter {
	position: absolute;
	z-index: 1000;
	text-align: left;
}

#rbCenter.rbLoading {
	background:  url(images/loading.gif) no-repeat center center;
}

#rbImage {
	padding: 10px;
	background: #0d0d0d;
	border:1px solid #333;
}

#rbBottom {
	position: absolute;
	background-color: #0d0d0d;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 1px solid #333;
	padding: 10px;
	border-top-style: none;
	z-index: 900;
	display: none;
}

#rbCloseLink {
	cursor: pointer;
	float: right;
	width: 75px;
	height: 33px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#rbCaption, #rbNumber {
	margin-right: 71px;
}

#rbCaption {
	font-weight: bold;
}

#rbLinks {
	position: absolute;
	z-index: 1100;
	display: none;
}

#rbPrevLink, #rbNextLink {
	cursor: pointer;
	margin: 0; padding: 0;
	position: absolute;
	top: 0;
	width: 49%;
}

#rbPrevLink {
	left: 0;
}

#rbPrevLink.hover {
	background: url(images/prevlabel.gif) no-repeat 0% 15%;
}

#rbNextLink {
	right: 0;
}

#rbNextLink.hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#rbShadow {
	position: absolute;
	z-index: 800;
}


#rokflow, #rokflow #loader {
background:url("../images/loader.gif") no-repeat scroll 50% 50% transparent;
height:190px;
overflow:hidden;
position:relative;
width:790px;
}
#rokflow, #rokflow {
border:0 none;
margin:0;
padding:0;
}
#rokflow div {
float:left;
position:relative;
}
#rokflow img {
border:0 none;
height:194px;
top:40px;
width:124px;
}
#rokflow div h3 {
display:block;
font-size:10px;
font-weight:normal;
position:absolute;
text-align:center;
white-space:nowrap;
color:#FFFFFF;
}
.moduletable #rokflow h3 {
background:none repeat scroll 0 0 transparent;
margin:0;
padding:0;

}
#rokflow a {
text-decoration:none;
}
#rokflow #loader {
left:0;
position:absolute;
top:0;
z-index:1000;
}
s