.upper_menu_shadow_div ul li a{
color:#000066;
text-decoration:none;
text-align:left;
width:inherit;
border-bottom-width:1px;
	border-bottom-color:#000066;
	border-bottom-style:solid;
}

.upper_menu_shadow_div ul li a:hover{
color:#0066CC;
background-color:#c4cb9f;
text-decoration:none;
text-align:left;
width:inherit;
border-bottom-width:1px;
	border-bottom-color:#000066;
	border-bottom-style:solid;
}

/*---------menu -------*/

.upper_menu_shadow_div ul {
padding: 0;
margin: 0;
list-style: none;
}



.upper_menu_shadow_div ul li { /* all list items */
	float:left;
	position:relative;
	width:85px;
	z-index:auto;
	}
		

.upper_menu_shadow_div ul li ul {
  	display:none;
	position: absolute;
	width:inherit;
	height:auto;
	visibility:hidden;
	z-index:15;
	background-color:#d2d8b6;
		
	}

.upper_menu_shadow_div li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
	
	
.upper_menu_shadow_div ul li a {
	display: block;
	text-decoration: none;
	width:inherit;
	}




.upper_menu_shadow_div li:hover ul, .upper_menu_shadow_div li.over ul { /* lists nested under hovered list items */
  visibility:visible;
  display:block;
 }



/*---------end of menu -------*/

.left_column_div h1 {
width:145px;
height:22px;
display:block;
position:relative;
float:left;
text-align:center;
background-image:url(../images/main/left_menu_button_bg_title_main.jpg);
background-position:left;
background-position:top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif, serif;
font-size:0.8em;
font-size-adjust:inherit;
font-style:normal;
font-weight:bold;
color:#003366;
text-decoration:none;
}

.left_column_div ul {
   width:160px;
   position:relative;
   float:left;
   margin-left:0px;
   margin-right:auto;
   text-align:left;
   
   
      }

.left_column_div li {
width:150px;
list-style-type:none;
margin-bottom:0px;
float:left;

}

