/* Body */

body
{
	margin: 0;
	background-image: url(../img/index_04.jpg);
	background-repeat: repeat-x;
	font-size: 8pt;
	font-family: Tahoma;
} 
img{border-width:0;}
a{text-decoration:none; color:#CC0000;}	  
	  
.redtitle{ font-family: arial;
           font-size:16px;
	       font-weight:bold;
	       color:#CC0000;
	       padding-top:0;
	       padding-right:5px;
	       padding-bottom:0;
}

#vedio a{font:arial; font-size:13px; font-weight:bold; color:#006600;}
#vedio a:hover{font:arial; font-size:14px; font-weight:bold; color:#990000; text-decoration:underline;}

.blutitle .blutitle a
{font-family:arial;
          font-size:14px;
	      font-weight:bold;
	      color: #083e70;
	      padding-right:5px;
}
.rtitle{font-family:arial;
          font-size:18px;
	      font-weight:bold;
	      color:#CC0000;
	      padding-right:5px;
}
#content{
          font-family:tahoma;
          font-size:11px;
		  font-weight: lighter;
		  color: #000000;
		  text-align:justify;
		  padding:0 10px;
		  line-height:18px;
}	
.mailbox
{
	font-family: tahoma;
	font-size: 8pt;
	color: #083e70;
	padding: 0 10px;
}

#content a{font-size:11px;font-family:tahoma;color:#990000;text-decoration:underline;float:left;padding-left:20px;
		   }
		   
#content a:hover{font-size:13px;font-family:tahoma;color: #333333 ;text-decoration:none;float:left;padding-left:20px;
		   }		   	
  
#container{
           width:1004px;
		   border:0;
		   height:100%;
		   text-align:center;
		   }
		   
	   		 
		   	
#upcontents{             
			width:1004px;		                            
            }
			
#rightcontents{ 
               width:612px;			   
			   background-image:url(../img/index_05.jpg);
			   background-repeat: no-repeat;
			   }


#choices{ font-family:arial;
          font-size:15px;
		  font-weight:bold; 
		  padding:10px 20px; 
		  color:#CC0000; 
		 
}	
#bluebox{ height:110px;
          background-color:#8aaed0;
		  font-size:11px;
		  font-family:tahoma;
		  color:#FFFFFF;
		  text-align:justify;
		  padding: 5px 5px;
		  font-weight: normal;
		  line-height:16px;		
}
.marque { background-image:url(img/slice_13.png);
          background-repeat:repeat-x; 
          width:468px;
		  height:41px;
		  font-family:tahoma;
		  font-size:11px;
		  font-weight:lighter;
		  color: #333333;
		  padding: 1px 5px 0 0;
	 
}
			   

/* Footer */
			
#footer    { 
            height:84px;width:1004px;background-image: url(../img/slice_41.jpg);background-repeat:repeat-x;
			font-family:arial;font-weight:bold;font-size:14px;text-align:center;padding:0;color: #CC0000;		                          
            }
			
#footer a {
          font-family:tahoma;
		  font-size:11px;
		  font-weight:300;
		  color: #333333;
		  text-decoration:underline;
		  margin-top:20px;		 
		  text-align:center;
		  }
		  
#footer a:hover{
          font-family:tahoma;
		  font-size:11px;
		  font-weight:300;
		  color: #CC0000;
		  text-decoration: none;
		  margin-top:20px;		 
		  text-align:center;}
		  
		  #innerfoter a {
          font-family:tahoma;
		  font-size:11px;
		  font-weight:300;
		  color: #CCCCCC;
		  text-decoration:underline;
		  margin-top:20px;		 
		  text-align:center;
		  }
		  
#innerfoter a:hover{
          font-family:tahoma;
		  font-size:11px;
		  font-weight:300;
		  color: #CCFF00;
		  text-decoration: none;
		  margin-top:20px;		 
		  text-align:center;}
		  
/* aboutUs */	
	  
.text
{
	font-family: tahoma;
	font-size: 11px;
	font-weight: lighter;
	color: #404040;
	text-align: justify;
	padding: 0 10px;
	margin: 0;
	line-height: 20px;
}	

.redtitle{font-family: arial;
          font-size:16px;
	      font-weight:bold;
	      color:#CC0000;
	      padding-top:0;
	      padding-right:5px;
	      padding-bottom:0;
}

#x a{ font-family:Arial; font-size:14px; font-weight:bold;text-decoration:underline;color: #333333; line-height:20px; margin-left:5px;}

#x a:hover{ font-family:Arial; font-size:15px; font-weight:bold;text-decoration: none;color: #CC0000; line-height:25px; margin-left:15px;}		  		  			


ul li{
	   font-family:tahoma;
	   font-size:11px;	
	   color: #000000;
	   text-align:justify;
	   padding:0 2px 0 0;
	   margin-bottom:13px;
	   line-height:20px;	
	   list-style-image: url(../img/about-us_27.jpg);
}

