/* overriding browsers' css defaults

   --------------------------------- */

   body, p, div, a, h1, h2, h3, h4, h5, h6,

   form, input, img, ul, li, table, th, td {

   margin:0;

   padding:0;

   border:0;

   font-family: Tahoma, Arial, Helvetica

   }

body {
    font-family:Tahoma, Arial, Verdana;
    font-size:12px;
    text-align:center;
    background-color:#E0F2F8;
}
a, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#1D4571;
}
a:hover {
	color:#05B7DA;
}
p {
	color:#414242;
	text-align:right;
	direction:rtl;
	padding:5px;
}
ul {
	direction:rtl;
	text-align:right;
    list-style-type:none;
	margin:4px 5px 0px 0px;
}
ul li {
    
    line-height:20px;
    padding-right:22px;
    background: url(../i/li_b.gif) no-repeat top right;
}

address {
    display:inline;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.image_header {
	direction:rtl;
	text-align:right;
}

#wrap {
    text-align:left;
	width: 648px;
	margin:0px auto 0px auto;
	padding:5px 8px 0px 8px;
	background: url(../i/wrap-bg.gif) repeat-y #ffffff;
	border-bottom:3px solid #90ADCF;
}
#container {
	background: url(../i/containter-head-curve.gif) no-repeat #E0F2F8;
	width:622px;
	padding:8px;
}
#container-foot-curve {
	background: url(../i/container-foot-curve.gif) no-repeat;
	height:7px;
	width:638px;
}
#header {
	background: url(../i/header-bg.gif) no-repeat #ffffff;
	height:114px;
	width:621px;
	margin-bottom:5px;
	position:relative;
}
#content {
	background: url(../i/content-head-curve.gif) no-repeat #ffffff;
	width:593px;
	padding:4px 14px 0px 14px;
}
/* IE hack */ *html #content {width:621px;}

#content-foot-curve {
	background: url(../i/content-foot-curve.gif) no-repeat;
	height:15px;
	width:621px;
}
#footer {
	background: url(../i/footer-left-curve.gif) left no-repeat #CCF0F7;
	color:#0B8FA9; 
	font-size:10px;
	line-height:26px;
	height:26px;
	direction:rtl;
	text-align:right;
}
#footer-right-curve {
	background: url(../i/footer-right-curve.gif) no-repeat right;
	float:right;
	width:10px;
	height:26px;
}

#gn {
	height:60px;
	width:452px;
	list-style-type:none;
	margin:0;
	padding:0;
	background: url(../i/gn_bg.gif) no-repeat;
	position:absolute;
	top:54px;
	left:18px;
}
#gn li {
	background:none;
	float:right;
	padding:0px 9px 0px 0px;
}
#gn li a, #gn li a:visited {
    display:block;
	height:45px;
	border-bottom:2px transparent none;
}
#gn li a:hover {
	border-bottom:2px solid #DD3525;
}
#gn_home {
	background: url(../i/gn_home.gif) no-repeat;
	width:56px;
}
#gn_about {
	background: url(../i/gn_about.gif) no-repeat;
	width:80px;
}
#gn_vision {
	background: url(../i/gn_vision.gif) no-repeat;
	width:77px;
}
#gn_projects {
	background: url(../i/gn_projects.gif) no-repeat;
	width:59px;
}
#gn_statistics {
	background: url(../i/gn_statistics.gif) no-repeat;
	width:62px;
}
#gn_contact {
	background: url(../i/gn_contact.gif) no-repeat;
	width:55px;
}

#logo, #logo:visited {
	height:89px;
	width:101px;
	position:absolute;
	top:13px;
	right:16px;
	background: url(../i/logo.gif) no-repeat;
}


/* Home Styles
-------------- */
#home_welcome {
	float:right;
	width:263px;
	background: url(../i/home_news_grad.gif) repeat-x bottom;
	height:264px;
}
#soon_box {
	width:315px;
	height:64px;
}
#tawasol_soon, #tawasol_soon:visited {
    display:block;
	background: url(../i/tawasol_soon.gif) no-repeat;
	width:155px;
	height:64px;
	float:right;
	margin:0px;
	padding:0px;
	font-size:0px;
}
#motafaweqoon_soon, #motafaweqoon_soon:visited {
    display:block;
	background: url(../i/motafaweqoon_soon.gif) no-repeat;
	height:64px;
    width:158px;
    float:left;
    margin:0px;
	padding:0px;
	font-size:0px;
}
#home_news {
    width:314px;
	height:200px;
	background: url(../i/home_news_grad.gif) repeat-x bottom;
	margin-bottom:10px;
	text-align:right;
}
.news_date {
	color:#129BB6; 
	font-size:13px;
	direction:rtl;
	margin:5px 4px 0px 0px;
}

.archive_link, .archive_link:visited {
	color:#C22323;
	height:23px;
	width:100px;
	text-align:center;
	line-height:23px;
	display:block;
	background: url(../i/white_left_curve.gif) no-repeat #ffffff;
	margin-top:10px;
}
.archive_link:hover {
	color:#05B7DA;
}

