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

*{margin:0; padding:0}

body{font-family:Tahoma; font-size:11px; color:#3e412e; text-align:right; background:#FFF}

img{display:inline; border:none}

a{display:inline; color:#111400; text-decoration:none}

a:focus{outline:none}

p{text-align:right; line-height:14px}

.clear{clear:both}

.right{float:right}

.left{float:left}

div#main{position:relative; margin:0 auto; width:900px; direction:rtl; background:#fffdf4; border-left:#dbdbd0 1px solid; border-right:#dbdbd0 1px solid}

div#header{float:right; width:100%; height:202px; overflow:hidden}

#listTop{float:right; width:100%; height:26px; background:url(../Images/Design/1_ListTxt.gif) repeat-x}

.txtBox{float:right; width:100%; height:16px; padding:1px 0 0 0; color:#5a1f00; border:none; font-family:Tahoma; font-size:11px; background:url(../Images/Design/1_TxtBox.gif) repeat-x; }

#listTop a{color:#000}

#listTop a:hover{text-decoration:none}

#newSite{float:right; width:100%; height:29px; background:url(../Images/Design/1_NewSiteBg.gif) repeat-x}

#newSite #marqText{display:inline; float:right; margin:8px 0 0 0; width:100%; height:14px; overflow:hidden}

#newSite #marqText a:hover{color:#4d4234; text-decoration:underline}

div#contentWrap{float:right; width:100%; background:url(../Images/Design/ContentBg.gif) repeat-y}

div#contentRightWrap{display:inline; float:right; margin:4px 1px 0 0; width:180px}

div#contentMiddWrap{display:inline; float:right; margin:4px 5px 0 0; width:530px}

div#contentLeftWrap{display:inline; float:left; margin:4px 0 0 0; width:180px}

div#contentMaster{display:inline; float:right; margin:6px 5px 0 0; width:710px}

div#menuWrap{float:right; width:177px}

div#menuWrap ul{float:right; width:100%}

div#menuWrap ul li{float:right; width:100%; height:25px; list-style:none; background:url(../Images/Design/2_MenuLinkBg.gif) no-repeat}

div#menuWrap ul li a{float:right; margin:6px 35px 0 0}

div#otherSiteWrap{float:right; width:177px; background:url(../Images/Design/3_OtherSitesBorder.gif) repeat-y}

div#otherSiteWrap a p{display:inline; float:right; margin:8px 25px 0 0; font-family:Traditional Arabic; font-size:20px; font-weight:bold; color:#24160d}

div#quranVoiceWrap{float:right; width:177px; height:192px}

div.programsWrap{float:right; width:177px; color:#111400; background:url(../Images/Design/4_ProgramsBorder.gif) repeat-y}

div.programsWrap ul{float:right; width:100%}

div.programsWrap ul li{float:right; padding-bottom:10px; width:100%; list-style:none; background:url(../Images/Design/4_ProgramsLine.gif) no-repeat bottom right}

div.programsWrap ul li span{display:inline;float:right; margin:5px 15px 0 0; padding:0 15px 0 0; width:140px; background:url(../Images/Design/4_Arrow.gif) no-repeat right top}

div.programsWrap ul li p img{float:right; margin:5px 10px 0 0; padding:2px; width:150px; height:120px; border:#e1e1e1 1px solid; background:#FFF}

.adverSmallWrap{display:inline; float:right; margin:0 2px 10px 0; width:175px; height:140px; overflow:hidden}

.adverMiddWrap{display:inline; float:right; margin:0 5px 5px 0; width:520px; height:80px; overflow:hidden}

div#blockWelcomeWrap{float:right; width:100%; background:url(../Images/Design/5_BlockBorder.gif) repeat-y}

div#blockWelcomeWrap span p img{float:left; margin:0 4px 4px 0; padding:3px; width:120px; height:70px; background:#FFF; border:#dfe0d4 1px solid}

div#blockNewsWrap{float:right; width:100%; background:url(../Images/Design/6_BlockNewsBorder.gif) repeat-y}

div.blockBoxWrap{display:inline; float:right; margin:0 7px 0 0; width:516px; background:#e2e6ca url(../Images/Design/6_BlockNewsTopBg.gif) repeat-x top}

.blockBox{float:right; width:100%; background:url(../Images/Design/6_BlockNewsBoxBorder.gif) repeat-y}

.blockBox .boxTitle{float:right; padding:0 10px 5px 0; margin-top:8px; width:480px; height:18px; overflow:hidden; font-family:arial; font-size:18px; color:#000; background:url(../Images/Design/6_Arrow.gif) no-repeat right top}

.blockBox .boxDate{float:right; padding:10px 0 2px 0; width:480px; color:#7b7f69}

.blockBox .boxIntro{float:right; width:490px}

.blockBox .boxIntro img{float:left; margin:0 4px 4px 0; padding:3px; width:120px; height:70px; background:#FFF; border:#d4d7c7 1px solid}

.blockBox .boxIntro a{color:#dc792b; text-decoration:underline}

.blockBox .boxIntro a:hover{text-decoration:none}

div#blockOtherNewsWrap{float:right; width:100%; background:url(../Images/Design/7_BlockOtherNewsBorder.gif) repeat-y}

div#blockOtherNewsWrap #blockOtherTop{float:right; width:100%; height:34px; background:url(../Images/Design/7_BlockOtherNewsTopBg.gif) repeat-x}

div#blockOtherNewsWrap ul{float:right; width:100%}

div#blockOtherNewsWrap ul li{display:inline; float:right; margin:5px 6px 0 1px; padding-bottom:5px; width:256px; border-bottom:#d5d6be 2px solid; list-style:none}

div#blockOtherNewsWrap ul li a{float:right; padding-right:10px; font-weight:bold; color:#000; background:url(../Images/Design/7_Arrow.gif) no-repeat right top}

div#blockOtherNewsWrap ul li a:hover{text-decoration:underline}

div#blockOtherNewsWrap ul li p.intro{float:right; padding:10px 3px 0 0; width:160px; height:42px; overflow:hidden}

div#blockOtherNewsWrap ul li img{float:left; padding:3px; width:78px; height:58px; background:url(../Images/Design/7_PicWrap.gif) no-repeat}

.boxFourmWrap{display:inline; float:right; margin:10px 11px 0 10px; width:243px; background:url(../Images/Design/8_ForumBorder.gif) repeat-y}

.forumLinkWrap{display:inline; float:right; padding-bottom:8px; margin:2px 5px 0 0; width:230px; background:url(../Images/Design/8_ForumLinkBorder.gif) repeat-x bottom}

.forumLink{display:inline; float:right; padding:1px 10px 0 0; margin:0 5px 0 0; width:220px; background:url(../Images/Design/7_Arrow.gif) no-repeat right top}

.forumLink a:hover{color:#a86d03}




/***Article***/

#articleWrap{float:right; padding-bottom:5px; width:100%; overflow:hidden; border-bottom:#d5d6be 2px solid}

#articleBlockWrap{float:right; width:100%; height:25px; background:url(../Images/Design/9_ArticleBlockBg.gif) repeat-x}
#articleBlockWrap p{font-family:Traditional Arabic; font-size:16px; font-weight:bold; color:#000}
#articleBlockTitle{float:right; padding:8px 10px 2px 0; width:570px; height:20px; overflow:hidden; background:url(../Images/Design/9_ArticleBlockRight.gif) no-repeat right top}

#articleTitle{display:inline; float:right; padding:0 15px 3px 0; margin:6px 10px 0 0; width:670px; font-size:14px; font-weight:bold; background:url(../Images/Design/4_Arrow2.gif) no-repeat right top}

#articleDate{float:right; width:100%; color:#989996; font-size:10px}

#articleWrap #articleBody{display:inline; float:right; margin:20px 5px 0 0; width:700px; text-align:center}

#articleWrap #articleBody p{float:right; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:22px}

#articleWrap #articleBody img{border:#d4d7c7 1px solid; padding:2px; margin:5px}

div#articleCommentWrap{float:right; margin-top:10px; width:700px; background:url(../Images/Design/9_CommentBorder.gif) repeat-y}

div#articleCommentWrap #ACBlock{float:right; width:100%; height:30px; background:url(../Images/Design/9_CommentTopBg.gif) repeat-x}

div#articleCommentWrap span{display:inline; float:right}

div#articleCommentWrap span input{float:right; width:300px; height:15px; border:#e2e5cd 1px solid; background:#fdfdfa; font-size:11px; font-family:Tahoma}

.CommentTxt{float:right; width:300px; height:150px; border:#e2e5cd 1px solid; background:#fdfdfa; font-size:11px; font-family:Tahoma}

.ACBox{padding-bottom:8px; margin:5px 10px 0 0; width:680px; background:url(../Images/Design/8_ForumLinkBorder.gif) repeat-x bottom}

.ACtxt{padding:2px 10px 0 0; width:120px; font-weight:bold; background:url(../Images/Design/7_Arrow.gif) no-repeat right top}
/***End Article***/

/***Archive***/
.archiveBox{display:inline; float:right; margin:10px 7px 0 0; padding-bottom:5px; width:700px; background:url(../Images/Design/Archive_Dotted.gif) repeat-x bottom}

.archiveTitle{float:right; padding:0 15px 3px 0; width:670px; font-size:18px; font-weight:bold; line-height:18px; font-family:Traditional Arabic; background:url(../Images/Design/4_Arrow2.gif) no-repeat right top}

.archiveTitle a{color:#7e7165}

.archiveTitle a:hover{color:#24170d}

.archiveDate{float:right; width:100%; color:#989996; font-size:10px}

.archiveIntro{float:right; width:100%; line-height:16px}

.archiveIntro img{float:left; padding:2px; margin:0 5px 0 0; width:120px; height:70px; border:#e1e1e1 1px solid}

.archiveIntro a{color:#dc792b; text-decoration:underline}

.archiveIntro a:hover{text-decoration:none}
/***End Archive***/

.pagingWrap{float:right; margin-top:10px; width:100%; text-align:center}

/***Comment***/
#commentAdd{float:left; cursor:pointer}

#commentCancel{display:none; float:left; cursor:pointer}

#commentWrapper{display:none; float:right; width:100%}

#commentShow{float:right; width:100%}

#commentBlock{float:right; width:100%; height:30px; background:url(../Images/Design/9_Comment_BlockBg.gif) repeat-x}

.commentBox{display:inline; float:right; margin:10px 7px 0 0; padding-bottom:5px; width:700px; background:url(../Images/Design/Archive_Dotted.gif) repeat-x bottom}

.commentRow{float:right; width:100%}

.commentArrow{float:right; padding:0 15px 3px 0; width:60px; font-weight:bold; background:url(../Images/Design/4_Arrow2.gif) no-repeat right top}

.commentText{float:right; width:100%; line-height:16px}
/***End Comment***/

/*div#footerWrap{float:right; width:100%; height:78px; background:url(../Images/Design/FooterBg.gif) repeat-x}

div#footerWrap .part{float:right; margin-top:6px; height:68px}

div#footerWrap .part p{display:inline; margin-top:4px; float:right; width:90%; color:#c7c9bd}

div#footerWrap .part p .dash{float:right; width:4px}

div#footerWrap .part a{display:inline; float:right; margin:0 2px 0 2px; color:#c7c9bd; font-weight:bold; text-decoration:underline}

div#footerWrap .part a:hover{text-decoration:none}*/

div#footerWrap{float:right; width:100%; height:130px; background:url(../Images/Design/FooterBg.gif) repeat-x}

div#footerWrap .part{float:right; margin-top:6px; height:68px}

div#footerWrap .part p{display:inline; margin-top:4px; float:right; width:90%; color:#c7c9bd}

div#footerWrap .part p .dash{float:right; width:4px}

div#footerWrap .part a{display:inline; float:right; margin:0 2px 0 2px; color:#c7c9bd; font-weight:bold; text-decoration:underline}

div#footerWrap .part a:hover{text-decoration:none}



/***Slider***/
#slider{float:right; width:100%; overflow:hidden}

ul#sliderContent{width:100%; min-height:150px; float:right}

li.sliderImage{float:right; width:100%; display:none; list-style:none}
/***End Slider***/

/***Slider***/
#mlider{float:right; width:100%; overflow:hidden}

ul#mliderContent{width:100%; height:280px; overflow:hidden; float:right}

li.mliderImage{float:right; width:100%; display:none; list-style:none}
/***End Slider***/