html {
  margin: 0;
  padding: 0;
  background: #903 url(../images/bg_fill.png);
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: url(../images/frame_bg.png) repeat-y 25px 0;
  height: 100%;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

#page {
  background: #fff url(../images/frame_bg.png) repeat-y;
  position: relative;
  left: 25px;
  width: 855px;
}

#header a:link,
#header a:visited,
#header a:active
#header a:hover {
  text-decoration: none;
}

#header {
  width: 855px;
  height: 145px;
  background: url(../images/masthead.png) no-repeat bottom center;
  margin: 0;
  padding: 0;
}

#masthead {
  margin: 0;
  padding: 0;
  width: 325px;
  height: 90px;
  position: absolute;
  top: 38px;
  left: 38px;
  overflow: hidden;
  font-size: 40px;
}

#masthead #subtitle {
  font-size: 18px;
}

#masthead span.mask {
  background: url(../images/masthead.png) no-repeat -38px -34px;
  display: block;
  position: absolute;
  width: 325px;
  height: 90px;
  top: 0;
  left: 0;
}

#slogan {
  position: absolute;
  top: 8px;
  left: 722px;
  width: 133px;
  height: 130px;
  overflow: hidden;
}

#slogan span.mask {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 133px;
  height: 130px;
  background: url(../images/masthead.png) no-repeat -722px 0px;
}

div.clear {
  clear: both;
}

#contentarea {
  margin: 0 10px 1em 8px;
  padding: 0 10px;
  background: url(../images/body_bg.png) no-repeat top right;
}

#sidebar {
  float: left;
  width: 190px;
  margin-top: 25px;
  overflow: hidden;
}

#menu {
  position: relative;
  left: 5px;
  top: 0;
  margin: 0 5px;
  padding: 0;
  width: 160px;
  background: url(../images/menu_bg.png) repeat-y;
  color: #a0410d;
  font-weight: bold;
}

#menu a:link,
#menu a:visited,
#menu a:active {
  color: #a0410d;
  text-decoration: none;
}

#menu a:hover {
  background: #ed145b;
  color: #7accc8;
  text-decoration: none;
}

#menu_top {
  height: 14px;
  overflow: hidden;
  background: url(../images/menu_bg_top.png) no-repeat top center;
}

#menu_bottom {
  height: 14px;
  overflow: hidden;
  background: url(../images/menu_bg_bottom.png) no-repeat bottom center;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 1em 0 0 0;
  width: 160px;
  font-size: 14px;
  font-family: "Arial Black", sans-serif;
  letter-spacing: 0.1em;
}

#menu ul li {
  display: block;
  margin: 0;
  padding: 7px 0;
}

#menu ul li a {
  padding: 0 25px;
  margin: 0;
  display: block;
  text-transform: uppercase;
}

#adverts {
  margin: 0 5px;
  padding: 2em 0;
}

#content {
  float: right;
  width: 625px;
  margin-top: 56px;
  overflow: hidden;
}

#footer {
  clear: both;
  margin: 1em 9px 0;
  padding: 0 0.5em;
  font-size: smaller;
  text-align: right;
}

#content h2,
#content h3 {
  color: #f7941d;
  font-family: "Arial Black", Arial, sans-serif;
  letter-spacing: -0.1em;
}

#content h2 {
  font-size: 24px;
}

#content h3 {
  font-size: 18px;
}

div.captionedimage {
  width: 200px;
  text-align: center;
  font-style: italic;
}

@media print {
  html {
    background: #fff;
    height: auto;
  }

  body {
    font-family: "Times New Roman", serif;
    height: auto;
    background: #fff;
    margin: 0.25in;
  }

  #page {
    background: #fff;
    position: static;
  }

  #header {
    background: #fff;
    width: auto;
    height: auto;
  }

  #masthead {
    position: static;
    height: auto;
    width: auto;
  }

  #masthead span.mask {
    display: none;
  }

  #slogan {
    position: static;
    height: auto;
    width: auto;
    background: none;
    font-size: 20px;
  }

  #slogan span.mask {
    display: none;
  }

  #contentarea {
    background: #fff;
  }

  #sidebar {
    display: none;
  }

  #content {
    float: none;
    width: auto;
    margin-top: 2em;
  }

}