/* link heights corresponds with image height */
.navButton, .navButton:visited {
height:34px;
position: relative !important;
}
/* link and list-item widths correspond with image widths */
#about, #aboutButton, #aboutButton:visited {
width:211px;
}
#visitations, #visitationsButton, #visitationsButton:visited {
width:244px;
}
#planning, planningButton, #planningButton:visited {
width:214px;
}
#qa, #qaButton, #qaButton:visited {
width:211px;
}

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

/* button images are span background images */
#aboutButton span, #aboutButton:visited span {
	background-image:url(../../images/nav/b1about.gif);
}
#visitationsButton span, #visitationsButton:visited span {
	background-image:url(../../images/nav/b1visitations.gif);
}
#planningButton span, #planningButton:visited span {
	background-image:url(../../images/nav/b1planning.gif);
}
#qaButton span, #qaButton:visited span {
	background-image:url(../../images/nav/b1qa.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 -46px;
}