/*Common Styles*/
*{
  margin:0;
  padding:0;
 } 
 
body{
  text-align: center;
  background-color:#d7b368;
  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; 
  margin:10px 0px 0px 0;
  padding: 0 0 0 40px;
 }
 
 h2{
  font-size: 1.5em;
  color:#6b4b00;
  font-weight:normal;
  line-height:15px;
  padding: 0 0 10px 0;
}
h3{
  font-size:1.05em;
  color:#6b4b00;
  font-weight:bold;
  padding: 10px 0 10px 0;
}

h4
{
  font-size:0.9em;
  color:#6b4b00;
  padding: 10px 0 10px 0;
}

p{
font-size:.7em;
color:#6b4b00;
padding: 0 0 10px 0;
}

a
{
color: #6b4b00;
text-decoration: none;
}

a:hover
{
color: #a77600;
}

/*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:750px;
 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; 
}
.NavList li:last-child,.NavList li.last-child
{
padding-left:0px; 
}
#Navigation ul.NavList li a{
text-decoration:none;
color:#bf9351;
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:22px 20px 30px 29px;
position:relative;
z-index:999;
background-color: #7e3e15;
height: 272px;
overflow: hidden;
}
#MediaSpace{
float:left;
width:940px;
height:235px;
}
#MediaNavigation{
float:right;
width:700px;
height:50px;
clear:both;
}
#MediaNavigation .Navigation ul {
padding:0px;
}
#MediaNavigation .Navigation ul li a{
color:#572704;
}
#MediaNavigation .Navigation ul li a:hover{
color:#fff;
}
/*Inner content below the flash content*/
#Content
{
width:990px;
float:left;
clear:both;
margin-top:-40px;
position:relative;
z-index:990px;
padding: 0 0 60px 10px;
} 
.InnerPage #Content
{
margin: 0;
}
/*Column1 Containing the four boxes*/
.Column1{
width:800px; 
float:left;
overflow:hidden;
}
/*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:#e4c963;
width:360px;
float:left;
padding:0px 10px 0px 10px;
}
/*inner boxes Containg captions and informations*/
.Column1 .ControlCaption{
width:345px;
background-image: url(Images/Background/NewsBubbles.gif);
background-position: right top;
background-repeat:no-repeat;
float:left;
text-align:right;
padding:20px 15px 0px 0px;
background-color:#fbf5ea;
height:auto!important;
min-height:160px;
height:160px;
position: relative;
}

.BottomAlign
{
position: absolute;
bottom:0;
left: 0;
_left: 10px;
}

/*Captions*/
.Captions{
float:right;
width: 170px;
}
/*Images*/
.ControlImage{
float:right;
padding-right:15px;
width: 150px;
}

/*List item hloding the boxes*/
.ControlCaption ul.HomeList li{
list-style-type:none;
float:right;
width:154px;
padding:0px 12px 20px 0px;
}
.ControlCaption ul.HomeList .Last{
padding-right:0px;
}
.Thumb{
width:154px;
float:left;
}
.Description{
width:154px;
float:left;
}

.InnerPage .NewsDetails ul.HomeList
{
width: 100%;
clear: both;
float: right;
padding: 0 0 30px 0;
list-style: none;
}

.InnerPage .NewsDetails ul.HomeList li
{
padding: 0 0 0 15px;
width: 150px;
float: right;
}

.InnerPage .HomeList p
{
padding: 0;
}

.InnerPage .HomeList a
{
color: #7c3c16;
text-decoration: none;
}

.InnerPage .HomeList a:hover
{
color: #cb9a27;
}

.InnerPage .Column2 .HomeList
{
width: 300px;
float: right;
padding: 0 30px  50px 0;
}

.InnerPage .Column2 ul.InnerList
{
width: 345px;
padding: 0;
float: right;
}


.InnerPage .Column2 .HomeList .Thumb
{
width: 90px;
}

.InnerPage .Column2 .InnerList .Thumb
{
width: 140px;
}
.InnerPage .Column2 .HomeList li
{
float: right;
width: 70px;
padding: 0 0 0 30px;
}

.InnerPage .Column2 .InnerList li
{
width: 140px;
float: right;
padding:0 0 0 30px;
_padding:0 0 0 20px;
}

.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.9em;
}

.InnerPage .Column2 .InnerList li .Description
{
width: 140px;
font-size: 12px;
}



/*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: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:10px;
}
/*Column2  box inner boxes */
.Column2 .Box .InnerHolder{
background-color:#E4C963;
float:left;
padding:0px 10px 0px 10px;
}
/*inner boxes Containg captions and informations*/
.Column2 .ControlCaption{
background-color:#f8f1d9;
width:150px;
background-image: url(Images/Background/NewsBubbles.gif);
background-position: left top;
background-repeat:no-repeat;
text-align:right; 
padding:20px 10px 0px 0px;
float:left;
position: relative;
height:auto!important;
min-height:160px;
height: 160px;
}

