/*//////////
// Copyright Kevin Munc (kevin at munc dot com)
// License:  http://creativecommons.org/licenses/by/2.5/
//////////*/


@media screen {
  .section-hide {
      visibility: hidden;
  }
  .section-show {
      visibility: visible;
  }
  .section-hide, .section-show {
      position: absolute;
      left: 250px;
      top: 180px;
  }
  body {
      font-family: Arial, Helvetica, Verdana, sans-serif;
      background-color: #CC9966;
  }
  #first {
      position: absolute;
      top: 5%;
      left: 40%;
  }

  #second {
      position: absolute;
      top: 14%;
      left: 45%;
  }
} /* end - @media screen */



@media print {
  /* float: none !important; */
  .no-print, .menu, .footnote a, .footnote p, .closer, .big-spacer {
      display: none;
  }
  .section-hide, .section-show {
      visibility: visible;
      display: block;
      position: relative;
      left: 12%;
      top: auto;
      page-break-after: always;
  }
  body {
      font-family: Times, Garamond, Courier, Serif;
      background-color: #FFFFFF;
  }
  a:link:after, a:visited:after {
      content: " (" attr(href) ") ";
      font-size: 90%;
  }
} /* end - @media print */



@media screen,print {

  .section-hide, .section-show {
      width: 66%;
      font-size: 12pt;
  }

  /* Includes default background color. */
  body {
      background-image: none;
      font-size: 12pt;
      color: #000000;
      position: absolute;
      width: 80%;
  }

  #abstract {
      visibility: hidden;
      position: absolute;
      top: 100%;
      left: 100%;
  }

  #noscript {
      font-size: 8pt;
      font-weight: 500;
  }

  .hidden {
      visibility: hidden;
  }

  .title {
      font-size: 42pt;
      font-weight: 900;
  }

  .menu {
      font-size: 12pt;
      font-weight: 700;
  }

  .jobTitle {
      font-style: italic;
      font-weight: bold;
      position: relative;
      top: auto;
      left: 0.5cm;
  }

  .left-of-colon {
    font-style: italic;
    font-variant: small-caps;
  }

  .footnote {
      font-size: 8pt;
  }

  .closer {
      text-align: center;
      font-size: 10pt;
      font-weight: lighter;
  }

  .big-spacer {
      font-size: 22pt;
  }

  /* No background color specified for anchor tags due to dynamic bgcolor-setting. */
  a:link, a:visited {
      color: #000000;
  }

  a:active {
      color: #000000;
      /* Not using any of the below since Firefox considers a link active only as long as the mousekey is down. */
      /* text-transform: uppercase; */
      /* letter-spacing: 0.1cm; */
      /* text-decoration: overline; */
  }

  a:hover {
      color: #cccccc;
      background-color: #333333;
      /* text-transform: uppercase; */
  }

  a.nav {
      text-decoration: none;
  }

  a.increase:hover {
    text-transform: uppercase;
  }

  h1 {
      font-size: 14pt;
      font-style: italic;
      font-weight: bold;
  }

  h2 {
      font-size: 12pt;
      font-variant: small-caps;
      font-weight: bold;
  }

  ul {
      font-size: 12pt;
      font-weight: normal;
  }

  li {
      font-size: 12pt;
  }

  li.start {
      font-size: 12pt;
      font-style: italic;
      list-style-type: none;
  }

  p.long-text {
      text-indent: 1cm;
  }

  strong {
      font-weight: 700;
  }

  img {
      border: none;
  }

} /* end - @media screen,print */
