/*navigation css*/

#nav{
height: 62px;
background: #eaf8e2 url(../includes/images/navigation_top.jpg) no-repeat;
margin: 10px 0px 20px 0px
}

#nav ul {
position: relative;	
margin:0px;
height:62px; width:780px;
background: url("../includes/images/navigation_top.jpg") no-repeat;	
}

#nav ul li {
float: left;
list-style: none;
}

#nav ul li a {
position: absolute;
margin:0;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 62px;
background: url("../includes/images/navigation_top.jpg") no-repeat;		
}

#nav ul li#nav-home a {
left: 0; width: 60px; 
background: url("../includes/images/navigation_top.jpg") 0 0 no-repeat;	
}

#nav ul li#nav-about a { 
left: 60px; width: 87px; 
background: url("../includes/images/navigation_top.jpg") -60px 0 no-repeat;	
}

#nav ul li#nav-help a { 
left: 147px; width: 118px; 
background: url("../includes/images/navigation_top.jpg") -147px 0 no-repeat;	
}

#nav ul li#nav-helpus a { 
left: 265px; width: 82px; 
background: url("../includes/images/navigation_top.jpg") -265px 0 no-repeat;	
}

#nav ul li#nav-recruitment a { 
left: 347px; width: 120px; 
background: url("../includes/images/navigation_top.jpg") -347px 0 no-repeat;	
}

#nav ul li#nav-events a { 
left: 467px; width: 78px; 
background: url("../includes/images/navigation_top.jpg") -467px 0 no-repeat;	
}

#nav ul li#nav-news a { 
left: 545px; width: 64px; 
background: url("../includes/images/navigation_top.jpg") -545px 0 no-repeat;	
}

#nav ul li#nav-gallery a { 
left: 609px; width: 88px; 
background: url("../includes/images/navigation_top.jpg") -609px 0 no-repeat;	
}

#nav ul li#nav-contact a { 
left: 697px; width: 88px; 
background: url("../includes/images/navigation_top.jpg") -697px 0 no-repeat;	
}

#nav ul li#nav-home a:hover { background-position: 0 -62px; }
#nav ul li#nav-about a:hover, #nav ul li#nav-about a.over { background-position: -60px -62px; }
#nav ul li#nav-help a:hover, #nav ul li#nav-help a.over { background-position: -147px -62px; }
#nav ul li#nav-helpus a:hover, #nav ul li#nav-helpus a.over { background-position: -265px -62px; }
#nav ul li#nav-recruitment a:hover, #nav ul li#nav-recruitment a.over { background-position: -347px -62px; }
#nav ul li#nav-events a:hover, #nav ul li#nav-events a.over { background-position: -467px -62px; }
#nav ul li#nav-news a:hover, #nav ul li#nav-news a.over { background-position: -545px -62px; }
#nav ul li#nav-gallery a:hover, #nav ul li#nav-gallery a.over { background-position: -609px -62px; }
#nav ul li#nav-contact a:hover, #nav ul li#nav-contact a.over { background-position: -697px -62px; }

#nav ul li#nav-home a.active, #nav ul li#nav-home a.active:hover { background-position: 0 -126px; }
#nav ul li#nav-about a.active, #nav ul li#nav-about a.active:hover { background-position: -60px -126px; }
#nav ul li#nav-help a.active, #nav ul li#nav-help a.active:hover { background-position: -147px -126px; }
#nav ul li#nav-helpus a.active, #nav ul li#nav-helpus a.active:hover { background-position: -265px -126px; }
#nav ul li#nav-recruitment a.active, #nav ul li#nav-recruitment a.active:hover { background-position: -347px -126px; }
#nav ul li#nav-events a.active, #nav ul li#nav-events a.active:hover { background-position: -467px -126px; }
#nav ul li#nav-news a.active, #nav ul li#nav-news a.active:hover { background-position: -545px -126px; }
#nav ul li#nav-gallery a.active, #nav ul li#nav-gallery a.active:hover { background-position: -609px -126px; }
#nav ul li#nav-contact a.active, #nav ul li#nav-contact a.active:hover { background-position: -697px -126px; }