.Column2 .ControlCaption p img
{
position: absolute;
bottom: 0;
left: 0;
}

.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: #7c3c16;
}

.ControlCaption ul li a:hover
{
color: #be8424;
}

/*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;

}
/*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/InnerPage.gif);
 background-position: left top;
 background-repeat: repeat-x;
 background-color:#d7b367;
 }
  h4{
 float:right;
 }
 .FloatLeft{
 float:left;
 }
  .Column1 {
  margin-top:20px;
  clear:both;
  }
  .NewsInfoleft{
  width:580px;
  float:right;
  padding-right:10px;
   }
  .NewsInfoleft .NewsBox{
  float:left;
  background-image: url(Images/Background/NewsleftTop.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding-top:10px;
  }
  .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:#e4c963;
  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:#fdf0bc;
  width:520px;
  text-align:right;
  padding:20px 20px 20px 20px;
  float:left;
  height:auto!important;
  min-height:500px;
  height:500px;
  } 
  
  .NewsDetails table
  {
  clear: both;
  border: 1px solid #e4c963;
  margin: 10px 0 10px 0;
  }
  
.NewsDetails ul
{
clear: both;
list-style: square;
color: #6B4B00;
font-size:0.75em;
padding: 0 15px 0 0;
}  

.NewsDetails ul li
{
padding: 0 0 10px 0;
}
  
   .NewsInfoleft .NewsDetails p{
    font-size:.75em;
    color:#6b4b00;
    line-height:20px;
    }
  
  .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:left;
  }
.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: left top;
  background-repeat: no-repeat;
  float:left;
  position:relative;
  z-index:700;
}

.InnerPage #Navigation2
{
margin-top:15px;
width:780px;
float:left;
}
#NavHolder2{
float:left;
width:900px;
}
.NewsTop{
width:100%;
float:left;
clear: both;
}
.NewsTop h4{
float:right;
}
h4.Aligntop{
margin-top:-80px;
position:relative;
z-index:800;
right: 20px;
}
.ArabicText{
width:570px;
text-align:right;
float:right;
position: relative;
right: 30px;
}
.ArabicText h4{
float:right;
}

#Navigation2 {
padding:0px 0px 0px 0px;
swidth:750px;
sfloat:right;
margin: 30px 0 0 0;
}

#Navigation2  li{
list-style-type:none;
float:right;
padding:0px 11px 0px 11px;
}

#Navigation2  li:first-child, #Navigation2  li.first-child {
padding-right:0;
}

#Navigation2  li a{
text-decoration:none;
color:#4f1f02;
font-size:0.9em;
font-weight:bold;
}
#Navigation2 li a:hover{
color:#fff;
}

.sf_expandableList
{
list-style: none;
font-size: 0.7em;
padding: 10px 0 10px 0;

}

.sf_expandableList li a
{
color: #7c3c16;
text-decoration: none;
}

.sf_expandableList li h3
{
padding: 0;
}

.sf_expandableList li a:hover
{
color: #c18925;
}

.NewsInfoleft .NewsDetails .sf_expandableList  p
{
font-size: 1em;
}

.sf_controlListItems
{
padding:  10px 0 10px 0;
}

.sf_controlListItems a
{
color: #c18925;
}
.sf_controlListItems a:hover
{
color: #7c3c16;
}

.Details
{
width: 100%;
padding: 0 0 30px 0;
float: left;
}
.HomeList .Description p{
padding-right:4px;
}

/*================================Video Tab Panel============================*/
#TabPanelContainer {
	width:520px;
	height:150px;
}
#TabPanelContainer img { border:0;}
#TabPanelContainer ul {
	
	list-style:none;
	padding:0;
	margin:0;

}
#TabPanelContainer ul li {
	float:right;
	padding:5px;
	text-align:right;
	background-color:#fdf2bf;
	margin-left:5px;
	color:#6b4b00;

}
.DisabledTab { color:#d1ba5f !important; background-color:#ebd992 !important; cursor:pointer;}
#PanelsContainer {
	float:right;
	position:relative;
	clear:both;
	width:100%;
	}
#PanelsContainer #HighResPanel {
	position:absolute;
	right:0;
	width:100%;
	text-align:right;
	direction:rtl;
	/*background-color:#fdf2bf;*/
	z-index:100;
	padding:20px 0;
}

#PanelsContainer #LowResPanel {
	position:absolute;
	right:0;
	width:100%;
	text-align:right;
	direction:rtl;
	/*background-color:#fdf2bf;*/
	display:none;
	padding:20px 0;
	
}
.clearFloat {
	clear:both;
	height:1px;
}

.sf_contentComments .sf_contentCommentForm, .sf_genericContent, .sf_contentAuthor{ color:#6B4B00;}