/*********************************/
/*        NAVIGATION
/*********************************/


#nav {
background:url(../images/navBkgd.jpg) repeat-x;
width:654px;
position:relative;
float:right;
z-index:98;
height:56px;
right:25px;
clear:right;
top:115px;
}

#nav ul {
margin:0 0 0 25px;
}

#nav ul li {
list-style:none;
display:inline;
float: left;
height:56px;
position: relative;
}


#nav ul li a {
text-decoration:none;
display:block;
position:relative;
outline:none;
height:56px;
}

#nav .about a{
background:url(../images/nav/about.png) 0 0 no-repeat;
background-position:top left;
width:100px; 
}

#nav .join a{
background:url(../images/nav/join.png) 0 0 no-repeat;
width:107px; 
}

#nav .farms a{
background:url(../images/nav/farms.png) 0 0 no-repeat;
background-position:top left;
width:130px; 
}

#nav .forums a{
background:url(../images/nav/forums.png) 0 0 no-repeat;
background-position:top left;
position:relative;
width:141px; 
}

#nav .contact a {
background:url(../images/nav/contact.png) 0 0 no-repeat;
background-position:top left;
width:148px; 
}

#nav .about a:hover, #nav .join a:hover, #nav .farms a:hover, #nav .forums a:hover, #nav .contact a:hover {
background-position: 0 -56px;
}

#nav .selected a {
background-position: 0 -56px;
}


#nav ul li a span {
display:none;
}