body
{
    font-family: Tahoma, 'Traditional Arabic', Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    font-size: 8pt;
    margin: 0px;
    direction: rtl; 
    background: url(NewImages/background_main.jpg) white repeat-y center top;
    font-size: 0.7em;
    color: dimgray;
}

/*----------------------New Look----------------------------------------*/

a:link
{
    text-decoration: none;
	color: Green;
}
a:hover
{
	text-decoration: none;
	color: darkorange;
}

h2
{
	font-size: 1.6em;
	color: dimgray;
	font-family: 'Monotype Koufi';
}


#Head
{
	margin: 0 auto 0 auto;
	width: 800px;
	height: 150px;
	background-color: #6699ff;
}
#master_page
{
	margin: 0px auto 0px auto;
	width: 900px;
	text-align: center;
}
#Main_Master_Page
{
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	width: 1000px;
	height: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 165px;
	text-align: right;
}

#columnleft
{ 
    float: left;
    width: 600px;
    /*position: relative; */
    background-color: #cc0033; 
}

#columnright
{ 
    float:  right;
    width : 200px;
  /*  position:relative; */
   background-color: #00cc00; 
}
.columnleftright
{
	float:  right ;
	width: 400px; /*position: relative; */
	background-color: #00ffcc;
	height:100% ;
}
.columnleftleft
{
	float:  left ;
	width: 200px; /*position: relative; */
	background-color: #dcdcdc;
	height:100% ;
}
#ProjectsBody
{
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	background-image: url(NewImages/EfttarSlice.Jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
#IBody
{
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	background-repeat: repeat-y;
	background-position: right top;
}

#ILeft
{
	float: left;
	width: 650px;
	background-color: Transparent ;
	text-align: center;
	margin: 0px;
	padding :0px;


}

#IRight
{
    float: right;
    position: relative;
    width: 250px;
    top: 0px;
    height: auto;
    margin: 0px;
    padding: 0px;
}

.ILeftHead
{
	/*background-image: url(NewImages/EfttarLeft.jpg);*/
	height: 128px;
	background-repeat: no-repeat;
}
.ILeftHeadEftar
{
	background-image: url(NewImages/eftarUP.jpg);
	height: 128px;
	background-repeat: no-repeat;
	behavior: url(Default.aspx);
}
.IRight
{
	height: 693px;
	/*background-image: url(NewImages/eftarRight.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
}

.IRightEftar
{
	height: 693px;
	background-image: url(NewImages/eftarRight.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
#IMenu
{
	margin: 0 auto 0 auto;
	height: 65px;
	width: 800PX;
	background-color: #6c8ecb;
	text-align :center ;
}
#KhairFooter
{
	width: 900px;
	height: 26px;
	background-image: url(Newimages/IFooter-Slice.jpg);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}
.IData
{
	background-image: url(NewImages/IDataDetail.jpg);
	background-repeat: repeat-y;
	width: 650px;
	background-position: center top;
	margin: 0px;
	padding :0px;
}
.IDataUp
{
	background-image: url(NewImages/IDataUp.jpg);
	background-repeat: no-repeat;
	width: 570px;
	padding-top: 25px;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 0px;
	background-position: center top;
}
.IDataDown
{
	background-image: url(NewImages/IDataDown.jpg);
	background-repeat: no-repeat;
	width: 650px;
	height: 22px;
	background-position: center top;
}
.IUp
{
	background-image: url(NewImages/IUp.jpg);
	background-repeat: no-repeat;
	width: 630px;
	height: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: center bottom;
}


.IMiddle
{
	background-image: url(NewImages/IMiddle.jpg);
	background-repeat: repeat-y;
	width: 630px;
	padding-right: 10px;
	padding-left: 10px;
	background-position-x: center;
}
.IDown
{
	background-image: url(NewImages/IDown.jpg);
	background-repeat: no-repeat;
	width: 650px;
	height: 10px;
	background-position: center top;
}
.Text
{
	width: 414px;
}
.INavigate
{
	width: 630px;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
.ILeftNav
{
	float: left;
	height: 30px;
	width: 604px;
	text-align: left;
}
.IRightNav
{
	float : right ;
	height :30px;
	width :26px;
}
.ILeftLeftNav
{
	float :left ;
	width : 26px;
	height :30px;
}
.ILeftRigtNav
{
	text-align: center;
	height :30px;
	width : 578px;
	float : right ;
    height :30px;
}

.thumbnailleft
{
	float: left;
	margin: 0px 5px;
}
.thumbnail
{
	float: right;
	margin: 0px 5px 0px 10px;
}
.thumbnailbullet
{
	float: right;
	margin: 4px 5px 0px;
}

#KHeader
{
	position: absolute;
	margin: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 165px;
	background-image: url(NewImages/Back1.jpg);
	background-repeat: repeat-x;
	left: 0px;
	padding: 0px;
}
#KHeader1
{
    position: relative;
	padding: 0px;
	width :100%;
	/*margin-left :100px;*/
	height: 100px;
	text-align :center ;
}

#headermenu
{
	position: absolute;
	top: 100px;
	margin: 0px;
	right: 0px;
	left: 0px;
	height: 65px;
	width: 100%;
	background-color: #6D8B27;
	text-align: center;
}
#Footer
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 62px;
	background-image: url(NewImages/FooterSlice.jpg);
	background-repeat: repeat-x;
}

#FooterMenu
{
	text-align: center;
	padding-top: 5px;
}
#FooterMenu a:link
{
	color :White ;
}
#FooterText
{
	text-align: center;
	padding-top: 3px;
	color: black;
}
#MainBody
{
	position: relative;
	width: 100%;
	margin: 0px;
	font-family: Tahoma;
}
#MainLeft
{
	float: left;
	width: 800px;
}

#MainRight
{
	float: right;
	width: 195px;
}
.Hight230
{
	height :230px;
}
.FloatLeft
{
	float:left ;
	width: 210px;
}
#Kelmah
{
	width: 198px;
	padding-right: 5px;
	padding-left: 5px;
	height: 195px;
	padding-top: 25px;
	background-position: left top;
	background-image: url(NewImages/Kelmah.gif);
	background-repeat: no-repeat;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #f8f8ff;
}

.Div-Left-Footer
{
	width: 210px;
	height: 8px;
	background-position: left top;
	background-image: url(NewImages/Kelmah-Footer.gif);
	background-repeat: no-repeat;
}
.Div-Right-Footer
{
	width: 210px;
	height: 8px;
	background-position: right top;
	background-image: url(NewImages/Dev-Right-Footer.gif);
	background-repeat: no-repeat;
}


.FloatRight
{
	float:right;
	width: 588px;
}
#Abwab
{
	width: 570px;
	padding-right: 11px;
	padding-left: 5px;
	height: 190px;
	padding-top: 30px;
	background-position: center top;
	background-image: url(NewImages/Abwab.gif);
	background-repeat: no-repeat;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #f8f8ff;
}
.Div-Middle-Footer
{
	width: 588px;
	height: 8px;
	background-position: center top;
	background-image: url(NewImages/Devision-Footer.gif);
	background-repeat: no-repeat;
}
#Mqalat
{
	width: 198px;
	padding-right: 5px;
	padding-left: 5px;
	height: 205px;
	padding-top: 15px;
	background-position: left top;
	background-image: url(NewImages/Maqlat.gif);
	background-repeat: no-repeat;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #f8f8ff;
}
#Engazatona
{
	width: 570px;
	padding-right: 11px;
	padding-left: 5px;
	height: 195px;
	padding-top: 25px;
	background-position: center top;
	background-image: url(NewImages/Engazatona.gif);
	background-repeat: no-repeat;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #f8f8ff;
}
#Akhbarona
{
	width: 570px;
	padding-right: 11px;
	padding-left: 5px;
	height: 195px;
	padding-top: 25px;
	background-position: center top;
	background-image: url(NewImages/akhbarona.gif);
	background-repeat: no-repeat;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #f8f8ff;
}

#Qaluanna
{
	width: 198px;
	padding-right: 5px;
	padding-left: 5px;
	height: 195px;
	padding-top: 25px;
	background-position: left top;
	background-image: url(NewImages/Qaluanna.gif);
	background-repeat: no-repeat;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #f8f8ff;
}

#Qaemah
{
	width: 195px;
	height: 435px;
	background-position: right top;
	background-image: url(NewImages/menu.gif);
	background-repeat: no-repeat;
	background-color: #f8f8ff;
	padding-top: 25px;
}
#E3lamyat
{
	width: 183px;
	padding-right: 5px;
	padding-left: 5px;
	height: 195px;
	padding-top: 25px;
	background-position: right top;
	background-image: url(NewImages/E3lamyat.gif);
	background-repeat: no-repeat;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	background-color: #f8f8ff;
}

/*used to clear the float for the thumbnail */
.clearlist
{
	clear: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.photo
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
 	/*padding: 5px;*/
}

.picture
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
    padding: 5px;
    margin: 5px;  
}
.More
{
	text-align: left;
	font-family: 'Traditional Arabic';
	font-weight: bold;
	font-size: 11pt;
	bottom : 0px;
}
.More a:link
{
	color: #669933;
	text-decoration: none;
}
.More a:visited
{
	color: #009933;
	text-decoration: none;
}
.MainLinks
{
	font-weight: bold;
	font-size: 12pt;
	color: #404040;
	font-family: 'Traditional Arabic';
}
.MainLinks a:link, .MainLinks a:visited
{
	font-weight: bold;
	font-size: 12pt;
	color: #404040;
	font-family: 'Traditional Arabic';
	text-decoration: none;
}

