#navigation{
	width:617px;
	float:left;
	height:50px;
	background:url(../images/nav_bg.jpg) left no-repeat;
	padding:25px 0 0 50px;}

#navigation ul{
    margin: 0;
    padding:0;
    list-style-type: none;}

/*Top level list items*/
#navigation ul li{
    position: relative;
    float: left;}

#navigation a{
	color:#FFFFFF;
	text-decoration:none;
    display:block;}

/*Top level menu link items style */
#navigation ul li a{
	padding:0 27px;}

#navigation ul li a.home{
	width:51px;
	height:21px;
	float:left;
	background:url(../images/home.jpg) no-repeat;
	display:block;}
	
#navigation ul li a.home:hover{
	width:51px;
	height:21px;
	float:left;
	background:url(../images/home2.jpg) no-repeat;
	display:block;}	
	
#navigation ul li a.home_active{
	width:51px;
	height:21px;
	float:left;
	background:url(../images/home2.jpg) no-repeat;
	display:block;}		
	
#navigation ul li a.introduction{
	width:106px;
	height:21px;
	float:left;
	background:url(../images/introduction.jpg) no-repeat;
	display:block;}
	
#navigation ul li a.introduction:hover{
	width:106px;
	height:21px;
	float:left;
	background:url(../images/introduction2.jpg) no-repeat;
	display:block;}
	
#navigation ul li a.introduction_active{
	width:106px;
	height:21px;
	float:left;
	background:url(../images/introduction2.jpg) no-repeat;
	display:block;}	
	
#navigation ul li a.men{
	width:163px;
	height:21px;
	float:left;
	background:url(../images/3men.jpg) 20px 0 no-repeat;
	display:block;}
	
#navigation ul li a.men:hover{
	width:163px;
	height:21px;
	float:left;
	background:url(../images/3men2.jpg) 20px 0 no-repeat;
	display:block;}
	
#navigation ul li a.quran{
	width:57px;
	height:21px;
	float:left;
	background:url(../images/quran.jpg) no-repeat;
	display:block;}
	
#navigation ul li a.quran:hover{
	width:57px;
	height:21px;
	float:left;
	background:url(../images/quran2.jpg) no-repeat;
	display:block;}
	
#navigation ul li a.video{
	width:103px;
	height:21px;
	float:left;
	background:url(../images/video.jpg) no-repeat;
	display:block;}
	
#navigation ul li a.video:hover{
	width:103px;
	height:21px;
	float:left;
	background:url(../images/video2.jpg) no-repeat;
	display:block;}	

#navigation ul li a.video_active{
	width:103px;
	height:21px;
	float:left;
	background:url(../images/video2.jpg) no-repeat;
	display:block;}	

#navigation ul li a.contact{
	width:70px;
	height:21px;
	float:left;
	background:url(../images/contact.jpg) no-repeat;
	display:block;}
	
#navigation ul li a.contact:hover{
	width:70px;
	height:21px;
	float:left;
	background:url(../images/contact2.jpg) no-repeat;
	display:block;}	
	
#navigation ul li a.contact_active{
	width:70px;
	height:21px;
	float:left;
	background:url(../images/contact2.jpg) no-repeat;
	display:block;}
	
/*Sub level menu*/
#navigation ul li ul{
    left: -20px;
    top: 0;
    position: absolute;
    display: block;
    visibility: hidden;
    z-index: 100;
    margin-top:1px;
	font:bold 10px Tahoma;
	padding-top:10px;}

#navigation ul li ul li ul{
    margin:-15px 0 0 100px;}
	
/* Sub level menu links style */
#navigation ul li ul li a{
    font-weight: bold;
    padding: 5px 5px;
    background: url(../images/bg_nav_r.jpg) no-repeat;}
	
#navigation ul li ul li span{
    font-weight: normal;
    padding: 5px 5px;
    background: #698DC2;
    display:block;
    color:#dde0e5;}

#navigation ul li ul li a:hover{
	background: url(../images/bg_nav_r2.jpg) no-repeat;
	color:#000000;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;}
	
/* Holly Hack for IE \*/
/* End */

.dr1 li{
    width:70px;
    text-align:center;}
	
#dr2 li{
    width:140px;}
	
#dr4 li{
    width:190px;
        background: #698DC2;}
		
#dr4 li a{
    width:180px;}
	
#dr5 li{
    width:120px;}
	
.navActive{
	background-color:#5876A6;
	float:left;
    color:#FFFFFF;
	text-decoration:none;}
	
.navActive a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;}