/* 
* Setup 
*/ 
ul.cssmenu { 
list-style: none; 
padding: 0px; 
} 
.displace { 
position: absolute; 
left: -5000px; 
} 
ul.cssmenu li { 
float: left; 
} 
ul.cssmenu li a { 
display: block;  
background: url(../images/swarm_links.png); 
} 
/* 
* Normal Links 
*/ 
ul.cssmenu li.home a { 
width: 79px; 
height: 30px;
background-position: 0 0; 
} 
ul.cssmenu li.about a { 
width: 93px; 
height: 30px;
background-position: -79px 0; 
} 
ul.cssmenu li.contact a { 
width: 121px; 
height: 30px;
background-position: -172px 0; 
} 
ul.cssmenu li.mag a { 
width: 107px; 
height: 30px;
background-position: -293px 0; 
} 
/* 
* Hover Links 
*/ 
ul.cssmenu li.home a:hover { 
background-position: 0 -30px; 
} 
ul.cssmenu li.about a:hover { 
background-position: -79px -30px; 
} 
ul.cssmenu li.contact a:hover { 
background-position: -172px -30px; 
} 
ul.cssmenu li.mag a:hover { 
background-position: -293px -30px; 
} 
/* 
* Clicked Links 
*/ 
ul.cssmenu li.home a:active { 
background-position: 0 -60px; 
} 
ul.cssmenu li.about a:active { 
background-position: -79px -60px; 
} 
ul.cssmenu li.contact a:active { 
background-position: -172px -60px; 
} 
ul.cssmenu li.mag a:active { 
background-position: -293px -60px; 
}
/* 
* Selected/Active Links 
*/ 
ul.cssmenu li.home a.selected { 
background-position: 0 -60px;  
} 
ul.cssmenu li.about a.selected { 
background-position: -79px -60px;  
} 
ul.cssmenu li.contact a.selected { 
background-position: -172px -60px;  
} 
ul.cssmenu li.mag a:selected { 
background-position: -293px -60px; 
}