#home{ 
height: 30px; 
width: 140px; 
overflow: hidden; 
background: url("../logos/HOME.gif") top left no-repeat; 
display: block; 
} 
  
#home:hover{ 
background-position: bottom left; 
}

#events{ 
height: 30px; 
width: 140px;
overflow: hidden; 
background: url("../logos/EVENTS.gif") top left no-repeat; 
display: block; 
} 
  
#events:hover{ 
background-position: bottom left; 
}

#directions{ 
height: 30px; 
width: 140px;  
overflow: hidden; 
background: url("../logos/DIRECTIONS.gif") top left no-repeat; 
display: block; 
} 
  
#directions:hover{ 
background-position: bottom left; 
}

#links{ 
height: 30px; 
width: 140px;  
overflow: hidden; 
background: url("../logos/LINKS.gif") top left no-repeat; 
display: block; 
} 
  
#links:hover{ 
background-position: bottom left; 
}

#contact{ 
height: 30px; 
width: 140px;  
overflow: hidden; 
background: url("../logos/CONTACT.gif") top left no-repeat; 
display: block; 
} 
  
#contact:hover{ 
background-position: bottom left; 
}

#agendas{ 
height: 30px; 
width: 140px;  
overflow: hidden; 
background: url("../logos/AGENDAS.gif") top left no-repeat; 
display: block; 
} 
  
#agendas:hover{ 
background-position: bottom left; 
}

#budget{ 
height: 30px; 
width: 140px;  
overflow: hidden; 
background: url("../logos/BUDGET.gif") top left no-repeat; 
display: block; 
} 
  
#budget:hover{ 
background-position: bottom left; 
}

#grants{ 
height: 30px; 
width: 140px;  
overflow: hidden; 
background: url("../logos/GRANTS.gif") top left no-repeat; 
display: block; 
} 
  
#grants:hover{ 
background-position: bottom left; 
}