#goals{ height:384px; width:370px;
        background-image: url(../img/about-us_25.jpg);
		margin:0;
		padding:0;
}
#goals ul{ margin:0 20px 0 0;
           padding:0;
		   }
		   
#goals ul li{
	font-family:tahoma;
	font-size:11px;	
	color: #000000;
	text-align:justify;
	padding:0 0 0 10px ;
	margin:0 0 13px 0;
	line-height:20px;	
	list-style-image: url(../img/about-us_28.png);
	list-style-position:outside;
}

/* khair online */	

#khairblue a{font-family:arial;
             font-size:14px;
	         font-weight:bold;
	         color: #083e70;
	         padding-right:5px;
			 margin-left:5px;
			 text-decoration:none;
}
#khairblue a:hover{font-family:arial;
                   font-size:16px;
	               font-weight:bold;
	               color: #CC0000;
	               padding-right:5px;
			       margin-left:5px;
			       text-decoration:none;
}
#khairtext{font-family:tahoma;
           font-size:11px;
		   font-weight: lighter;
		   color: #000000;
		   text-align:justify;
		   padding:0 5px;
		   margin:0;
		   line-height:18px;
}
.khairblue a{font-family:arial;
             font-size:14px;
	         font-weight:bold;
	         color: #083e70;
	         padding-right:5px;
			 margin-left:5px;
			 text-decoration:none;
}
.khairblue a:hover{font-family:arial;
                   font-size:16px;
	               font-weight:bold;
	               color: #CC0000;
	               padding-right:5px;
			       margin-left:5px;
			       text-decoration:none;
}
.khairtext{font-family:tahoma;
           font-size:11px;
		   font-weight: lighter;
		   color: #000000;
		   text-align:justify;
		   padding:0 5px;
		   margin:0;
		   line-height:18px;
}

/* contact us */
.brountext{font-family:tahoma;
           font-size:11px;
		   font-weight: lighter;
		   color: #ae5302;
		   text-align:justify;
		   padding:0 5px;
		   margin:0;
		   line-height:17px;
}
.graytext{font-family:tahoma;
           font-size:11px;
		   font-weight: lighter;
		   color: #000000;
		   text-align:justify;
		   padding:0 5px;
		   margin:0;
		   line-height:17px;
}
.input{ width:175px;
        background-image:url(../img/pattern1_03.jpg);
		background-repeat: repeat-x;
	    font:arial;
		font-size:12px;
		color:#CC0000;
		
}
.biginput{ width:240px;
           height:150px;
           background-image:url(../img/pattern21_05.jpg);
		   background-repeat: repeat-x;
	       font:arial;
		   font-size:12px;
		   color:#CC0000;
		
}
.stext{font-family:tahoma;
           font-size:11px;
		   font-weight: lighter;
		   color: #000000;
		   text-align:justify;
		   padding:0;
		   margin:0;
		   line-height:17px;
}


.btitle{ font-family: arial;
           font-size:13px;
	       font-weight:bold;
	       color:#82320a;
	       padding-top:0;
	       padding-right:5px;
	       padding-bottom:0;
}

#area a{   font-family: arial;
           font-size:13px;
	       font-weight:bold;
	       color:#82320a;
		   text-decoration:none;
	       padding-top:0;
	       padding-right:5px;
	       padding-bottom:0;
}
#area a:hover{font-family: arial;
              font-size:15px;
	          font-weight:bold;
	          color: #083e70;
	          padding-top:0;
	          padding-right:5px;
	          padding-bottom:0;
}
#y a{ font-family: arial;
           font-size:13px;
	       font-weight:bold;
	       color:#82320a;
	       padding-top:0;
	       padding-right:5px;
	       padding-bottom:0;
}
#y a:hover{ font-family: arial;
           font-size:13px;
	       font-weight:bold;
	       color: #0F387D;
	       padding-top:0;
	       padding-right:5px;
	       padding-bottom:0;
		   text-decoration:underline;
}





/*//////////////////////////////////////  Sliding Menu //////////////////////////////////////*/

		.menuActuator a { 
			color:#666666;
			font-weight:bold;
			font-size:12px;
			font-family:arial;
		}

		.menu {
			font-family:verdana;
			color:#666666;
			font-size:10px;
			background-color:#cccccc;
			/*layer-background-color:#cccccc;*/
		}

    td div {
      /* this makes TDs a container with their own coordinate system.
         absolutely-positioned elements will be offset relative to them */
      position:relative;
      }
td
{
	color: #053667;
	font-size: 12px;
	font-family: tahoma;
}
.ProTitle
{
background:#999999;
font-weight:bold;
color:#ffffff;
padding-left:10px;
-moz-opacity:.8;
/*filter:alpha(opacity=90);*/
padding-bottom: 2px;
padding-top: 2px;
font-family: "tahoma";
font-size:11px
}


