
<!--برمجة القائمة-->
.wrapper1{
	color: #44433f;	
	margin: 0;
	padding: 4px 0 0;
	}
	.wrapper1 a{
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color: #F1F3F3;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: #242C30;
	}
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	/*width: 710px;*/
	margin: -8px auto;
	
}
.nav {
	background: #fff url(../images/menu/nav_bg.png) repeat-x;
	float: right;
}
.nev-wrapper {
	clear: both;
	float: right;
}
.nav ul {
	width: 970px;
	height: 32px;
	float: right;
	margin: 0 6px 0 0px;
	padding-top: 3px;
	padding-right: 0px;
	font-size: 15px;
	list-style:none;
}
.nav li {
	float: right;
	padding: 0 0px 0 0px;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: right;
}
.menu-mid img{
	margin-bottom:3px;
}
a .menu-left {
	background: url(../images/menu/menu_left.png) no-repeat right top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../images/menu/menu_mid.png) repeat-x top right;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(../images/menu/menu_right.png) no-repeat top right;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: right;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}

.nav li a:hover,
.nav li.hover a,
.nav li:hover a {
	/*اسم القائمة*/
	color: #242C30;
}


.nav li.active a{
	/*اسم القائمة*/
	color: #AE0B0E;
}


.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	right: -1px;
	background: url(../images/menu/submenu_top.png) no-repeat;
	width: 156px;
	padding-top: 9px;
}
.nav li ul {
	background: url(../images/menu/submenu_bg.png) repeat-y;
	width: 132px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #A6AAAC dotted;
	background: none;
}
.nav li:hover li a,
.nav li.active li a {
	color: #242C30;
	background: none;
	line-height: normal;
	width: 126px;
	padding: 5px 3px 3px;
	text-indent: 1px;
	font-size:12px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	background: #F2F2F2;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	background: #F2F2F2;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(../images/menu/submenu_bottom.png) right no-repeat;
	width: 175px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
<!--نهاية برمجة القائمة-->