html, body {
  height: 100%;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
p { margin: 0; padding: 5px 10px; }
a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
#page-body {
  min-height: 100%;
  margin-bottom: -3em;
}
#page-body .banner {
  background: #213731 url('/img/code_fade.png') right top no-repeat;
  height: 168px;
  margin: 0 0 1em 0;
  padding: 0;
}
#page-body .banner h1 {
  margin: 0;
  padding: 48px 0 48px 160px;
  color: #FFF;
  background: url('/img/xsco_logo_v3_128x128.png') no-repeat 20px 20px;
  font-size: 2em;
}
#page-body .banner a { color: #FFF; }
#page-body .banner a:hover { text-decoration: none; }
#page-body .biglist {
  margin-top: 2em;
}
#page-body .biglist li {
  padding-left: 0.5em;
  margin: 0 0 1em 2em;
}
#page-body:after {
  content: "";
  display: block;
}
#page-body:after, #page-footer {
  height: 3em;
}
#page-footer {
  color: #000;
  background-color: #BBD4CE;
}
#page-footer p { font-size: 0.8em; padding-top: 1em; padding-bottom: 1em; }