﻿body{
	height:100%;
	background-color:#1E0000;
}

#MainDiv {
	width: 857px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height:100%;
}
#ContentSide {
	width: 780px;
	float: right;
}
#PhotoSide {
	width: 77px;
	float: left;
	background-color:#1E0000;
	height:100%;
}
.Top {
	vertical-align: top;
}
.Right {
	text-align: right;
}
.Left {
	text-align: left;
}
.Bottom {
	vertical-align: bottom;
}
.BgColor {
	background-color: #1E0000;
}
.FullWidth {
	width: 100%;
}

.FloatRight {
	float:right;
}

.FloatLeft {
	float:left;
}

.Menu {
	background-image:url('images/salman_21.jpg');
	width:580px;
	height:33px;
	margin-left:auto;
	margin-right:auto;
	line-height:33px;
}

#Menu {
	width:100%;
	float:none;
	height:33px;	
}

#NewsBar {
height:32px;
width:478px;
}

#Content{
	width:100%;
	float:none;
	background-color:#FFF3EB;
	height:1143px;
}

/*** update to make page compatibale with ie7 ** Start ***/
#AlbumAndBook {
	width:780px;
	height:225px;
	background-color:#1E0000;
}
#PhotoAlbum {
	width:386px;
	height:225px;
	background-color:#1E0000;
}

#Books {
	width:386px;
	height:225px;
	background-color:#1E0000;
}

#Header	{
	height:258px;
	width:780px;
}
/*** update to make page compatibale with ie7 ** END ***/


.NewsBarBG {
	background-image:url('images/salman_45.jpg');
	width:300px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	line-height:32px;
	text-align:right;
}

.PhotoBlockHeaderBG {
	background-image:url('images/salman_121.jpg');
	width:146px;
	height:65px;
	margin:auto auto auto auto;
}

.PhotoBlockBodyBG {
	background-image:url('images/salman_123.jpg');
	height:147px;
	width:386px;
	background-position:left top;
}

.PhotoBlockFooterBG{
	background-image:url('images/salman_131.jpg');
	height:15px;
	width:360px;
}
.TopMargin {
	margin-top:5px;
}

.RightMargin10 {
	margin-right:10px;
}

.LeftMargin10 {
	margin-left:10px;
}

.BlockRow1{
	height:64px;
}

.FooterBg{
	width:752px;
	background-image:url('images/salman_139.jpg');
	height:102px;
}
#ContentRow1{
	height:330px;
	width:780px;
}
.RightBlockMargin{
	margin:10px 6px 10px 0px;
}

.LeftBlockMargin{
	margin:10px 9px 10px 11px;
}

#ContentRow2{
	height:320px;
	width:780px;
}

.ContentBlockHeader{
	background-image:url('images/salman_63.jpg');
	width:161px;
	height:27px;
	text-align:right;
}

.ContentBlock{
	width:381px; 
	height:320px;
}

.ContentBlock2{
	width:381px; 
	height:225px;
}

.ContentBlock3{
	width:381px; 
	height:245px;
}

.ContentBlock4{
	width:381px; 
	height:300px;
}


.ContentBlockBorder{
	background-image:url('images/salman_76.jpg');
	width:1px;
	height:164px;
}
.ContentBlockArea{
	background-image:url('images/salman_77.jpg');
	background-repeat:repeat-x;
	width:379px;
	height:293px;
}

.ContentBlockArea2{
	background-image:url('images/salman_77.jpg');
	background-repeat:repeat-x;
	width:379px;
	height:245px;
}

.ContentBlockArea3{
	background-image:url('images/salman_77.jpg');
	background-repeat:repeat-x;
	width:379px;
	height:300px;
}


.SearchTxtBox{
	width: 84px;
	height:16px;
	border:none; 
	font-size:12px; 
	font-weight:normal;
	font-family:Tahoma;
	background-color:transparent; 
	margin-top:0px;
	line-height:30px;
}

#ContentRow3{
	width:780px;
	height:70px;
}

#ContentRow4{
	width:780px;
	height:225px;
}

#ContentRow5{
	width:780px;
	height:300px;
}

#ContentRow6{
	width:780px;
	height:70px;	
}

.HorBannerMarginRight{
	margin:5px 20px 10px 10px;
}

.HorBannerMarginLeft{
	margin:5px 10px 10px 20px;
}

.TopArticle{
	width:623px;
	height:153px;
	border:1px #E09738 solid;
	margin-bottom:7px;
}

.TopArticleRight{
	width:405px;
	height:143px;
	margin:5px 5px 5px 5px;
}

.TopArticleLeft{
	width:200px;
	height:143px;
	margin:5px 0px 5px 5px;
}

.MidArticle{
	width:375px;
	height:80px;
	margin-bottom:7px;
}

.MidArticleRight{
	width:100px;
	height:70px;
	margin:10px 5px 5px 5px;
}

.MidArticleLeft{
	width:255px;
	height:70px;
	margin:10px 0px 5px 5px;
}

.Mid2Article{
	width:375px;
	height:30px;
	margin-bottom:7px;
}

.Mid2ArticleRight{
	width:28px;
	height:30px;
	margin:10px 5px 5px 5px;
}

.Mid2ArticleLeft{
	width:330px;
	height:30px;
	margin:10px 0px 5px 5px;
}

.STD_Fonts
{
    font-family:Tahoma;
    font-size:12px;
    text-decoration:none;
}

a 
{
    text-decoration:none;
}

.Header1_Fonts
{
	font-family:"Traditional Arabic";
    font-size:20px;
    font-weight:bold;
    color: #420900;
}

.Header1_MidFonts
{
	font-family:"Traditional Arabic";
    font-size:18px;
    font-weight:bold;
    color: #420900;
}


.Header2_Fonts
{
	font-family:"Traditional Arabic";
    font-size:15px;
    font-weight:bold;
    color: #635F5C;
}

.Fonts_Orange
{
    color:#CA5B2D;
}

.Justify 
{
    text-align:justify;
}

.BookBorder
{
	border: #918871 1px solid;
	padding:2px 2px 2px 2px;
	background-color: white;
}

/* image div */
     .modal 
     { 
        display: none; 
        position: absolute; 
        top: 0px; 
        left: 0px; 
        background-color:black; 
        z-index:100; 
        opacity: 0.8; 
        filter: alpha(opacity=60); 
        -moz-opacity:0.8; 
        min-height: 100%; 
     } 

     #divImage 
     { 
        display: none; 
        z-index: 1000; 
        position: fixed; 
        top: 0; 
        left: 0; 
        background-color:White; 
        height: 550px; 
        width: 610px; 
        padding: 3px; 
        border: solid 1px black; 
     } 

    .dlTable 
    { 
        border:double 1px #D9D9D9; 
        width:200px; 
        text-align:left; 
    } 

/******** end image div ***********/

.FooterTxt
{
    color:#A5703F;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
}

/*#Footer 
{
	float:none;
	clear: both;
}    */



#ctl00_ctl10_AdvSearchBTN,
#ctl00_search1_AdvSearchBTN
{cursor:pointer;
}


/* Video Gallery */
#dyna{margin: 150px auto; direction: rtl;}
        /* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:yellow;	
	text-align:center;
	font-family: tahoma;
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
   /* override the arrow image of the tooltip */
.tooltip.bottom {
 background:url(images/black_arrow_bottom.png);
 padding-top:40px;
 height:55px;
}
.tooltip.bottom {
 background:url(images/black_arrow_bottom.png);
} 







