@import url("/inc/udm-resources/udm-style.css");

/* link heights corresponds with image height */
.navButton, .navButton:visited {
	height:23px;
	/* this is for mac/ie5
	it would normally cause a rendering problem
	(a vertical expansion in the topnav)
	but it doesn't here because the topnav is a fixed height */
	position:relative !important;
	}

/* link and list-item widths correspond with image widths */
#home, #homeButton, #homeButton:visited {
	width:66px;
	}
#music, #musicButton, #musicButton:visited {
	width:137px;
	}
#crafts, #craftsButton, #craftsButton:visited {
	width:64px;
	}
#food, #foodButton, #foodButton:visited {
	width:56px;
	}
#culture, #cultureButton, #cultureButton:visited {
	width:73px;
	}
#tickets, #ticketsButton, #ticketsButton:visited {
	width:70px;
	}
#travel, #travelButton, #travelButton:visited {
	width:65px;
	}
#info, #infoButton, #infoButton:visited {
	width:52px;
	}
#gallery, #galleryButton, #galleryButton:visited {
	width:75px;
	}
#posters, #postersButton, #postersButton:visited {
	width:78px;
	}
#sponsors, #sponsorsButton, #sponsorsButton:visited {
	width:91px;
	}

/* span is same dimensions as link, and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:23px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}

/* button images are span background images */
#homeButton span, #homeButton:visited span {
	background-image:url(/inc/img/nav-home.gif);
	}
#musicButton span, #musicButton:visited span {
	background-image:url(/inc/img/nav-music.gif);
	}
#craftsButton span, #craftsButton:visited span {
	background-image:url(/inc/img/nav-crafts.gif);
	}
#cultureButton span, #cultureButton:visited span {
	background-image:url(/inc/img/nav-culture.gif);
	}
#foodButton span, #foodButton:visited span {
	background-image:url(/inc/img/nav-food-2010.gif);
	}
#ticketsButton span, #ticketsButton:visited span {
	background-image:url(/inc/img/nav-tickets.gif);
	}
#travelButton span, #travelButton:visited span {
	background-image:url(/inc/img/nav-travel.gif);
	}
#infoButton span, #infoButton:visited span {
	background-image:url(/inc/img/nav-info.gif);
	}
#galleryButton span, #galleryButton:visited span {
	background-image:url(/inc/img/nav-gallery.gif);
	}
#postersButton span, #postersButton:visited span {
	background-image:url(/inc/img/nav-posters.gif);
	}
#sponsorsButton span, #sponsorsButton:visited span {
	background-image:url(/inc/img/nav-sponsors.gif);
	}

/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:0 0;
	}
.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 -23px;
	}