@charset "ISO-8859-1";
/* CSS Document */
/*******general******/
*{padding:0; margin:0;}
body,
	html {margin:0;padding:0;color:#000;}
	body {
	min-width:775px;
	background: #fff url(../images/bg.gif) repeat-y center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
}
	h2{font-size: 16px; font-family:Arial,Verdana, Helvetica, sans-serif;}
	h3{font-size:16px; font-family:Arial,Verdana, Helvetica, sans-serif;}
	#wrap {
	background:#fff;
	margin:0 auto;
	width:775px;
	height:100%;
	}/*contain all the page*/
    #ConainerIn{ width:100%;}/*contain inside body the content*/
	a{color: #0662b8;text-decoration: none;}
    a:hover{color: #0662b8;text-decoration: underline;}
	.space {  clear:both;  margin:0; padding:0;}
	ul{ list-style:none;}
    em{ font-family:Arial,Verdana,Helvetica, sans-serif; font-size:12px; }
	img.middle{border:none;display: block; margin-left: auto;margin-right: auto}

/*****end general*****/
/*the three main section in the page*/

/************header***************/
#header{height:285px;width:100%; clear:both;}

#header #relative {
	width:450px;
	margin:0 auto;
	position:relative;
	top:7px;
	padding-right:130px;
	text-transform:capitalize;
}
#header #absolute {
	position:absolute;
	margin:0 auto;
	text-transform:capitalize;
	left: 188px;
	width: 450px;
}

#header #relative1 {
	width:450px;
	position:relative;
	top:2px;
	padding-right:200px;
	text-transform:capitalize;
}
#header #absolute1 {
	position:absolute;
	text-transform:capitalize;
	left: 10px;
	width: 200px;
}
#header h1 {
	float:left;
	margin:5px 0 0 0;
	color:#000;
	text-align:center;
	font-family:arial;
	font-weight:bold;
	font-size:11px;
}

/*****end header*****/


/*****************footer******************/
#Footer {height:22px;clear:both; margin-top:10px; background:#e3e3e3; text-align:center; width:99%; margin-left:auto; margin-right:auto;}

/*****end footer*****/

/*==============Internal Pages Layout===================*/
.ContAllSections{ width:99%; margin:0 auto;}
#ContBodys{ background:url(../images/bgmain.gif) repeat top; margin-left: 9px;}
#LeftMenuContainer {
width: 191px;
float:left;
padding-left: 9px;
}

#ContentsContainer {
width: 565px;
float:right;
padding-right: 10px;

}
/*==============Internal Pages Layout End===============*/
/*=============New modification in home added by Hanafy==============*/
.ContentLeft{ 
        float:left; 
		width:518px; 

		}
/*----------------------*/
.ContentLeftRight{ 
        width:292px; 
		float:right;
		
		}
.ContentLeftRight h1{ 
        color:#e28914; 
        font:bold 16px/16px Arial, Helvetica, sans-serif;
		text-align:right;
		padding-right:30px;

		}
.ContentLeftRight .yellow{
		background:url(../images/bgsecond-yellow.jpg) no-repeat top;
		height: 210px;
        }	
