@media screen {
  .layout { display: none; }

  .banner {
     display: block;
     border: green solid thick;
     padding: 1em;
     font-family: sans-serif;
     font-weight: bold;
     margin-bottom: 2em;
   }

   a:link, a:visited { color: black; }
   a:hover { background-color: yellow; }

   body { color: black; }

  pre.code {
     background-color: black;
     color: white;
     padding: 5px;
	}
}

@media projection {
	body
	{
	    height: 100%; margin: 0px; padding: 0px;
	    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	    color: white;
	    opacity: .99;
	}

	.slide
	{
	  page-break-after: always;
	  padding-left: 2em;
	  padding-top: 2em;
	}

	.banner
	{
	  display: none;
	}

	.layout
	{
	  display: block;
	}

	div.background {
	        position: fixed;
	        left: 0px;
	        right: 0px;
	        top: 0px;
	        bottom: 0px;
	        z-index: -1;
	 }

	a:link, a:visited {
	    color: white;
	}
	a:hover { background-color: yellow; }

	h1, h2 { font-size: 36pt;  }
	h3 { font-size: 25pt;  }
	p, li, td, th { font-size: 18pt; }

	pre { font-size: 16pt;  }

	pre.code { font-size: 16pt;
	  background-color: black;
	  color: white;
	  padding: 5px;
	   border: silver thick groove;
	    -moz-border-radius: 11px;
	}
}