.left_column_div a {
width:145px;
height:22px;
display:block;
position:relative;
float:left;
text-align:left;
padding-left:0.1px;
background-image:url(../images/main/left_menu_button_bg_main.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif, serif;
font-size:0.7em;
font-size-adjust:inherit;
font-style:normal;
font-weight:bold;
color:#000066;
text-decoration:none;
}



.left_column_div a:hover {
width:145px;
height:22px;
display:block;
float:left;
text-align:left;
padding-left:0.1px;
background-image:url(../images/main/left_menu_button_bg_hover_smoc.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif, serif;
font-size:0.7em;
font-size-adjust:inherit;
font-style:normal;
text-decoration:underline;
font-weight:bold;
color:#003399;
text-decoration:none;

}


.footer_div p {
text-align:center;
font-family:"Trebuchet MS", Verdana, Arial, "Arabic Transparent", serif;
font-size:0.7em;
color:#330000;

}


/* forms into the class section1 (defined in the layout css*/

.section1 label.small{
float: left;
width: 6em;
margin-left:0.25em;
font-size:small;
padding:0.25em;
}

.section1 input.small {
width: 6em;
margin-bottom: 5px;
height:auto;
font-size:small;
}

.section1 label.large{
float: left;
width: auto;
margin-left:0.25em;
font-size:small;

}

.section1 input.large {
width: auto;
margin-bottom: 5px;
height:auto;
font-size:small;

}

.section1 .boxes{
width: 1em;
}

.section1 a:normal{
color:#000066;
font-size: 1em;
}

.section1 a:visited{
color:#000066;
font-size: 1em;}

.section1 a:hover{
color:#0066FF;
font-size: 1em;
}

.section1 p {
font-size: 1em;
padding-left:0.25em;
padding-right:0.25em;

}

.section1.row {
  clear: both;
  padding-top: 10px;
  width:75%;
  margin-left:0.25em;
  }

.section1 .row .label {
  float: left;
  width: 30%;
  text-align: right;
  }

.section1 .row .formw {
  width: auto;
  text-align: right;
  } 

.section1 p {
padding-left:1em;
padding-right:1em;
}

.response {
color:#006600;
margin-left:0.25em;
font-size:1.25em;
}

.alert {
color:#993366;
margin-left:0.25em;
font-size:1.25em;
}

/* forms into the class section2 (defined in the layout css*/

.section2 label.small{
float: left;
width: 6em;
margin-left:0.25em;
font-size:small;

}

.section2 strong {
position:relative;
font-size:1.05em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#d0d5b9;
text-align:right;
}

.section2 input.small {
width: 6em;
margin-bottom: 5px;
height:auto;
font-size:small;
}

.section2 label.large{
float: left;
width: auto;
margin-left:0.25em;
font-size:small;

}

.section2 input.large {
width: auto;
margin-bottom: 5px;
height:auto;
font-size:small;

}

.section2 .boxes{
width: 1em;
}

.section2 a{
color:#FFFFFF;
font-size: 1em;
}

.section2 a:visited{
color:#E8E8E8;
font-size: 1em;}

.section2 a:hover{
color:#FFFFDF;
font-size: 1em;
}

.section2 .ar {
position:relative;
width:inherit;
font-size: 1em;
font-weight:bold;
color:#FFFFFF;
z-index:2;
}
.section2 .en {
position:relative;
width:inherit;
font-size: 0.7em;
font-weight:bold;
color:#FFFFFF;
z-index:2;
}

.section2 .row {
  clear: both;
  padding-top: 10px;
  width:75%;
  margin-left:0.25em;
  }

.section2 .row .label {
  float: left;
  width: 30%;
  text-align: right;
  }

.section2 .row .formw {
  width: auto;
  text-align: right;
  } 







/* forms into the class section3 (defined in the layout css*/

.section3 label.small{
float: left;
width: 6em;
margin-left:0.25em;
font-size:small;

}

.section3 input.small {
width: 6em;
margin-bottom: 5px;
height:auto;
font-size:small;
}

.section3 label.large{
float: left;
width: auto;
margin-left:0.25em;
font-size:small;

}

.section3 input.large {
width: auto;
margin-bottom: 5px;
height:auto;
font-size:small;

}

.section3 .boxes{
width: 1em;
}

.section3 a:normal{
color:#000066;
font-size: 1em;
}

.section3 a:visited{
color:#000066;
font-size: 1em;}

.section3 a:hover{
color:#0066FF;
font-size: 1em;
}

.section3 p {
font-size: 1em;
padding-left:0.25em;
padding-right:0.25em;
}

.section3.row {
  clear: both;
  padding-top: 10px;
  width:75%;
  margin-left:0.25em;
  }

.section3 .row .label {
  float: left;
  width: 30%;
  text-align: right;
  }

.section3 .row .formw {
  width: auto;
  text-align: right;
  } 




/* ------------------- butons ---*/

.logout_btn {
background-color:#CCCCCC;
color:#000066;
}

.login_btn {
background-color:#999999;
color:#000066;
}

/*------------------ news --*/
.news {
position:relative;
width:100%;
}


.news_row {
position:relative;
width:80%;
margin-bottom:1em;

}

.news_image {
position:relative;
width:25%;
float:left;
font-size:0.70em;
text-align:center;
padding-top:3em;
}

.news_image img {
position:relative;
width:120px;
height:90px;
border-width:thin;
border-color:#000000;
}

.news_text {
position:relative;
width:75%;
text-align:justify;
font-family: Helvetica, Arial, "Simplified Arabic", "Arabic Transparent", sans-serif;
float:left;

}

.news_arabictext {
position:relative;
font-size:1em;
color:#6600FF;
float:left;
direction:rtl;

}

.news_latintext {
position:relative;
font-size:0.75em;
text-align:justify;
float:left;

}
	
.news_title_en {
position:relative;
font-size:1em;
font-weight:bold;
vertical-align:bottom;
float:left;
}

.news_title_ar {
position:relative;
font-size:1.25em;
font-weight:bold;
vertical-align:bottom;
float:left;
}

.news_info {
position:relative;
font-size:0.75em;
font-style:italic;
float:right;
padding-right:0.10em;
vertical-align:top;
padding-right:0.5em;

}

.news_separator1 {
position:relative;
width:99%;
color:#996600;
border-bottom-color:#999999;
height:0.1em;
clear:left;
}

.news_separator2 {
position:relative;
width:50%;
color:#999999;
height:0.05em;
clear:both;
}

.navigation {
position:relative;
width:50%;
color:#000066;
font-size:1em;
padding:0.25em 0.25em 0.25em 0.25em;
clear:both;
text-align:center;
}


.desc {
font-size:0.75em;
}

.ar {
text-align:right;
font-size:1.50em;
direction:rtl;
}

.en {
text-align:left;
font-size:1em;
}