@charset "utf-8";
/* CSS Document */

*
{
margin:0px;
}

body
{
font-size:12px;
font-family:Tahoma;
background:#E0E3DC url(../Site/SiteBG.gif) repeat; 

}

.left
{
float:left;
}

.right
{
float:right;
}

.clear
{
clear:both;
}


img
{
border:0px;
margin:0px;
padding:0px;
}

a
{
color:#4C4F54;
text-decoration:none;
}

a:hover
{
color:#CE7F0F;
text-decoration:underline;
}

a.urllnk
{
color:#CC6600;
text-decoration:none;
}

a.urllnk:hover
{
color:#339900;
text-decoration:underline;
}

/******************************************************/
/************* The wrapper *******************/
div#wraper 
{
width:970px;
margin:0 auto;
direction:rtl;
position:relative;
overflow:hidden;
}
/******************************************************/
/*************First part : panner *******************/
div#paner
{
width::970px;
height:251px;
position:relative;
}

/******************************************************/
/*************second part : container *******************/
div#container
{

width:770px;
height:auto;
position:relative;
margin-right:99px;
overflow:hidden;
border-left:2px solid #A9AEA0;
border-right:2px solid #A9AEA0; 
background:#FFFFFF;
}
/*****************************************/
/*****************************************/
/*****************************************/
div#menuRight
{
width:182px;
height:auto;
float:right;
overflow:hidden;
background: url(../Site/RightMenuBG.gif) repeat-y;

}
/*****************************************/
div#Menu
{
height:auto;
}
div.menuItem
{
background:url(../Site/MenuTxtBG.jpg) no-repeat;
width:174px;
margin-right:2px;
height:25px;
overflow:hidden;
}
div.menutext
{
text-align:right;
color:#1A1D18;
padding-right:33px;
padding-top:4px; 
}
div.menuItem:hover
{
background:url(../Site/MenuTxtHover.jpg) no-repeat; 
text-decoration:none;
}


div.submenutext
{
text-align:right;
color:#1A1D18;
width:140px;
height:25px;
margin-right:40px;
margin-top:1px;
overflow:hidden;
 
 }

div#LiveBlockFooter
{
 
width:174px;
height:25px;
overflow:hidden;
position:relative; 	
}


div#Row_1
{
	position:absolute;
	height:0px;
	float:right;
	width:170px;
	margin-right:4px;
	visibility:hidden;
	overflow:hidden;
	background:url(../Site/submenuBG.gif) repeat-y;
}

div#Row_2
{
	position:absolute;
	height:0px;
 	visibility:hidden;
	overflow:hidden;
	width:170px;
	margin-right:4px;
	background:url(../Site/submenuBG.gif) repeat-y;
}/*****************************************/
div#ShowPic
{
width:174px;
padding-right:2px;
overflow:hidden;
 background:url(../Site/ShowPicBG.jpg) repeat-y; 

}
/*****************************************/
div#RightAdv
{
padding-right:4px;
padding-top:5px;
padding-bottom:5px;
}

/*****************************************/
/*****************************************/
/*****************************************/
div#content
{float:right;
width:585px;
height:auto;
}

div#contentbody
{
float:right;
width:585px;
height:auto;
}

div#map
{
height:33px;
width:581px;
float:right;
margin-top:5px;
background:url(../Site/mapBG.gif) repeat-x;
}

div.articlemap
{
padding-top:5px;
}

div.newsmaster
{
width:575px;
height:auto;
color:#4E4E4E;
padding-right:10px;
float:right;
position:relative;
overflow:hiden;
background:url(../Site/masternewsBG.gif) repeat-y;
padding-bottom:5px;
}

div.masternews
{
width:580px;
height:auto;
padding-right:4px;
float:right;
position:relative;
overflow:hiden;
background:url(../Site/masternewsBG.gif) repeat-y;

 
}

div.mastertitlenews
{
font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 text-align:justify;
 width:560px;
 padding-right:8px;
 padding-top:20px;
 height:auto;
}

