@charset "utf-8";
/* CSS Document */
html{background-color:#00688B;}
#wrapper{background-color:#00688B; width:1000px; margin:0px auto;}
/* begin: header */
	#header{background-color:#011A33; height:213px; width:960px; margin-left:20px;}
		#head1{background:url(../images/header.png) no-repeat; height:162px; width:960px;}
			#logo{height:149px; width:464px; float:left; margin-left:16px }
				#logo img{height:140px; width:263px; margin-top:20px;} 
			#news{height:130px; width:464px; float:right; margin-right:16px;}
				#news-body{height:149px; width:350px; float:right; margin-right:10px;}
                #news-roll{height:85px; width:335px;z-index:500;}
					#news-body h1{font-family:Tahoma; font-size:20px;color:#97D1FE; line-height:45px;}
					#news-body p{font-family:Tahoma; font-size:14px;color:#97d1fe; text-align:justify; line-height:15px;}
					#news-body h2{font-family:Tahoma; font-size:14px; direction:rtl; line-height:18px;}
					#news-body h2 a{text-decoration:none; color:#97d1fe;}
					#news-body h2:hover a{color:white;}
                    #news-body h3{ color:#97d1fe;}
		#head2{ width:900px; margin-top:17px;float:left;}
			#head2 ul{list-style:none;display:block;}
			#head2 ul li{list-style:none;display:inline;float:left;height:34px;width:180px;font-family:Tahoma; font-size:16px;line-height:200%;}
            #head2 ul li a{background:url(../images/navbar.png) no-repeat center;text-decoration:none;float:left;color: #e2eaff;text-align:center;
			               height:34px;width:180px;padding:0px;margin:0px;;}
            #head2 ul li a:hover{background:url(../images/navbar-hover.png) no-repeat center;color: #0399cf;height:34px;width:180px;text-decoration:none;}
            #head2 ul li a.current{background:url(../images/navbar-hover.png) no-repeat center;color: #0399cf;height:34px;width:180px;text-decoration:none;}
			/* sub menu   */
     		#head2 ul li ul{ display:none;z-index:400;position:absolute;width:180px;}
            /* z-index:9999= to make menu over all layers */
            /*  position:absolute= to not make sheft for other items after it*/
            /* width:180px; to make menu as one column */
            #head2 ul li:hover ul{ display:block;z-index:400;position:absolute;width:180px;}
	
/* End: header */
/* begin: first-body */
	#first-body{ background-color:#011121; height:301px; width:960px; margin-left:20px;}
		#slide-body{ height:301px; width:960px; padding-top:20px;}
		/** -----begin: sliding banner---------------------- **/

		/*----End: sliding banner----------------------------------------------*/		
	
/* End: first-body */
/* begin: box-body */
	#box-body{background-color:#011121; height:840px; width:960px ;margin-left:20px;padding-top:20px;}
		.box{ height:420px; width:282px; float:left; margin-right:15px; padding-left:22px;}
			.box h1{ font-family:Tahoma; font-size:18px; color:white; line-height:25px;}
			.box p{ font-family:Tahoma; font-size:12px; text-align:justify; color:#6ca0b2; line-height:18px;}
			.box h2{ font-family:Tahoma; font-size:15px; color:white; float:right;}
			.box h2 a{ text-decoration:none; color:white;}
			.box h2:hover a{ color:#039;}
	
/* End: box-body */

/* begin: footer */
	#footer{ background-color:#032948; height:95px; width:960px; margin-left:20px;}
	   #foot-left{background-color:#032948; height:85px; width:450px; margin-left:16px; float:left; padding-top:10px;}
		   #foot-left a { text-decoration:none;color:white;margin: 0 5px 0 5px;
		                    border-bottom: 1px dotted #444;padding: 0 0 1px;}
           #foot-left a ,span { margin: 0 0 0 10px; color:white;}
           #foot-left a:hover {color:#97D1FE;}
	       #foot-left span {color:#97D1FE;}
	   
	   #foot-right{background-color:#032948; height:85px; width:210px;float:right; padding-top:10px;}
		   #foot-right a { text-decoration:none;color:white;margin: 0 5px 0 5px;
		                    border-bottom: 1px dotted #444;padding: 0 0 1px; }
           #foot-right a ,span { margin: 0 0 0 10px; color:white;}
           #foot-right a:hover {color:#97D1FE;}
           #foot-right span { margin: 0 0 0 10px; color:#97D1FE;}

	
/* End: footer */