
/*Common Styles*/
*{
  margin:0;
  padding:0;
 } 
 
body{
  text-align: center;
  background-color:#aabfd4;
  font-family: Tahoma,arial,georgia,verdana;
  font-size: 100%;  
  background-image:url(Images/Background/PageBackground.gif);
  background-position: left top;
  background-repeat: repeat-x;
  direction:rtl;
 }
 
img{
 border:0;
 display: block;
}
 
fieldset{
border: 0;
}

h1{  
  float: left; 
  padding:10px 0px 0px 38px;
 }
 
 h2{
  font-size: 1.5em;
  color:#6f1b5d;
  font-weight:normal;
    line-height:15px;
    padding: 0 0 10px 0;
}
h3{
  font-size:1.05em;
  color:#6f1b5d;
  font-weight:bold;
}
p{
font-size:.7em;
color:#3a4872;
padding: 0 0 10px 0;
}

a
{
text-decoration: none;
color: #c02970;
}

a:hover
{
color: #6f1b86;
}

/*master div*/
#Master{
text-align: left;
width: 100%;
margin: 0 auto;
background-image: url(Images/Background/FooterColor.gif);
background-position: left bottom;
background-repeat:repeat-x;
float: left;

 }
 /*page area*/
#PageArea
{
 width: 1014px;
 margin: 0 auto;
}
/*page holder div to insert the background image*/
#PageHolder
{
 float: left;
 background-isamage: url(Images/Background/PageareaBackground.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
 text-align:left;
 padding:0px 0px 0px 10px;
 width: 1004px;
 position: relative;
 z-index: 100;
}
/*header section*/
#Header{
  width: 990px;
  height:116px;
  float: left;
  background-image: url(Images/Background/HeaderBackground.gif);
  background-position: left top;
  background-repeat: no-repeat;
  float:left;
}
/*Navigation*/
#Navigation{
 width:780px;
 height:49px;
 float:right;
 clear:right;
 position:relative;
 top: 28px;
}
#Navigation ul.NavList {
padding:12px 0px 0px 0px;
width:700px;
}

#Navigation ul.NavList li{
list-style-type:none;
float:right;
padding:0px 12px 0px 12px;
}

.NavList li:first-child,.NavList li.first-child
{
padding-right:0px; 
}
#Navigation ul.NavList li a{
text-decoration:none;
color:#a6c730;
font-size:0.75em;
font-weight:bold;
}
#Navigation ul.NavList li a:hover{
color:#fff;
}
/*Mediaspace flash content*/
#MediaSpaceHolder{
float:left;
width:940px;
background-image: url(Images/Background/MediaspaceBorder.gif);
background-repeat: no-repeat; 
background-position: top left;
padding:20px 20px 30px 29px;
position:relative;
z-index:999;
}
#MediaSpace{
float:left;
width:940px;
height:236px;
background-color: #6e3258;
padding-top: 1px;
}
#MediaNavigation{
float:right;
width:700px;
height:50px;
clear:both;
}
#MediaNavigation #Navigation ul.NavList {
padding:0px;
}
#MediaNavigation #Navigation ul.NavList li a{
color:#572704;
}
#MediaNavigation #Navigation ul.NavList li a:hover{
color:#fff;
}
/*Inner content below the flash content*/
#Content
{
width:990px;
float:left;
clear:both;
padding-left:10px;
margin-top:-40px;
position:relative;
z-index:990px;
padding-bottom: 60px;
} 

.InnerPage #Content
{
margin: 0px;
width: 980px;
}
/*Column1 Containing the four boxes*/
.Column1{
width:800px; 
float:left;
overflow:hidden;
margin-top:20px;
}
/*Column1  box*/
.Column1 .Box{
width:380px;
float:left;
background-image: url(Images/Background/ControlsTop.gif);
background-position: right top;
background-repeat:no-repeat;
padding-top:10px;
margin:0px 20px 20px 0px;
}
/*Column1  box inner boxes */
.Column1 .Box .Controls{
width:380px;
float:left;
background-image: url(Images/Background/ControlsBottom1.gif);
background-position: left bottom;
background-repeat:no-repeat;
padding-bottom:10px;
}
/*Column1  box inner boxes  Inner holders*/
.Column1 .Box .InnerHolder{
background-color:#7A8FBA;
width:360px;
float:left;
padding:0px 10px 0px 10px;
}
/*inner boxes Containg captions and informations*/
.Column1 .ControlCaption{
width:345px;
background-image: url(Images/Background/ControlInnerbackground.gif);
background-position: right top;
background-repeat:no-repeat;
float:left;
text-align:right;
padding:20px 15px 20px 0px;
background-color:#fbf5ea;
height:auto!important;
min-height:255px;
height:255px;
}

