/* Horizontal Navigation with dropdowns */

/*

If changing the height of the nav, make sure you update "#navigation ul li ul"
so that the "top" option is the same as the new height

*/

a.navHome {
background: url(../img/but-home.gif) no-repeat center 0px;
width: 46px;
height: 16px;
display:block;
float: left;
padding: 0px 10px;
}
a.navGetHere {
background: url(../img/but-how-to-get-there.gif) no-repeat center 0px;
width: 153px;
height: 16px;
display:block;
float: left;
padding: 0px 10px;
}
a.navGallery {
background: url(../img/but-gallery.gif) no-repeat center 0px;
width: 67px;
height: 16px;
display:block;
float: left;
padding: 0px 10px;
}
a.navFood {
background: url(../img/but-food-drink.gif) no-repeat center 0px;
width: 138px;
height: 16px;
display:block;
float: left;
padding: 0px 10px;
}
a.navHappening {
background: url(../img/but-whats-happening.gif) no-repeat center 0px;
width: 156px;
height: 16px;
display:block;
float: left;
padding: 0px 10px;
}
a.navCompetitions {
background: url(../img/but-competitions.gif) no-repeat center 0px;
width: 116px;
height: 16px;
display:block;
float: left;
padding: 0px 10px;
}

a.navHome:hover {
background: url(../img/but-home.gif) no-repeat center -16px;
}
a.navGetHere:hover {
background: url(../img/but-how-to-get-there.gif) no-repeat center -16px;
}
a.navGallery:hover {
background: url(../img/but-gallery.gif) no-repeat center -16px;
}
a.navFood:hover {
background: url(../img/but-food-drink.gif) no-repeat center -16px;
}
a.navHappening:hover {
background: url(../img/but-whats-happening.gif) no-repeat center -16px;
}
a.navCompetitions:hover {
background: url(../img/but-competitions.gif) no-repeat center -16px;
}

#navigation span {
display: none;
}
#navigation ul {
list-style-type:none;
}

#navigation li {
display:block;
float:left;
background: url(../img/nav-seperator.gif) no-repeat right center;
}

#navigation .last {
background: none;
}