body { font: normal 84%/140% Trebuchet MS, sans-serif; }

h1, h2, h3, h4, h5, h6, .print {
  font-family: serif;
  font-weight: normal;
  margin-top: 1.2em;
  margin-bottom: 0.2em;
  color: #127;
}
h1 { font-size: 350%; }
h2 { font-size: 250%; margin: 0em 0em 0.7em 0em; }
h3 { font-size: 175%; }
h4 { font-size: 150%; }
h5 { font-size: 125%; }
h6 { font-size: 100%; }

li, li ul, li ol {
     margin-top: 0.3em;
  margin-bottom: 0.3em;
}

p, ul, ol {
     margin-top: 0.8em;
  margin-bottom: 0.8em;
}

a { text-decoration: underline; }
a:link { color: #00F; }
a:visited { color: #404; }
a:active,
a:hover { color: #F00; }

acronym, abbr, .help { border-bottom: 1px dashed #AAA; cursor: help; }

h1, h2, h3, h4, h5, h6,
hr, a { background: transparent; }

hr { color: #AAA; height: 0px; }

small, .small, sub, sup { font-size: 80%; }
big, .big { font-size: 120%; }

q, cite { display: block; margin-left: 1.5em; }
q:before { content: ""; }
q:after { content: ""; }
cite {
  padding: 0.4em 0em;
  font-weight: bold;
}

dl dd {
  margin: 0em 0em 0.5em 1em;
  padding: 0px;
}

.grey { color: #BBB; }

@media screen {
  html, body {
    margin: 0px;
    height: 100%;
    overflow: hidden;
  }
  html { background: #AAA url('../images/drop.png') repeat-y scroll 995px 0px; }
  body {
    color: #000;
    overflow-y: scroll ! important;
  }
  #content {
    width: auto;
    background: #FFF;
    padding: 175px 25px 75px 195px;
  }
  #header, #footer { width: 995px; }
  #page {
    max-width: 995px;
    width: expression(document.body.clientWidth > 995 ? "995px" : "auto");
    background: #FFF;
    height: 100%;
  }
  #header,
  #footer {
    background: transparent none repeat-x scroll left top;
    position: absolute;
    left: 0px;
  }
  #header {
    background-image: url('../images/header.jpg');
    top: 0px;
    height: 150px;
    z-index: 10;
  }
  #footer {
    background-image: url('../images/footer.jpg');
    bottom: 0px;
    top: expression(document.body.clientHeight - 50);
    height: 50px;
    color: #FFF;
  }
  #footer p {
    position: absolute;
    right: 0px;
    text-align: right;
    font-size: 12px;
    padding: 6px 15px;
    line-height: 1em;
  }
  #footer a { color: #FFF; }
  #navi {
    background: #E9E9E9;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 134px;
    padding: 168px 18px 0px 18px;
  }
  #navi ul,
  #navi ul li {
    list-style: none;
    display: inline;
    margin: 0px;
    padding: 0px;
  }
  #navi ul li a {
    font: normal 18px Times New Roman, serif;
    color: #11257B;
    padding: 6px 15px;
    margin: 3px 0px;
    background: #D6D6D6;
    text-decoration: none;
    display: block;
  }
  #navi ul li a:hover { background: #BBB; }
  .print { display: none; }
  a.pdf16 {
    padding-right: 20px;
    background: transparent url('http://www.activemediaforge.co.uk/images/icon_pdf_16.png') no-repeat scroll center right;
  }
  a.pdf48 { background: transparent url('http://www.activemediaforge.co.uk/images/icon_pdf_48.png') no-repeat scroll 15px center; }
  .download {
    font-size: 130%;
    display: block;
    margin: 0px;
    padding: 15px 15px 15px 78px;
    border-top: 1px dashed #AAA;
    height: 48px;
    text-decoration: none;
  }
  a.download:hover { background-color: #EEE; }
  ul.downloads,
  ul.downloads li {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
}

@media print {
  #header,
  #footer,
  body { background: #FFF; }
  #header img,
  #footer img,
  #navi { display: none; }
}