#nav-h {
	text-align:center;
	margin:0px auto;
	list-style: none;
	width:100%;
	height:36px;
	padding: 0;

	/* Rounded Corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));

	/* Borders */
	border: 1px solid #002232;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
	z-index: 10000;
	font-weight:bold;
	font:80% segoe ui, Simplified Arabic, Verdana, Arial, Helvetica, sans-serif;
}
#nav-h ul {
	position: absolute;
	list-style: none;
	z-index: 1000;
	display: none;
	width: 190px; /* عرض القائمة الفرعية */
	padding: 0;
	margin: 0;
	top: 100%;
}
#nav-h ul ul, #nav-h ul ul ul {
	right: 100%;
	top: 0;
}
#nav-h li {
	position: relative;
	display: inline-block;
	text-align: right;
}
#nav-h li.iehover { 
	z-index: 1000;
} 
#nav-h ul li {
	display: block;
	width: 100%;
}

/* ---- ROOT > -------------------------- */
#nav-h a {
	font-size: 16px;
	border-left: 1px solid #6A6AEA;
	padding: 4px 10px;
	text-decoration: none;
	outline-style:none;
	display: block;
	float: left;
	color: #FFF;
	height: auto !important;
	height: 1%;
}
/* ---- ROOT:Hover > -------------------- */
#nav-h a:hover, #nav-h li:hover a, #nav-h li.iehover a {
	background-color: #010404;
	color: #FFF;
}
/* ---- ROOT.ArrowDown > ---------------- */
#nav-h a.popup_down {
	background-image: url(../images/arrow_down_h.gif);
	background-position: 4px 12px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
/* ---- ROOT > LEVEL_01 ----------------- */
#nav-h li:hover li a, #nav-h li.iehover li a {
	background-color: #010404;
	padding: 2px 20px 1px 20px;
	border-left: none;
	color: #FFF;
	float: none;
	font-weight:normal;
}
/* ---- ROOT > LEVEL_01:Hover ----------- */
#nav-h li:hover li a:hover, #nav-h li:hover li:hover a, #nav-h li.iehover li.iehover, #nav-h li.iehover li.iehover a {
	background-color: #79357F;
	color: #FFF;
	font-weight:500;
	border-radius:15px;
}
/* ---- ROOT > LEVEL_01.ArrowLeft ------- */
#nav-h li:hover li a.popup, #nav-h li.iehover li a.popup {
	background-image: url(../images/arrow.gif);
	background-position: 10px 8px;
	background-repeat: no-repeat;
}

/* ---- ROOT >> LEVEL_02 ---------------- */
#nav-h li:hover li:hover li a, #nav-h li.iehover li.iehover li a {
	border-bottom: 1px solid #6E3074;
	background-color: #79357F;
	color: #FFF;
}
/* ---- ROOT >> LEVEL_02:Hover ---------- */
#nav-h li:hover li:hover li a:hover, #nav-h li:hover li:hover li:hover a, #nav-h li.iehover li.iehover li a:hover, #nav-h li.iehover li.iehover li.iehover a {
	background-color: #6C2A72;
	color: #FFF;
}

/* ---- ROOT >>> LEVEL_03 --------------- */
#nav-h li:hover li:hover li:hover li a, #nav-h li.iehover li.iehover li.iehover li a {
	border-bottom: 1px solid #5E2763;
	background-color: #6C2A72;
	color: #FFF;
}
/* ---- ROOT >>> LEVEL_03:Hover --------- */
#nav-h li:hover li:hover li:hover li a:hover, #nav-h li.iehover li.iehover li.iehover li a:hover {
	background-color: #502853;
	color: #FFF;
}

#nav-h li:hover ul ul, #nav-h li:hover ul ul ul, #nav-h li.iehover ul ul, #nav-h li.iehover ul ul ul {
	display: none;
}
#nav-h li:hover ul, #nav-h ul li:hover ul, #nav-h ul ul li:hover ul, #nav-h li.iehover ul, #nav-h ul li.iehover ul, #nav-h ul ul li.iehover ul {
	display: block;
}