body {
  margin: 0;
  border 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  background: #c7c8d0; /* color above and below main content area */
}

/* Vertically centered block on front page, containing menu and content */
#frontBlock {
  position: absolute;
  top: 50%;
  height: 500px;
  margin-top: -250px;  /* half of height */
  width: 100%;
  background-color: white; /* #508b91; */
}

/* Banner at top of front block */
#logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 135px;
  width: 150px;
  background: url(images/banners/logoCorp.png) no-repeat #8287a5;
}

/* Banner at top of front block */
#banner {
  position: absolute;
  top: 0;
  left: 150px;
  height: 135px;
  width: 100%;
  background: url(images/bannersCorporate/corporate.jpg) no-repeat #c7c8d0;
}

/* Menu inside front block, touches bottom of banner */
#menu {

  position: absolute;
  top: 135px;  /* = banner height */
  left: 0;

  width: 150px;
  height: 365px;  /* front height - banner height */

  background: #8287a5;
  margin: 0; 
  padding: 0;
}

/* Menu item */
#menu p {
  margin: 0; 
  padding: 8px 0 8px 25px;
  font-size: medium;
}

#menu a:link    { text-decoration: none; color: white; }
#menu a:visited { text-decoration: none; color: white; }
#menu a:hover   { text-decoration: none; color: black; } 

#menu p.normal { background: #8287a5; }
#menu p.selected { background: #cdcee3; }

/* Content area inside front block, right of menu and below banner */
#content {
  position: absolute;
  top: 122px;
  left: 150px;
  margin: 0; 
  padding: 0 10px 0 0;
}

#content p {
  margin-top: 30px;
  line-height: 130%;
  width: 90%;
  color: white;
}

#content table {
  margin: 100px 0 0 0;
  padding: 0;
}
#content td {
  margin: 0;
  padding: 0;
}
#content img {
  border: none;
  margin: 0;
}

/* Quote at bottom of content area */
#quote {
    position: absolute;
    top: 320px;
    left: 20px;
    color: #8287a5;
    width: 90%;
}


