@import url(slide.css);

/* style sheets for projection mode, optimized for 1024x768 screen */

@media projection {
body { counter-reset: page 0; }

h1, h2 {
  color: #0c479d /* #005A98 */;
  display: block;
  border-bottom: medium groove #888;
  margin-top: 72px;
  padding-bottom: 20px;
  margin-bottom: 4px;
}
h1, h2 {
  page-break-before: always;
  counter-increment: page;
}
body > div.section:after {
  display: block;
  position: absolute;
  top: 735px;
  left: 87%;
  width: 13%;
  font-size: 24px;
  font-style: normal;
  content: "Page " counter(page);
}

/* fixed header and footer */

div[class="header"] {
  display: block;
  position: fixed;
  top: -30px;
  left: 4%;
}

div[class="footer"] {
  display: block;
  position: fixed;
  top: 734px;
  left: 4%;
  width: 100%;
  font-size: 24px;
  font-style: normal;
  border-top: medium groove #888;
}
}