@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}   body{ background:url(../images/body-bg.jpg) repeat-x #f7fafd; font:12px Arial, Helvetica, sans-serif; color:#0b3054; } ul{ list-style:none;} p{ margin:10px 0;} h1{ font:bold 20px Arial, Helvetica, sans-serif; color:#0b3054;  background:url(../images/home-button.jpg) no-repeat left center; height:34px; padding-left:40px; padding-top:12px; text-transform:uppercase;} h2{ font: normal 19px Arial, Helvetica, sans-serif; color:#981515;}

#main{ width:925px; margin:auto;}

#page-top{background:url(../images/page-top.gif); width:925px; height:13px; float:left; margin-top:30px;}
#container{ float:left; background:#FFF; height:auto; width:862px; padding:0px 31px 0 32px;}
#top-navigation{ background:url(../images/top-navigation.jpg) no-repeat; width:286px; height:48px; float:right; padding-left:45px;}
#top-navigation a{ color:#FFF; margin:18px 0 0 15px; float:left; width:auto; background:url(../images/top-navigation-icon.jpg) no-repeat left center; padding-left:10px; text-decoration:none; font-size:15px; }
#top-navigation a:hover{ text-decoration:underline;}


#mid-navigation{ background:url(../images/mid-navigation.jpg) no-repeat; width:847px; height:37px; padding-top:20px; padding-left:15px}
#mid-navigation a{ float:left; font:15px Arial, Helvetica, sans-serif; color:#1067b1; text-decoration:none; padding-left:14px; background:url(../images/mid-navigation-line.jpg) no-repeat; padding-right:25px; margin-bottom:10px; }

#mid-navigation a:hover{ color:#011a31;}

#mid-navigation  ul li ul li {border-bottom:1px solid #000; float:left; width:200px;}

#mid-navigation  ul li ul li a{ float:left; font:15px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; padding-left:14px; background:url(../images/mid-navigation-line.jpg) no-repeat; padding-right:25px; margin-bottom:0px; }

#mid-navigation ul li ul li a:hover{ color:#fff;}



#body-part{ margin-top:10px;}
a{ color:#619dd0; text-decoration:none;}
a:hover{ color:#619dd0; text-decoration:underline;}
#text-part{ width:492px; float:left;}
#text-part-inner{ width:850px; float:left;}
#text-part p{ text-align:justify;}

#add-part{ float:right; width:370px; color:#0b3054; font: bold 12px Arial, Helvetica, sans-serif; margin-top:30px;}

.add{ background:url(../images/Add-back.jpg) no-repeat; width:175px; height:233px; float:left; text-align:center; padding-top:15px; margin-left:10px;}

#page-bottom{ background: url(../images/page-bottom.gif) no-repeat; width:925px;   height:13px; float:left; }

#bottom-text{ float:left;  width:885px; padding:10px 20px 20px 20px; font-size:12px; color:#0b3054; line-height:17px;}
#bottom-text strong{ color:#0b3054;}
#bottom-text span{ color:#619dd0; }



ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: -35%;
 z-index: 598;
  float:left; 
}

#top-navigation .dropdown li ul li{
 height:auto;
 float:left; width:100%;  
 background: none;  
 border-bottom:1px solid #05aae9;
 margin-left:0px;
  padding-right:0px; }
#top-navigation .dropdown li ul li a{ 
color:#FFFFFF; 
text-decoration:none; 
font-size:16px; display:block; 
text-align:center; 
line-height:20px;}
#top-navigation  
.dropdown  li ul li a:hover{ color:#34c2f8; }
#top-navigation li #active{ color:#34c2f8; }

#top-navigation  .dropdown  li ul ul{ }
#footer{ float:left; width:auto; margin-top:10px; color:#fff; font-size:13px; text-align:center; }

#copy-right{ font-size:11px; color:#a1d5fe;margin-top:8px; }
#copy-right a{ color:#a1d5fe; text-decoration:underline;   }
#copy-right a:hover{ text-decoration:none; }

#footer-left{ background:url(../images/footerleft.jpg) no-repeat; width:12px; height:59px; float:left;}






ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}




	ul.dropdown ul {
	 width:auto;
	 background-color: #4396da;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
	 border:1px solid #0c4879; width:200px;
/*	 filter: alpha(opacity=90);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .9;*/
	}


#footer-mid{ background:url(../images/footer-mid.jpg) repeat; width:901px; height:49px;  float:left; padding-top:10px;}
#footer-mid a{ color:#FFF; text-decoration:none;}
#footer-mid a:hover{  text-decoration:underline;}


	ul.dropdown a:link,   /*change the menu color  main ul*/
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #fff; text-decoration: none; }
	ul.dropdown a:active { color: #fff; }


#footer-right{ background:url(../images/footerright.jpg) no-repeat; width:12px; height:59px;  float:left;}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 0%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}





	ul.dropdown li {
	 padding: 7px 0;
	/* background-color: #fff;*/
	 color: #fff;
	 line-height: normal;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 
	}

	ul.dropdown a:link,   /*change the menu color  main ul*/
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #fff; text-decoration: none; }
	ul.dropdown a:active { color: #fff; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */



      /*changed color drop down background*/


		ul.dropdown ul li {
		 /*background-color: transparent;*/
		 color: #fff;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited {
	color: #fff;
}
		ul.dropdown ul a:hover { color: #CCCCFF; text-decoration: none; }
		ul.dropdown ul a:active {
	color:#fff;
}


/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */



/* ----- END LEVEL */


/* Components override */






/*ul.dropdown li a {
 display: block;
 padding: 7px 14px;
}*/


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

/*	ul.dropdown li.dir {
	 padding: 7px 0px 7px 0px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 0px;
	}
*/

/* ------------- Custom */

	ul.dropdown li {

	}

	ul.dropdown ul a {
	 padding: 4px 0px 4px 0px;
	 width: auto; /* Especially for IE */

	}
	
		ul.dropdown ul a:hover {
	background-color: #99b8dc;
	}


.drop-icon2{ background:url(../images/drop-down-icon.jpg) 85px  center no-repeat; }
.drop-icon{ background:url(../images/drop-down-icon.jpg) 90px  center no-repeat; }

/*can you  changed  dropdown hover  background-color */



/*	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
	 background-color: #76b900;
	 color: #fff;
	}
*/

	/* CSS 2.1 */

/*	ul.dropdown li:hover > a.dir {
	background-color: transparent;
	color: #FFFFFF !important;
	
	}

	ul.dropdown ul li:hover > a.dir {
	background-color: transparent;
	color: #FFFFFF;
	}*/

