/*Common Styles*/
*{
  margin:0;
  padding:0;
 } 
 
body{
  text-align: center;
  background-color:#f3f10c;
  font-family: Tahoma,arial,georgia,verdana;
  font-size: 100%;  
  background-image: url(Images/Background/Page.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 40px;

 }
 
 h2{
  font-size: 1.5em;
  color:#324e69;
  font-weight:normal;
  line-height:15px;
  padding: 0 0 10px 0;
}
h3{
  font-size:1.05em;
  color:#4e8195;
  font-weight:bold;
  padding: 0 0 10px 0;
}

h4
{
  font-size:0.9em;
  color:#6b4b00;
  font-weight:bold;
  clear: both;
  width: 100%;
  padding: 10px 0 10px 0;
}

a
{
color: #324e69;
text-decoration: none;
}

a:hover
{
color: #4e8195;
}

* :focus { outline:none }

p{
font-size:.7em;
color:#052442;
padding: 0 0 10px 0;
}
/*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-image: 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:700px;
height:49px;
float:right;
clear:right;
position:relative;
top:28px;
}
#Navigation ul.NavList {
padding:12px 0px 0px 0px;
}

#Navigation ul.NavList li{
list-style-type:none;
float:right;
padding:0px 12px 0px 12px;
}
#Navigation .NavList .Last{
padding:0px;
}
#Navigation ul.NavList li a{
text-decoration:none;
color:#052442;
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 30px;
position:relative;
z-index:999;
margin-top:1px;
}
#MediaSpace{
float:left;
width:940px;
height:235px;
}
/*Inner content below the flash content*/
#Content
{
width:980px;
float:left;
clear:both;
padding-left:10px;
margin-top:-12px;
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:9px;
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:9px;
}
/*Column1  box inner boxes  Inner holders*/
.Column1 .Box .InnerHolder{
background-color:#a8b607;
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:#ffe684;
height:auto!important;
min-height:250px;
height:250px;
position: relative;
}

.Column1 .ControlCaption ul 
{
list-style: none;
}

/*Captions*/
.Captions{
float:right;
}
/*Images*/
.ControlImage{
float:left;
padding-right:15px;
width: 200px;
overflow: hidden;
margin: 0 0 -20px 0;
}

.ControlImage img
{
bottom: 0;
left: 0;
position: absolute;
}

/*List item hloding the boxes*/
.ControlCaption ul.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;
}

.InnerPage .HomeList li
{
padding: 0 0 0 20px;
}

.InnerPage .HomeList p
{
padding: 0;
}

.InnerPage .HomeList a
{
color: #052442;
text-decoration: none;
}

.InnerPage .HomeList a:hover
{
color: #df091e;
}

.InnerPage .Column2 .HomeList
{
width: 300px;
float: right;
padding: 20px 30px  50px 0;
}


.InnerPage .Column2 .HomeList .Thumb
{
width: 85px;
}

.InnerPage .Column2 .HomeList li
{
float: right;
width: 70px;
padding: 0 0 0 30px;
}

.InnerPage .Column2 .HomeList li .Description
{
float: right;
width: auto;
text-align: right;
width: 90px;
}

.InnerPage .Column2 .HomeList li .Description p
{
font-weight: bold;
font-size: 0.8em;
padding: 10px 5px 0 0;
}

.Thumb{
width:154px;
float:left;
}
.Description{
width:154px;
float:left;
}
.InnerPage .NewsDetails ul.HomeList li {
float:right;
padding:0 0 0 15px;
width:150px;
list-style-type:none;
}
/*Column2 Containing small boxe*/
.Column2{
width:180px;
float:left;
margin-top:20px;
}
/*Column2  box*/
.Column2 .Box{
float:left;
background-image: url(Images/Background/SmallControlsTop.gif);
background-position: left top;
background-repeat:no-repeat;
padding-top:10px;
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:9px;
}
/*Column2  box inner boxes */
.Column2 .Box .InnerHolder{
background-color:#a8b607;
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;
position: relative;
min-height:200px;
height:200px;
}

.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;
}

.ControlCaption ul
{
list-style: none;
}

.ControlCaption ul li
{
font-size: 0.8em;
padding: 0 0 10px 0;
}

.ControlCaption ul li a
{
text-decoration: none;
color: #052442;
}

.ControlCaption ul li a:hover
{
color: #df091e;
}


/*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:#7f9eae;
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:#0066a6;
}


/*Inner Page Styles::   News Page*/
/*InnerPage styles*/
 body.InnerPage{
 background-image: url(Images/Background/InnerPage.gif);
 background-position: left top;
 background-repeat: repeat-x;
 }
  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:10px;
  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:#a8b607;
  float:left;
  padding:0px 10px 0px 10px;
  }
  .NewsInfoleft .NewsDetails{
  background-image: url(Images/Background/NewsBubbles.gif);
  background-position: left top;
  background-repeat:repeat;
  background-color:#e9ed5e;
  width:520px;
  text-align:right;
  padding:20px 20px 0px 20px;
  float:left;
  height:auto!important;
  min-height:480px;
  height:480px;
  } 
   .NewsInfoleft .NewsDetails p{
    font-size:.75em;
    color:#6b4b00;
    line-height:20px;
    padding-right:5px;
    }
  .Description p{
  padding-right:4px;
  }
  .Date{
  color:#6b4b00;
  font-weight:bold;
  }
  .Paging{
  width:100%;
  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/InnerPageTop.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float:left;
  position:relative;
  z-index:700;
}
.NewsTop{
width:100%;
float:left;
text-align:right;
}
.NewsTop h4{
float:right;
}
h4.Aligntop{
margin-top:-90px;
z-index:800;
float: right;
position: relative;
width: auto;
right: 20px;
}
.ArabicText{
width:570px;
float:right;
}
.ArabicText h4{
float:right;
margin: 10px 0 0 0;
padding :0px 20px 0px 0;
}

#Navigation2 {
padding:0px 0px 0px 0px;
width:800px;
float:right;
margin: 30px 0 0 0;
}

.InnerPage #Navigation2 {
margin-top:20px;
width:730px;
float:left;
}
#NavHolder2{
float:left;
width:900px;
}
#Navigation2 li{
list-style-type:none;
float:right;
padding:0px 12px 0px 12px;
}

.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:#052442;
font-size:0.9em;
font-weight:bold;
}
#Navigation2 li a:hover{
color:#df091e;
}

.Details p img
{
margin:0 0 0 20px;
}

ul.GenericList
{
width: 100%;
list-style: none;
}

ul.GenericList li
{
float: right;
padding: 0 0 20px 20px;
width: 80px;
text-align: center;
}

ul.GenericList li a
{
color: #324e69;
font-size: 0.8em;
}

.sf_contentComments .sf_contentCommentForm, .sf_genericContent, .sf_contentAuthor{ color:#6B4B00;}