body {
	margin:0;
	padding:0;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:750px;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight: normal;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;

}

ul#menu li
{

	display:block;
	float: right;
	margin:0;
	padding:0;
	
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	background:transparent url(images/nav_bg.png) no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) no-repeat;	
	float:left;
	margin:0;
}

	#box { /* مهم للتحكم بعرض الصندوق */
		width:100%;
		margin: 0 auto;
		color: #333333;	
	}
	#content { /* مهم لترتيب المساحات الجانبية للنص */
		margin: 0 -25px 0 10px;
		padding: 1px 15px;
		background: #f5f5f5;
	}
	#box .topRight , #box .topLeft , #box .topCenter , #box .bottomCenter , #box .centerRight , #box .centerLeft , #box .bottomRight , #box .bottomLeft { behavior: url(../iepngfix.htc); }
	#box .topCenter , #box .topLeft ,#box .bottomCenter , #box .bottomLeft { height: 37px; }

	#box .topRight {
		background: url(topRight.png) no-repeat right top;
	}
	#box .topLeft {
		background: url(topLeft.png) no-repeat left top;
		margin-right: 37px;
	}
	#box .topCenter {
		background: url(topCenter.png) repeat-x top;
		margin-left: 37px;
	}
	#box .bottomCenter {
		background: url(bottomCenter.png) repeat-x bottom;
		margin-left: 37px;
	}
	#box .centerRight {
		background: url(centerRight.png) repeat-y right top;
	}
	#box .centerLeft {
		background: url(centerLeft.png) repeat-y left top;
		margin-right: 34px;
	}
	#box .bottomRight {
		background: url(bottomRight.png) no-repeat right bottom;
	}
	#box .bottomLeft {
		background: url(bottomLeft.png) no-repeat left bottom;
		margin-right: 37px;
	}
.box-shadow {
	border:#333;
	
  -moz-box-shadow: 10px 10px 10px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */
  box-shadow: 10px 10px 10px #000; /* CSS3 */
}
.dropshadowclass {
	

	background:#fff;
	padding: 4px;
border: solid 1px #CCC;
        box-shadow: 10px 10px 10px #999;
        }		
.dropshadowclass2 {
	background: #fff;
	padding: 5px;
border: solid 1px #CCC;
        box-shadow: 10px 10px 10px #999;
        }
.dropshadowclass_menu {
	width:100%;
	background: #fff;
	padding: 4px;
border: solid 1px #CCC;
        box-shadow: 10px 10px 10px #999;
        }
.title {
	background: #333;
	padding: 5px;
border: solid 1px  #000;
        box-shadow: 10px 10px 10px #999;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		text-align:center;
		color:#FFF;
        }		
.title2 {
	background: #333;
	padding: 5px;
border: solid 1px  #000;
        box-shadow: 10px 10px 10px #999;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		text-align:center;
		color:#FFF;
		margin:8px;
        }
.mohtoa {
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10px;
		text-align:center;
		color: #666;
		margin:8px;
        }	
.mohtoa2 {
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		text-align: right;
		color: #000;
		margin:8px;
        }	
.mohtoa3 {
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		text-align:center;
		color: #000;
		margin:8px;
        }
	#menu2{
		background:url(b12.gif) no-repeat;
		width:202px;
		height:221px;
		padding:15px;
			font:12px Tahoma, Arial, Helvetica, sans-serif;	
	}
		#menu2 ul{
			list-style:none;
			padding:0 0 0 8px;
		}
			#menu2 li{
				list-style:none;
				display:block;
				padding:10px 0;
			}
				#menu2 li a{
					list-style:none;
					display:block;
					background:url(menu_026_b.gif) no-repeat left;
					color:#c1c1c1;
					font-weight:bold;
					text-transform:uppercase;
					font-size:11px;
					text-decoration:none;
					padding:0 5px 0 0px;
				}
					#menu2 li a:hover{
						background:url(menu_026_h.gif) no-repeat left;
						color:#fff;
						text-decoration:none;
					}
				#menu2 li .current{
					list-style:none;
					display:block;
					background:url(menu_026_h.gif) no-repeat left;
					color:#fff;
					font-weight:bold;
					text-transform:uppercase;
					font-size:11px;
					text-decoration:none;
					padding:0 5px 0 0px;
				}
					#menu2 li a.current, #menu2 li a:hover.current{
						background:url(menu_026_h.gif) no-repeat left;
						color:#fff;
						text-decoration:none;					
					}