/*  -- Start by using a browser reset rule -- */
* {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
}

/*  -- Set out the page --  */
body {
  text-align: center;
}
div.page {
  margin: 10px auto;
  text-align: left;
  background-image: url(/graphics/menu.jpg);
  background-repeat: repeat-y;
  background-position: top left;
  width: 880px;
}

/*  -- Set out the header --  */
div.page div.header {
  height: 137px;
  width: 880px;
  background-image: url(/graphics/header.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}
div.page div.header div.logo {
  position: absolute;
  width: 160px;
  height: 134px;
  top: 3px;
  left: 20px;
}
div.page div.header div.logo a {
  display: block;
  width: 160px;
  height: 134px;
}
div.page div.header div.logo span {
  display: none;
}

/*  -- Set out the page content area -- */
div.page div.content {
  /*
  margin: 0px 0px 19px 197px;
  */
  margin: 0px 0px 19px 194px;
  border: 0px solid black;
  padding: 0px 19px 0px;
  position: relative;
  z-index: 50;
}

/* -- Set out the navigation menu -- */
div.page div.menu {
  height: 550px;
  width: 197px;
  background-image: url(/graphics/menu-top.jpg);
  background-repeat: no-repeat;
  float: left;
  margin: 0px;
}
div.page div.menu h2 {
  display: none;
}
div.page div.menu ul {
  padding: 40px 0px 0px;
}
div.page div.menu ul li {
  padding: 13px 19px 18px;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom center;
  position: relative;
  z-index: 100;
}
div.page div.menu ul li.one {
  background-image: url(/graphics/divider-1.png);
}
div.page div.menu ul li.two {
  background-image: url(/graphics/divider-2.png);
}
div.page div.menu ul li.three {
  background-image: url(/graphics/divider-3.png);
}
div.page div.menu ul li.four {
  background-image: url(/graphics/divider-4.png);
}
div.page div.menu ul li.five {
  background-image: url(/graphics/divider-5.png);
}
div.page div.menu ul li.six {
  background-image: url(/graphics/divider-6.png);
}
div.page div.menu div.recycle-logo {
  width: 197px;
  height: 91px;
  margin: 28px 0px;
  background-image: url(/graphics/recycle.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}

/*  -- Set out the page footer -- */
div.page div.footer {
  height: 58px;
  padding: 19px 0px 0px;
  clear: both;
  width: 880px;
  background-image: url(/graphics/footer.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}