/* ------------ */
/* regular link */
/* ------------ */
a {
  background-color: transparent;    /* allow background to show through */
  color: #5e3509;                   /* dark brown */
  cursor: pointer;
  font-family: Arial;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;            /* this turns off link underlining */
}

/* ------------------------------- */
/* when clicked or mouse held down */
/* ------------------------------- */
a:active {
  background-color: transparent;    /* allow background to show through */
  color: #f99b37;                   /* orange */
  cursor: pointer;
  font-family: Arial;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;            /* this turns off link underlining */
}

/* --------------- */
/* mouse over link */
/* --------------- */
a:hover {
  background-color: transparent;    /* allow background to show through */
  color: #62b5b5;                   /* light green */
  cursor: pointer;
  font-family: Arial;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-decoration: none;            /* this turns off link underlining */
}

/* ---------------------------- */
/* common settings to all pages */
/* ---------------------------- */
body {
  background-attachment: fixed;
  background-color: #f9f9f4;        /* off white */
  background-repeat: repeat;
  color: black;
  font-family: Arial;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 100%;
  margin: 0px;
}

/* ------------------- */
/* used by branch info */
/* ------------------- */
div#branchinfo {
  border-width: 2px;
  color: black;
  font-size: 80%;
  height: 120px;
  position: absolute;
  left: 310px;
  text-align: center;
  top: 10px;
  width: 400px;
}

/* ------------------- */
/* used by branch list */
/* ------------------- */
div#branchlist {
  border-width: 2px;
  color: #5e3509;                   /* dark brown */
  font-size: 100%;
  position: absolute;
  left: 170px;
  text-align: center;
  top: 75px;
  width: 140px;
}

/* ----------------- */
/* main page content */
/* ----------------- */
div#content {
  background-color: #f9f9f4;        /* off white */
  border-width: 0px;
  height: 100%;
  position: absolute;
  left: 170px;
  top: 75px;
  width: 75%;
}

/* ------------------- */
/* used by Google Maps */
/* ------------------- */
div#gmap {
  border-width: 2px;
  height: 350px;
  position: absolute;
  left: 310px;
  text-align: center;
  top: 140px;
  width: 400px;
}

/* --------------------------- */
/* create a left hand menu bar */
/* --------------------------- */
div#menu {
  background-image: url("../img/menu.png");
  background-repeat: repeat-y;
  border-width: 0px;
  color: #5e3509;                   /* dark brown */
  font-size: 120%;
  height: 300%;
  left: 0px;
  position: absolute;
  text-align: center;
  top: 75px;
  width: 170px;
}

/* -------------------- */
/* used by product list */
/* -------------------- */
div#productlist {
  border-width: 2px;
  color: #5e3509;                   /* dark brown */
  font-size: 100%;
  height: 100%;
  position: absolute;
  left: 170px;
  text-align: center;
  top: 75px;
  width: 200px;
}

/* -------------------- */
/* used by product info */
/* -------------------- */
div#productinfo {
  border-width: 2px;
  font-size: 100%;
  height: 100%;
  position: absolute;
  left: 210px;
  text-align: center;
  top: 10px;
  width: 200px;
}