.ControlCaption ul{
list-style: none;
padding: 10px 0 0 0;
}

/*Captions*/
.Captions{
float:right;
width: 250px;
}
/*Images*/
.ControlImage{
float:right;
padding-right:15px;
}

.Thumb{
width:154px;
float:left;
}

/*List item hloding the boxes*/
.HomeList li{
list-style-type:none;
float:right;
width:154px;
padding:0px 12px 20px 0px;
}
.HomeList .Last{
padding-right:0px;
}

.InnerPage .HomeList
{
width: 100%;
clear: both;
float: left;
padding: 0 0 30px 0;
margin-top:10px;
}

.InnerPage .HomeList li
{
padding: 0 0 20px 15px;
}

.InnerPage .HomeList p
{
padding: 0;
}

.InnerPage .HomeList a
{
color: #6f1b5d;
text-decoration: none;
}

.InnerPage .HomeList a:hover
{
color: #fefae7;
}

.InnerPage .Column2 .HomeList
{
width: 300px;
float: none;
padding: 10px 0px  50px 0;
}
.InnerPage .Column2 .HomeList .Thumb
{
width: auto;
}

.InnerPage .Column2 .HomeList li
{
float: right;
width: auto;
}

.InnerPage .Column2 .HomeList li .Description
{
float: left;
width: auto;
text-align: right;
width: 78px;
clear: both;
}


.InnerPage .Column2 .HomeList li .Description p
{
font-weight: bold;
font-size: 0.9em;
}


.Description{
width:154px;
float:left;
}
.HomeList .Description p{
padding-right:3px;
}
/*Column2 Containing small boxe*/
.Column2{
width:180px;
float:left;
margin-top:20px;
overflow: hidden;

}
/*Column2  box*/
.Column2 .Box{
float:left;
background-image: url(Images/Background/SmallControlsTop.gif);
background-position: left top;
background-repeat:no-repeat;
padding-top:9px;
margin:0px 0px 20px 0px;
}
.Column2 .Box .Controls{
float:left;
background-image: url(Images/Background/SmallControlsBottom.gif);
background-position: left bottom;
background-repeat:no-repeat;
padding-bottom:10px;
}
/*Column2  box inner boxes */
.Column2 .Box .InnerHolder{
background-color:#7A8FBA;
float:left;
padding:0px 10px 0px 10px;
}
/*inner boxes Containg captions and informations*/
.Column2 .ControlCaption{
background-color:#ffe684;
width:160px;
background-image: url(Images/Background/ControlInnerbackground.gif);
background-position: left top;
background-repeat:no-repeat;
text-align:right; 
padding:20px 0px 0px 0px;
float:left;
}

.Column2 .ControlCaption h2
{
padding-right: 10px;
}


.InnerPage .Column2 .ControlCaption h2
{
padding-right: 0;
}