div.masterdes
{
width:560px;
font-size:12px;
text-align:justify;
height: auto;
 padding-right:8px;

color:#4C4F54;
 
 
}

div.date
{
color:#A4A6A9;
width:auto;
 padding-right:8px;
padding-top:10px;
padding-bottom:10px;
}
/*****************************************/
div#MoveNews
{
height:31px;
background:url(../Site/newBG.jpg) repeat-x;
}

div#TextNews
{
width:485px;
float:left;
color:#4C4F54;
padding-top:5px;
}

/*****************************************/
div#contentAdv
{
float:left;
padding-left:4px;
padding-top:3px;
padding-bottom:5px;
}
/*****************************************/
div#introduction
{
height:auto;
width:420px;
}

div.article
{
width:420;
height:auto;
float:right;
position:relative;
overflow:hiden;
text-align:justify;
}

Div.articleTitle
{
 font-size:16px;
 font-family:"Times New Roman", Times, serif;
 color:#303F0D;
 padding-top:10px;
 padding-right:30px;
 width:380px;
 height:auto;
} 

div.articleDes
{
color:#4C4F54;
width:380px;
padding-top:5px;
padding-right:20px;
height: auto;
}
/*****************************************/
/* هو عبارة عن أجندة المؤسسة*/
div#works
{
margin-top:5px;
margin-right:3px;
height:auto;
width:420px;
background:url(../Site/worksBG.jpg) repeat-y;
background-color::#EDEFEA;
}

div.workarticle 
{
text-align:justify;
color:#4C4F54;
width:400px;
padding-right:5px;
padding-top:5px;
height: auto;
}

div.worklinks
{
color:#4C4F54;
text-align:justify;
width:390px;
padding-right:20px;
height: auto;
}

 
/*****************************************/
div#activty
{
margin-top:5px;
margin-right:3px;
height:auto;
width:582px;
overflow:hidden;
}

div#titleActivity
{
width:582px;
height:26px;
background:url(../Site/ActivityBG.jpg) repeat-x;
}

div.news
{
width:575px;
height: auto;


}

div.newsTitle
{
width:565px;
padding-right:10px;
padding-top:5px;
color:#404040;
text-align:justify;
font-size:16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.newsDate
{
color:#A4A6A9;
width:auto;
padding-right:10px;
 
}

div.newsDes
{
width:560px;
padding-right:10px;
padding-top:5px;
text-align:justify;
color:#4C4F54;
}

div.links
{
width:276px;
height:auto;
padding-right:10px;
padding-top:5px;
text-align:justify;
float:right;
color:#4C4F54;
}

/*****************************************/
 div#programe
 {
margin-top:5px;
margin-right:3px;
height:auto;
width:582px;
overflow:hidden;
}
 
div#programesTop
{
height:59px;
overflow:hidden;
width:580px;
background:url(../Site/programesBG.jpg) repeat-x;
position:relative;
}

div#programemovement
{
height:24px;
margin-top:35px;
width:580px;
position:relative;
}

div#programesBody
{
height: auto;
overflow:hidden;
width:580px;
background:url(../Site/programesbodyBG.jpg) repeat-y; 
}


div.linksnews
{
width:550px;
padding-right:20px;
padding-top:6px;
padding-bottom:6px;
overflow:hidden;
position:relative;

}

div.linksnews:hover
{
background:url(../Site/newsBG.jpg) no-repeat;
text-decoration:none;
color:#4C4F54;
}

 

#tab_1{ float:right; width:100%; height:auto; display:block }

#tab_2{ float:right; width:100%; height:auto; display:none }

#tab_3{ float:right; width:100%; height:auto; display:none }

#tab_4{ float:right; width:100%; height:auto; display:none }


/*****************************************/
/*****************************************/
div#fotter
{
color:#FFFFFF;
margin-right:99px;
text-align:right;
direction:rtl;
height:47px;
width:774px;
background: url(../Site/Fotter.jpg) repeat-x;
}


/*===============================Image Gallery ==============================================================*/

#Gallery_Uarper{
width:100%;
height:100px;
position:relative;
top:0px;
padding-top:30px;
}