.ContentLeftRight .yellow a{color:#6d2100; }
.ContentLeftRight .yellow a:hover{color:#E28914; }
.ContentLeftRight .yellow p{ padding:3px 10px 0 10px; line-height:11px; }	 
.ContentLeftRight .yellow h2.other{ 
		color:#6d2100;
		font-size:12px; 
		border-bottom:1px solid #6d2100;
		padding-left:2px;
		padding-top:4px;
		width:90%;
		margin:0 auto;
	
        }
.ContentLeftRight .yellow h2.first{
		 color:#5f2200; 
		 padding-left:30px;
		 font-size:14px;
		 border-bottom:0px solid #1798eb;
		 line-height:30px;

  }
		
/*--------------------------*/	
.ContentLeftLeft{ 
        width:220px; float:left;
		 }

.ContentLeftLeft .blue1{
		 background:url(../images/first-blue-bg.jpg) no-repeat top;
		 min-height: 210px;

		 }
.ContentLeftLeft .blue1 p{ padding-left:10px; padding-top:3px; line-height:11px; }	 
.ContentLeftLeft .blue1 h2.other{ 
		color:#00296d;
		font-size:12px; 
		border-bottom:1px solid #1798eb;
		padding-left:2px;
		padding-top:4px;
		width:90%;
		margin:0 auto;

        }
.ContentLeftLeft .blue1 h2.first{
		 color:#00296d; 
		 padding-left:30px;
		 font-size:14px;
		 border-bottom:0px solid #1798eb;
		 line-height:30px; 

  }
  
  
  .ContentLeftLeft .blue1 a:hover{color: #0099FF; }


* html div.ContentLeftLeft .blue1 { 
   height: expression( this.scrollHeight < 211 ? "210px" : "auto" ); /* sets min-height for IE */
   min-height: 210px; /* sets min-height value for all standards-compliant browsers */

}

.ContentLeftLeft h1{ 
          color:#1793cb;
		  font:bold 16px/16px Arial, Helvetica, sans-serif;
		  padding-left:35px; 
		  }
/*-----------------------------*/
.ContentRight{ 
         width:245px; 
		 float:right;
		 }
.ContentRight .zik1{ }
.ContentRight h1{ 
         color:#ff171c;
		 font:bold 16px/16px Arial, Helvetica, sans-serif;
		 padding-left:20px;
		 }
.ContentRight .zik2{ background:url(../images/zik-content-bg.jpg) no-repeat; height:235px; }
.ContentRight .zik2 ul{ list-style:none; font-size:11px;}
.ContentRight .zik2 ul li{ color:#fff; border-bottom:1px solid #fff; padding:2px 0px; margin:0 7px;}
.ContentRight .zik2 ul li a, a:hover{ text-decoration:none; color:#fff;}
.ContentRight .zik2 ul li  a:hover{ text-decoration:none; color:#fff; font-weight:bold;}
.ContentRight .zik2 ul li.last{border-bottom:0px solid #fff;}
/*---------------------------------*/	 
.BorderBottom{ border-top: #545353 3px solid ; width:94%; height:2px; clear:both; margin-top:2px;}
/************************************/
.ContentLeftLeft2{ 
        width:220px; float:left;
		_margin-top:-12px;
		 }

.ContentLeftLeft2 .blue1{
		 background:url(../images/second-blue-bg2.jpg) no-repeat bottom left;
		 height:231px
		

		 }
		 
.ContentLeftLeft2 .blue1 ul{ list-style:none; font-size:11px;}
.ContentLeftLeft2 .blue1 ul li{ color:#000; border-bottom:1px solid #3497d4; padding:2px 5px; margin:0 7px; background:url(../images/blue-bullet2.gif) left bottom no-repeat}
.ContentLeftLeft2 .blue1 ul li a{ text-decoration:none; color:#000;}
.ContentLeftLeft2 .blue1 ul li  a:hover{ text-decoration:none; color:#16537a; }
.ContentLeftLeft2 .blue1 ul li.last{border-bottom:0px solid #fff; background:url(../images/blue-sbullet2.gif) left bottom no-repeat}



.ContentLeftLeft2 .blue1 p{ padding-left:10px; padding-top:3px; line-height:11px; }	 
.ContentLeftLeft2 .blue1 h2{ 
		color:#fff;
		font-size:12px; 
		border-bottom:1px solid #1798eb;
		padding-left:10px;
		padding-top:4px;
		background:#33a0f1;
		margin-left:2px;
		line-height:18px;
	
        }

.ContentLeftLeft2 h1{ 
          color:#1793cb;
		  font:bold 16px/16px Arial, Helvetica, sans-serif;
		  padding-left:35px; 
		  }
/*----------------------------------*/
.ContentLeftRight2{ 
        width:292px; 
		float:right;
        _margin-top:-12px;
		
		}

.ContentLeftRight2 .pink{
		background:url(../images/forth-pink.jpg) no-repeat top;
		height: 230px;
        }	
.ContentLeftRight2 .pink a{color:#fff; }		
.ContentLeftRight2 .pink  a:hover{color:#6d2100; }
.ContentLeftRight2 .pink p{ padding:0px 10px 2px 10px; line-height:11px; }	 

.ContentLeftRight2 .pink h2.other{ 
		color:#6d2100;
		font-size:12px; 
		border-bottom:1px solid #6d2100;
		padding-left:2px;
		padding-top:4px;
		width:90%;
		margin:0 auto;
	
        }
.ContentLeftRight2 .pink h2.first{
		 color:#fff; 
		 padding-left:30px;
		 font-size:14px;
		 border-bottom:0px solid #1798eb;
		 height:24px;

  }
 .ContentLeftRight2 .pink .avoir{ background:url(../images/avoir-absolument.png) no-repeat; height:136px;}
  .ContentLeftRight2 .pink .avoir h2{ font-weight:bold; color:#0d92ef; padding-top:-1px; padding-left:7px;}
.ContentLeftRight2 .pink .avoir h2 a{color:#0d92ef;}
.ContentLeftRight2 .pink .avoir h2 a:hover{color:#00296d;}
  .ContentLeftRight2 .pink .avoir p{padding-top:58px;}