#nav {
  position: absolute;
  top: 200px;
  left: 0px;
  height: 300px;
}

.nav_button {
  display: block;
  height: 42px;
  width: 42px;
  margin-top: 4px;
  cursor: pointer;
  padding-right: 5px;
  text-align: right;
  box-shadow: 2px 2px 5px #000;
	border-radius: 0px 12px 12px 0px;
  background-image: url("/assets/ms_sprite4-5042ead7.png");
  background-repeat: no-repeat;
}

.nav_button:hover {
  width : 142px;
  text-decoration: none;
}

.nav_button:hover > .nav_text {
  visibility : visible;
  text-decoration: none;
}

.nav_button:visited {
  text-decoration: none;
}

.nav_text {
  color: #fde202;
  visibility: hidden;
  font-size: 12pt;
  line-height: 2.7em;
}

/* sprite control: */
#households      { background-position: 0px 0px;       }

#clients         { background-position: 0px -42px;     }

#checkin         { background-position: 0px -84px;     }

#home_deliveries { background-position: 0px -126px;    }

#donations       { background-position: 0px -168px;    }

#logout          { background-position: 0px -210px;    }

#admin           { background-position: 0px -252px;    }

#bec             { background-position: 0px -170px;    }

#appointments_nav { background-position: 0px -303px; }

.nav_button.enabled { visibility: visible; }

/* making the button invisible is not for security purposes
* a user without privileges will be rejected if they try
* to go to the page. */
.nav_button.disabled { visibility: hidden; }