#section_nav {
    margin:0;
    padding:0;
    width:212px;
}
#section_nav li {
	background: url(../i/subnav_bg.gif) no-repeat;
	width:192px;
	height: 24px;
	line-height:24px;
	margin:0;
	padding:0px 20px 0px 0px;
}
*html #section_nav li {
	width:212px;
}
#section_nav li a, #section_nav li a:visited {
	font-weight:bold;
	font-size:12px;
	font-family:Tahoma;
	color:#DA3627;
}
#section_nav li a:hover {
	color:#61CBD6;
}

.page_subheader {
	height:30px; 
	line-height:30px;
	padding-right:5px;
	direction:rtl;
	text-align:right;
	font-size:13px;
	font-weight:normal;
	font-family:Tahoma, Arial, Helvetica;
	color:#024254;
	background: url(../i/page_subheader_bg.gif) repeat-x;
	margin-bottom:10px;
}

table {
	font-size:12px;
	width:365px;
}
tr {
	height:20px;
	line-height:20px;
}
.highlight td {
	background-color:#9EE6FD;
}
td {
	border-bottom:1px solid #C2EAF7;
}
th {
	color:#024254;
	border-bottom:1px solid #C2EAF7;
	background-color:#C6EDF9;
	padding-right:2px;
}

/* about styles
--------------- */
#about_content {
    width:inherit;
    text-align:right;
    direction:rtl;
}
#about_inner {
	width:323px;
}

/* statistics styles 
-------------------- */
#statistics_content {
	width:inherit;
	text-align:right;
	direction:rtl;
	padding-top:10px;
	margin-bottom:10px;
}
#statistics_inner {
	width:370px;
	padding-right:3px;
	border-right:1px solid #C7F3FC;
	margin-right:215px;
}

/* projects  styles 
-------------------- */
#projects_content {
	width:inherit;
	text-align:right;
	direction:rtl;
	padding-top:10px;
	margin-bottom:10px;
}
#projects_content ul {
    margin-bottom:10px;
}
#projects_content h3 {
    color:#1D4574;
	font-size:14px;
}
#projects_content #pi_header {
	height:30px;
	line-height:30px;
	width:174px;
	color:#3393A6;
	font-size:15px;
	padding-right:38px;
	background: url(../i/projects_images_header.gif) no-repeat right #B4E8F3;
}
*html #projects_content #pi_header {
    width:209px;
}
#projects_content img {
    padding:2px;
	border:1px solid #CCF3FB;
	margin:3px 0px 0px 0px;
}
#projects_inner {
	width:370px;
	padding-right:3px;
	border-right:1px solid #C7F3FC;
	margin-right:215px;
}


/* mw styles 
-------------------- */
#mw_content {
	width:inherit;
	text-align:right;
	direction:rtl;
	padding-top:10px;
	margin-bottom:10px;
}
#mw_content p img {
    margin:0px 5px 0px 5px;
}

/* contact styles 
--------------------- */
#contact_content {
    width:inherit;
    margin-top:10px;
	direction:rtl;
	text-align:right;
	margin-bottom:10px;
}
#contact_content h4 {
    padding-right:5px;
	color:#1E4575;
	margin-bottom:5px;
	font-size:12px;
}

#address_list {
    padding:0;
	margin:0px 0px 8px 0px;
}
#address_list li {
	background: url(../i/address_bg.gif) no-repeat top left;
	width:187px;
	height: 30px;
	line-height:30px;
	margin:0;
	padding:0px 5px 0px 0px;
	color:#1E4575;
}
#address_list li address {
    font-style:normal;
}

#contact_inner {
    width:377px;
	margin-right:205px;
	
}
#contact_inner p {
    background: #F0FBFD;
	color: #1F4676;
	padding:10px;
}
#contact_inner form {
    background: #F7FDFE;
	padding:10px;
	margin-top:10px;
}
#contact_inner form .input_row,
#contact_inner form .textarea_row {
    display:block;
    height:22px;
	margin-bottom:5px;
}
#contact_inner form .textarea_row {
    height:110px;
}
#contact_inner form label {
    display:block;
	height:22px;
	line-height:22px;
	width:93px;
	padding-right:2px;
	margin-left:10px;
	background-color:#E0F8FC;
	color:#1D4574;
	float:right;
}

.form_error {
border-right:3px solid red;
width:90px;
}

#contact_inner form input,
#contact_inner form textarea {
    height:20px;
	width:220px;
	background: #ffffff;
	border:1px solid #90ADCF;
}
#contact_inner form textarea {
    height:110px;
}
#contact_inner form #submit {
    background-color:#C9F3FB;
	width:80px;
	font-weight:bold;
	margin-right:105px;
	color:#1D4574;
}

/* Image Gallery
---------------------- */
#ig_inner {
padding:10px;
}
#ig_inner .image_row {
height:150px;
margin-bottom:10px;
}
#ig_inner a, #ig_inner a:visited {
    border:1px solid #8BB1E1;
	display:block;
	padding:2px;
	float:left;
	margin-left:10px;
}
#ig_inner a:hover {
    border:1px solid #406592;
}
#ig_inner a img {
    padding:2px;
	border:1px solid #3480DD;
}

/* MOE Logo 
----------------- */
#moe_logo {
margin:8px 0px 0px 16px;
}