/*Right side ul  and list items*/
.Icons ul li{
padding-bottom:20px;
list-style-type:none;
float:left;
}
/*Footer*/
#Footer{
width: 1014px;
background-image: url(Images/Background/FooterBackground.gif);
background-position: right bottom;
background-repeat:no-repeat;
height:136px;
margin-top: -60px;
position: relative;
float: left;
z-index:1000;
}
/*Footer Content Main div*/
.Footercontent{
position:relative;
top:90px;
width:100%;
}
/*right div*/
.Copyright{
float:left;
padding:0px 0px 0px 120px;
}
/*Footer Text*/
.Copyright p{
color:#b39482;
font-weight:bold;
}
/*Left div*/
.PrivacyPolicy {
float:right;
font-weight:bold;
color:#fff;
padding:0px 50px 0px 0px;
text-align:right;
}
/*Footer  link*/
.PrivacyPolicy  a{
color:#fff;
text-decoration:none;
}
/*Footer link hover*/
.PrivacyPolicy  a:hover{
color:#d9b76e;
}
/*Inner Page Styles::   News Page*/
/*InnerPage styles*/
 body.InnerPage{
 background-image: url(Images/Background/Page.gif);
 background-position: left top;
 background-repeat: repeat-x;
 background-color:#aabfd4;
 }
  h4{
 float:right;
 }
 .FloatLeft{
 float:left;
 }
  .NewsInfoleft{
  width:580px;
  float:right;
  clear:both;
  margin-left:20px;
   }
  .NewsInfoleft .NewsBox{
  float:left;
  background-image: url(Images/Background/NewsleftTop.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding-top:9px;
  float:left;
  }
  .NewsInfoleft .NewsLeft {
  background-image: url(Images/Background/NewsleftBottom.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding-bottom:10px;
  float:left;
  }
  .NewsInfoleft .NewsBoxshade{
  background-color:#7a8fba;
  float:left;
  padding:0px 10px 0px 10px;
  }
  .NewsInfoleft .NewsDetails{
  background-image: url(Images/Background/NewsBubbles.gif);
  background-position: left top;
  background-repeat:repeat-x;
  background-color:#dde9ef;
  width:520px;
  text-align:right;
  padding:20px 20px 0px 20px;
  float:left;
  } 
   .NewsInfoleft .NewsDetails p{
    font-size:.75em;
    color:#c02970;
    line-height:20px;
    }
  
  .Date{
  color:#6f1b5d;
  font-weight:bold;
  }
  .Paging{
  width:510px;
  padding:20px 0px 20px 0px;
  float:left;
  }
  .Paging .Previous{
  text-align:left;
  font-size:.8em;
  color:#6b4b00;
  padding:10px 5px 9px 50px;
  float:left;
  background-image: url(Images/Generic/Previous.gif);
  background-position: left top;
  background-repeat:no-repeat;
  background-color:transparent;
  border:0px none;
  }
  .Paging .Next{
  text-align:right;
  font-size:.8em;
  color:#6b4b00;
  padding:10px 50px 9px 5px;
  float:right;
  background-image: url(Images/Generic/Next.gif);
  background-position: right top;
  background-repeat:no-repeat;
  background-color:transparent;
  border:0px none;
    }
  .NewsInforight{
  width:380px;
  overflow:hidden;
  margin-top:20px;
  float:right;
  }
.NewsInforight .Box{
background-image: url(Images/Background/ControlsTop.gif);
background-position: left top;
background-repeat:no-repeat;
}
.NewsInforight .Box .Controls{
background-image: url(Images/Background/ControlsBottom1.gif);
background-position: left bottom;
background-repeat:no-repeat;
}
/*inner boxes Containg captions and informations*/
.NewsInforight .ControlCaption{
width:345px;
padding:20px 15px 20px 0px;
}



.CartoonLogos{
float:left;
}
.CartoonLogos .Icons li{
float:left;
}
.CartoonLogos td,
.CartoonLogos ul li
{
vertical-align: top;
padding: 0 0 0px 0;
}
.CartoonLogos td{
vertical-align:top;
text-align:right;
}

.CartoonLogos td img
{
margin: 0 10px 10px 0;
}
.Webcomic{
margin:35px -40px 0px 0px;
position:relative;
}
/*NewsListing Page styles*/
.InnerPage #Header{
  width: 990px;
  height:169px;
  float: left;
  background-image: url(Images/Background/InnerHeader.gif);
  background-position: right top;
  background-repeat: no-repeat;
  float:left;
  position:relative;
  z-index:700;
}

#BarahaLogo
{
float: right;
}
.NewsTop{
width:100%;
float:left;
}
.NewsTop h4{
float:right;
}
h4.Aligntop{
margin-top:-80px;
position:relative;
z-index:800;
right: 20px;
}
.ArabicText{
width:570px;
text-align:left;
float:right;
padding: 0 5px 0 0;
}
.ArabicText h4{
float:right;
padding: 8px 27px 0 0;
}

#Navigation2 {
padding:0px 0px 0px 0px;
width:800px;
float:right;
margin: 30px 0 0 0;
}

#Navigation2  li{
list-style-type:none;
float:right;
padding:0px 12px 0px 12px;
}
.InnerPage #Navigation2
{
float: left;
margin-top: 20px;
width:760px;
float:left;
}
#NavHolder2{
float:left;
width:900px;
}
.NavList li:first-child,.NavList li.first-child
{
padding-right:0px; 
}
.NavList li:last-child,.NavList li.last-child
{
padding-left:0px; 
}
#Navigation2  li a{
text-decoration:none;
color:#e489bb;
font-size:0.9em;
font-weight:bold;
}
#Navigation2 li a:hover{
color:#fff;
}

ul.GenericList
{
width: 100%;
list-style: none;
}

ul.GenericList li
{
float: right;
padding: 0 0 20px 20px;
width: 80px;
text-align: right;
}

ul.GenericList li a
{
color: #324e69;
font-size: 0.6em;
}
.sf_contentComments .sf_contentCommentForm, .sf_genericContent, .sf_contentAuthor{ color:#C02970;}