.Gallery_Title{
width:100%;
padding-top:10px;
padding-bottom:5px;
height:auto;
color:#82B306;
font-size:18px;
font-weight:bold;
text-align:center;
}

#Gallery_Body_Left{
width:45%; 
top:0px; 
position:relative; 
float:left; 
height:auto; 
padding-right:10px; 
padding-left:10px; 
padding-top:10px
}

#Gallery_Body_Right{
width:40%; 
top:0px; 
position:relative; 
float:right; 
height:auto; 
padding-right:30px; 
padding-left:10px; 
padding-top:10px

}


.ImageTitle{
width:100%;
position:relative;
float:right; 
color:#6f9020;
font-size:12px;
padding-bottom:10px;
height:auto
}

.imagedesc{
width:58%; 
position:relative; 
float:right; 
height:auto
}

.ImageView{
width:40%; 
position:relative; 
float:left; 
height:auto
}

#ImageUarper{
width:495px;
padding-bottom:10px;
padding-top:10px;
padding-right:10px;
height:auto;
top:0px;
position:relative;
}

#Image_View{
width:105px;
top:0px;
float:left;
height:auto;
position:relative;
}
#ViewImage{
width:480px;
padding-top:10px;
position:relative;
top:0px;

text-align:center;
height:auto;
}

.Galleryname{
text-align:right;
height:auto;
padding-right:10px;
padding-top:10px;
width:460px;
color:#6f9020;
font-size:12px

}
#Gallery_Body_Left1{
margin-left:20px;

width:117px;
float:left;
position:relative;
height:auto;
}
.Gallery_Body_Left2{
padding-top:5px;
width:117px;
float:left;
position:relative;
height:auto;
}

.Paging{
width:490px;
text-align:center;
margin-top:20px;
padding-bottom:10px;
position:relative;
top:0px
}

.Download{
width:210px;
position:relative;
top:0px;
padding-left:120px;
padding-bottom:10px;

}


div#Video
{
	width:97%;
	height:auto;
	margin:0 auto;
	text-align:right;
	padding-top:10px;
}
div#Video #player
{
	width:410px;
	height:370px;
	margin:0 auto;
	padding-top:10px;
}

Div#table
{
	width:95%; 
	float:right; 
	padding-right:20px;
}

Div.Coll1
{
	width:50%; 
	float:right; 
	text-align:center;
	padding-bottom:10px;
}

Div.Coll2
{
	width:20%; 
	float:right; 
	text-align:center;
	padding-bottom:10px;
}


/*=========================Visitors===========================================================================*/

div.VisitorTable
{
	width:560px;
	margin-right:10px;
	height:auto;
	position:relative;
	left:0px;
	top:0px;
	border-bottom:solid 3px #999999;

}
div.VisitorTable .RowLine1
{
	border-top:solid 1px #CCCCCC;
	width:560px;
	height:20px;
	overflow:hidden;

	
}
div.VisitorTable .RowMultiLine
{
	border-top:solid 1px #CCCCCC;
	width:560px;
	height:auto;
	padding-bottom:5px;
	overflow:hidden;
	
}

div.VisitorTable .Col1
{
	width:20%;
	text-align:center;
	margin-right:5px;
	float:right;
	font:13px Arial;
	font-weight:bold;
	padding-top:3px;
	overflow:hidden;

}
div.VisitorTable .Col2
{
	width:75%;
	
	text-align:right;
	padding-right:5px;
	float:left;
	font:12px tahoma;
	padding-top:3px;
	padding-left:5px;
	overflow:hidden;
}
div#form input
{
width:350px;
height:15px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}

div#form Option
{
width:205px;
height:15px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}

div#form textarea
{
width:350px;
height:100px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}
div#form submit
{
width:15px;
height:150px;
font:12px tahoma;
border:solid 1px #d3cfb4;
}