html,
body {
  margin: 0;
  border: 0;
  padding: 0;
  height: 100%;
  background-color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #606060;
  line-height: 125%;
}

.layout {
  margin: auto;
  height: 100%;
  border-spacing: 0;
}

.content {
  background-color: White;
  vertical-align: top;
  padding: 20px 55px 20px 40px;
  width: 480px;
}

.header-left {
  background-image: url("images/stripes_grey.png");
  background-color: #AAAAAA;
}

.header-right {
  height: 80px;
  background-image: url("images/header.jpg");
  background-color: #99CC00;
  padding-left: 12px;
}

.body-left {
  background-image: url("images/stripes_inverted.png");
  background-color: #D3D3D3;
  vertical-align: top;
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
  width: 80px;
}

h1 {
  font-size: 12pt;
}

p {
  margin-top: 8px;
  margin-bottom: 18px;
}

address {
  font-style: normal;
  padding-top: 4px;
}

address div {
  margin-top: 1px;
  margin-bottom: 1px;
}

address a {
  color: #90A000;
  text-decoration: none;
  padding-left: 3px;
  vertical-align: top;
}

/* Tablet */
@media (max-width: 600px) {
  .content {
    padding: 22px 40px 22px 30px;
  }

  .body-left {
    width: 55px;
  }
}

/* Mobile */
@media (max-width: 500px) {
  .header-left,
  .body-left {
    display: none;
  }
}