.MainLinks a:hover ,.MainLinks a:active
{
	color: #ff8c00;
	text-decoration: none;
}

.Articles
{
	/*font-weight: bold;*/
	font-size: 14pt;
	color: #696969;
	font-family: 'Monotype Koufi';
	text-align: center;
}
.Articles a:link, .Articles a:visited
{
	/*font-weight: bold;*/
	font-size: 14pt;
	color: #696969;
	font-family: 'Monotype Koufi';
	text-decoration: none;
}

.Articles a:hover, .Articles a:active
{
	color: #ff8c00;
	text-decoration: none;
}
.AddsPanel
{
	position: fixed;
	top: 166px;
	left: 210px;
	background-color: #fff9e3;
}
.IList
{
	width: 570px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top : 15px;
	height: 148px;
	background-position: center top;
	background-image: url(NewImages/IList.jpg);
	background-repeat: no-repeat;
}
.IList h3 ,.IList h3 a:link ,.IList h3 a:visited
{
	text-align: right;
	margin-right: 5px;
	font-size: 12pt;
	font-family: 'Traditional Arabic';
	color: green;
	text-decoration: none;
}
.IList h3 a:hover 
{
	color: #ff8c00;
}
.IList p
{
	text-align: right;
	margin-right: 5px;
	font-size: 8pt;
	font-family: 'Tahoma';
	color: black;
}
.IList p a:link, .IList p a:visited
{
	color: green;
	text-decoration: none;
}
.IList p a:hover
{
	color: #ff8c00;
}
.IHead
{
	text-align: center;
	background-position: center top;
	background-image: url(NewImages/topsiteheader1.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 900px;
}
/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs
{
	font-weight: bold;
	padding-right: 2px;
	font-family: 'Traditional Arabic';
	font-size: 12pt;
}
.newscrumbs a
{
	font-weight: bold;
	padding-right: 2px;
	color: Green;
}
.IListCat
{
	width: 210px;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 25px;
	height:  95px;
	background-position: center top;
	background-image: url(NewImages/IListCategories.jpg);
	background-repeat: no-repeat;
}
/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family:  Sans-Serif,Arial;
	font-size: 14px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #D3DEEF;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	font-size: 10pt;
	font-family: Tahoma;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/* Content Page Layout */

.demoarea
{
	padding: 20p;
	width: 508px;
	background-position: left top;
	background-image: url(images/demotop.png);
	background-repeat: no-repeat;
	background-color: #fff;
}

.demoarea p 
{
	padding:5px;
}

.demoheading
{
	padding-bottom: 20px;
	color: #5377A9;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
		width: 508px;
}
.CatMenu
{
	height: 24px;
	width: 224px;
	background-position: center top;
	background-image: url(NewImages/sub.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12pt;
	font-family: 'Traditional Arabic';
	padding-top: 3px;
}
.CatMenu a:hover
{
	height: 27px;
	width: 224px;
	background-position: center top;
	background-image: url(NewImages/sub-hover.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12pt;
	font-family: 'Traditional Arabic';
	padding-top: 0px;
}
.popupControl{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}
.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}
.button, button {
	border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	background-image:url(Img/buttonBg.gif);
	background-position:top;
	background-color:white;
	height:20px;
	width:80px;
	vertical-align: middle;
}
/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall ,.buttonsmall-ovr
{
    background: url(NewImages/Button_Small.jpg) repeat-x;
    border: none;
    color: #FFFFFF;
    height: 22px;
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Tahoma;
}
.buttonsmall-ovr
{
    text-decoration: underline;
    background: url(NewImages/Button_Small-ovr.jpg) repeat-x;
}