/* link dimensions correspond with image dimensions */
.navButton, .navButton:visited {
	width:126px;
	height:36px;
	position:relative !important;
	}

/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:36px;
	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(/udm-resources/homebutton.gif);
	}

#aboutButton span, #aboutButton:visited span {
	background-image:url(/udm-resources/button-about.gif);
	}

#contactButton span, #contactButton:visited span {
	background-image:url(/udm-resources/button-contact.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 -100px;
	}