@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;
  counter-increment: page;
}

.section{
  page-break-after: always;
}

div.section div.subsection{
  page-break-before: always;
}

h3 {
  color: #0c479d /* #005A98 */;
}
body > div.section:after {
  display: block;
  position: absolute;
  top: 935px;
  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; */
  top: 934px;
  left: 4%;
  width: 100%;
  font-size: 24px;
  font-style: normal;
  border-top: medium groove #888;
}
}

/* display in small size */
.small{
  font-size: 18px;
}

.no_projection{
 display: none;
}

span.under { text-decoration: underline; }