/*////////////////////////////////////// Sliding Menu //////////////////////////////////////*/
.Gray{margin-top:7px;}	
.Gray .rollmenu1 { text-align:center; padding-right: 2px; display: block; padding-left: 10px; font-size: 11px; padding-bottom: 2px; color: #ffffff; line-height: normal; padding-top: 2px; border-bottom: #720D2C 1px solid; font-family: "tahoma"; background-color: #932C4C; text-decoration: none; font-weight:normal; height:20px;-moz-opacity:.9;
	/*filter:alpha(opacity=60);*/
	font-weight:normal}
.Gray .rollmenu1:hover { text-align:center;background-color: #AA264F; text-decoration: none; color:#ffffff;-moz-opacity:.9;
	/*filter:alpha(opacity=60);*/
	font-weight:normal}
	
.Gray .rollmenu2 { text-align:center; padding-right: 2px; display: block; padding-left: 10px; font-size: 11px; padding-bottom: 2px; color: #ffffff; line-height: normal; padding-top: 2px; border-bottom: #A31645 1px solid; font-family: "tahoma"; background-color: #BE295B; text-decoration: none; font-weight:normal; height:20px;-moz-opacity:.9;
	/*filter:alpha(opacity=60);*/ font-weight:normal}
.Gray .rollmenu2:hover { text-align:center;background-color: #A31645; text-decoration: none; color:#ffffff;-moz-opacity:.9;
	/*filter:alpha(opacity=60);*/ font-weight:normal}
	
.Gray .rollmenu3 { text-align:center; padding-right: 2px; display: block; padding-left: 10px; font-size: 11px; padding-bottom: 2px; color: #ffffff; line-height: normal; padding-top: 2px; border-bottom: #249C0F 1px solid; font-family: "tahoma"; background-color: #31AE1B; text-decoration: none; font-weight:normal; height:20px;-moz-opacity:.9;
	/*filter:alpha(opacity=60);*/ font-weight:normal}
.Gray .rollmenu3:hover { text-align:center;background-color: #249C0F; text-decoration: none; color:#ffffff;-moz-opacity:.9;
	/*filter:alpha(opacity=60);*/ font-weight:normal}
	
.Gray .rollmenu4 { text-align:center; padding-right: 2px; display: block; padding-left: 10px; font-size: 11px; padding-bottom: 2px; color: #ffffff; line-height: normal; padding-top: 2px; border-bottom: #0A5774 1px solid; font-family: "tahoma"; background-color: #116B8D; text-decoration: none; font-weight:normal; height:20px;-moz-opacity:.9;
	/*filter:alpha(opacity=60);*/ font-weight:normal}
.Gray .rollmenu4:hover { text-align:center;background-color: #0A5774; text-decoration: none; color:#ffffff;-moz-opacity:.9;
	/*filter:alpha(opacity=70);*/ font-weight:normal}
	
.menuhead {font-weight: bold; font-size: 12px; color: #ffffff; background-color: transparent}
#menu1 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu2 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu3 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu4 {
	left: 1px;
	visibility: hidden;
	position: absolute;
	top: 1px;
	background-color: #FFFFFF
}


/*////////////////////////////////////// End Sliding Menu //////////////////////////////////////*/
		

.More a
{
	font-size:10px;font-family:tahoma;color:#990000;text-decoration:underline;float:left;padding-left:20px;
}
.More a:hover
{
	font-size:10px;font-family:tahoma;color: #333333 ;text-decoration:none;float:left;padding-left:20px;
}
.thumbnailleft
{
	float: left;
	margin: 0px 5px;
}
.thumbnail
{
	float: right;
	margin: 0px 5px;
}
.thumbnailbullet
{
	float: right;
	margin: 4px 0px 0px 5px;
}
.MainLinks
{
	font-size: 12px;
	color: #404040;
	font-family: Tahoma;
}
.MainLinks a:link, .MainLinks a:visited
{
	font-size: 12px;
	color: #404040;
	font-family: Tahoma;
	text-decoration: none;
}

.MainLinks a:hover ,.MainLinks a:active
{
	color: #ff8c00;
	text-decoration: none;
}
.NewsBanner ,.NewsBanner a:link, .NewsBanner a:visited
{
	color: #3e7dbc; cursor: default; font-size: 12px; font-family: Tahoma;
}
.NewsBanner a:hover ,.NewsBanner a:active
{
	color: #ff8c00;
	text-decoration: none;
}
.NewsLinks
{
	font-size: 12pt;
	color: #404040;
	font-family: 'Traditional Arabic';
	font-weight: bold;
}
.NewsLinks a:link, .NewsLinks a:visited
{
	font-size: 12pt;
	color: #404040;
	font-family: 'Traditional Arabic';
	text-decoration: none;
	font-weight: bold;
}

.NewsLinks a:hover ,.NewsLinks a:active
{
	color: #ff8c00;
	text-decoration: none;
}
.button
{
	background-image: url(img/User_18.jpg);
	width: 73px;
	height: 28px;
	background-position: left top;
}

.button a:hover
{
	background-image: url(img/search_17.jpg);
	width: 73px;
	height: 28px;
	background-position: left top;
}