@media screen {

  body.fancy {
    margin-top: 110px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #030;
  }

  body.small {
    margin: 0px;
    background-color: #030;
  }

  h2 {
    font-size: larger;
    font-weight: bold;
  }

  em {
    font-style: italic;
    font-weight: bold;
  }

  #header {
    position: absolute;
    top: 0px;
    background-color: #fff;
    left: 0px;
    width: 100%;
    height: 110px;
  }

  #logo {
    position: absolute;
    top: 0px;
    left: 50px;
    border: 0px;
  }

  #baby {
    position: absolute;
    top: 1px;
    right: 0px;
  }

  #nav-bar {
    width: 100%;
    text-align: center;
    background-color: #030;
    padding: 1px 0px 3px 0px;
  }

  #nav-bar .navlink {
    color: #ccc;
    font-weight: bold;
  }

  #members-link {
    position: absolute;
    top: 110px;
    right: 0px;
    margin-right: 2em;
    background-color: #030;
    padding: 1px 0px 3px 0px;
    color: #ccc;
    font-weight: bold;
  }

  #nav-bar a, #members-link a {
    color: #ccc;
    font-weight: bold;
    text-decoration: underline;
  }

  #nav-bar a:hover, #members-link a:hover {
    color: #fff;
  }
    
  #main-border {
    border-width: 0px 12px 1.5em 12px;
    border-color: #999;
    border-style: solid;
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    /*width: 100%;*/
  }

  #content {
    margin: 1em;
    width: 100%;
  }

  .topcorners {
    background: url(../images/topright_corner.gif) no-repeat top right;
    margin-left: 0px !important;
  }

  .botcorners {
    background: url(../images/botright_corner.gif) no-repeat bottom right;
    margin-left: 0px !important;
    clear: both;
  }

  img.corner {
    border: none;
    display: block !important;
    margin-left: 0px !important;
  }

  #breadcrumb {
    display: block;
    width: 100%;
    height: 1.5em;
    background-color: #999;
    margin-left: 0px !important;
    text-indent: 0px;
    font-weight: bold;
    color: #030;
  }

  #breadcrumb a {
    color: #030;
    text-decoration: underline;
  }

  #breadcrumb a:hover {
    color: #fff;
  }

  #footer {
    position: relative;
    left: 0px;
    top: -1.5em;
    text-align: center;
  }

  #footer a {
    color: #030;
    text-decoration: underline;
  }

  #footer a:hover {
    color: #fff;
  }

} /* end screen media */

@media print {

  #header, #footer, #nav-bar, #members-link, #breadcrumb, .topcorners, .botcorners {
    display: none;
  }

} /* end print media */

@media screen, print {

body {
  font-family: sans-serif;
  font-size: 10pt;
}

h2 {
  font-size: larger;
  font-weight: bold;
}

em {
  font-style: italic;
  font-weight: bold;
}

a img, a:hover img, a:active img {
  border: 0px;
}

a {
  color: #030;
  text-decoration: underline;
}

a:hover, a:visited:hover {
  color: #030;
  text-decoration: none;
}

a:active {
  color: black;
  text-decoration: underline;
}

/* TODO: remove from print media */
.white
{
    color: #ffffff
}
}