<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<!-- Style name Default -->
<title>
Show Title
</title>
<meta name="generator" content="QuickShow 2.04" />
<style type="text/css">
/* =============== Color styling ===============
   ---- These styles provide a basic layout ----
   ---- for presentations, with different   ----
   ---- colors for projection, screen, and  ----
   ---- printed handouts.                   ----
   ============================================= */

/* =============== Default theme =============== */

/* -------------- General styling -------------- */

html, body { 
  color: black; 
  background: white; 
  }


/* --------------- Screen styling -------------- */

@media screen { 

}

/* --------------- Print styling --------------- */

@media print { 

* { 
  color: black; 
  background: white; 
  }

}

/* ------------- Projection styling ------------ */

@media projection { 

html, body { 
  color: black; 
  background: white; 
  }

div.projection { 
  color: black; 
  background: white; 
  }

h1, h2 { 
  border-bottom: thick solid black; 
  }

pre { 
  }

}
/* =============== Basic styling ===============
   ---- These styles provide a basic layout ----
   ---- for presentations, with different   ----
   ---- styles for projection, screen, and  ----
   ---- printed handouts.                   ----
   ----                                     ----
   ---- They combine well with the supplied ----
   ---- Core styles that provide general    ----
   ---- styling (fonts, colors, margins),   ----
   ---- but are not essential for the       ----
   ---- operation of the QuickShow editor.  ----
   ============================================= */

/* -------------- General styling -------------- */

/* Styles for general styling should only be 
   used when you don't use the Core Styles.      */

/*
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
  margin: 0 0 .7em 0;
  }

ul, ol {
  margin-left: 1.3em;
  }
*/

pre, code, tt, kbd { 
  font-size: 95%; 
  }


/* --------------- Screen styling -------------- */

@media screen {

div.notes { 
  margin: .5em 0;
  padding: .5em 0;
  /*font-size: smaller; */
  }

/* Other styles for Screen styling should only 
   be used when you don't use the Core Styles.   */

/*
body {
  font: 1em sans-serif;
  margin: 2em;
  padding: 0;
  line-height: 1.5;
  }
*/

}

/* --------------- Print styling --------------- */

@media print {

body {
  font: 12pt serif;
  margin: 0;
  padding: 0;
  } 

div.projection { 
  margin: 0 0 2em;
  padding: 0;
  border-bottom: thin solid; 
  counter-reset: note; 
  font-size: 12pt; 
  }

div.notes { 
  margin: .5em 0 .5em 1em;
  padding: .5em 1em;
  border-left: thin dotted; 
  font-size: 10pt; 
  }

div.projection:before { 
  counter-increment: slide; 
  content: "[Slide " counter(slide) "]";
  display: block;
  padding-bottom: .5em;
  font-size: 8pt; 
  }

div.notes:before { 
  counter-increment: note; 
  content: "[Note " counter(note) " with slide " counter(slide) "]";
  font-size: 8pt; 
  display: inline;
  padding: 0 1em 0 0;
  }

a[href] { 
  text-decoration: none; 
  }

a[href]:after { 
  content: " \003C" attr(href) ">"; 
  font-size: 8pt; 
  }

}

/* ------------- Projection styling ------------ */

@media projection {

html {
  font: 32px sans-serif;
    /* All pixel values in this style sheet 
    are optimized for 1024*768 displays. 
    Use higher values for bigger displays. */
  margin: 0;
  padding: 0;
  /*min-height: 100%; */
  }

body {
  margin: 0;
  padding: 0;
    /* BODY margins are replaced by the DIV margins, 
    as these are better suited for multi-page 
    layout. */
  }

div.projection { 
    /* By setting the min-height, you make sure 
    the sheet's margins are honored at the bottom, 
    even if the content doesn't fill the screen.
    Make sure the sum of margin-top and min-height 
    stays below the screen height. */

    /* relative */
  margin: 6%; 
  padding: 0 20px; 
    /* All pixel values in this style sheet are 
    optimized for 1024*768 displays.  */
 /* min-height: 89%;*/

    /* For 1024*768 displays */
/*  margin: 78px 78px; 
  padding: 0 25px; 
  min-height: 690px; */
  }

h1, h2 { 
  /*margin: 0 auto 50px auto;*/
  margin: 0 -20px 0px -20px;
    /* The left- and right-margins of -25px are 
    used to offset the left- and right-padding 
    on div.projection exactly. */
  padding: 15px; 
    /* All pixel values in this style sheet are 
    optimized for 1024*768 displays.  */
	page-break-before : avoid;
  }
  

}

/* ======== QuickShow specific styling =========
   ---- These styles are needed to make the ----
   ---- projections work, and will be       ----
   ---- included in any Presentation made   ----
   ---- with QuickShow                      ----
   ============================================= */


/* -------------- General styling -------------- */

.aLeft   {text-align: left;}
.aRight  {text-align: right;}
.aCenter {text-align:center; margin-left: auto; margin-right: auto;}
.aJust   {text-align: justify}
.fLeft   {float: left;}
.fRight  {float: right;}
.uLine   {text-decoration: underline;}

img.logoright {
  position: fixed;
  top: 1em;
  right: 1em;
  }
  
img.logoleft {
  position: fixed;
  top: 1em;
  left: 1em;
  }
  
img.logoleft+div.projection, 
img.logoright+div.projection{
  page-break-before: auto;
  }
  
  
  /* --------------- Screen styling -------------- */

@media screen {


}

/* --------------- Print styling --------------- */

@media print {

div.projection, div.notes {
  page-break-inside: avoid;
  }

pre {
  white-space : -pre-wrap;
  /* proprietary Opera extension */
  }

}
  
  /* ------------- Projection styling ------------ */

@media projection {

div.projection {
  page-break-before:always;
  }
  
  div.projection:first-child {
  page-break-before:avoid;
  }
  

div.notes {
  display: none;
  }

pre {
  /*white-space: -pre-wrap;*/
  /* proprietary Opera extension */
  }
 

}


  

</style>
<script type="text/javascript">
var i=screen.width;
var j=screen.height;
document.write('<style type="text/css">');
document.write('@media projection{');
document.write('html {font: '+(i/50)+'pt sans-serif; }');
document.write('div.projection {min-height: '+(j*0.8)+'px; }');
document.write('}');
document.write('</style>');
</script>
<style type="text/css">
@media projection{
.trial{position: fixed;bottom: 10px;}
}
div.trial{width: 100%; text-align: center;font-size: small;}
div.trial+div.projection{page-break-before: auto;}
@media screen {
div.trial {display: none;}
}
</style>
</head>
<body>
<div class="trial">
   Presentation made with
   <a href="http://www.philburns.com/quickshow.html">QuickShow</a> 
   &copy; 2002 &ndash; 2003 <a href="mailto:quickshow@philburns.com">Phil Burns</a>
</div>
<div class="projection">
#mainCenter {
	height:100%;
}

#titleframe {
	width: 100%;
	/*height: 92px;*/
	background-color: #293E4D;
	
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

a 			{ color: #000; text-decoration: none; font-weight:normal;} 
a:hover		{ color: #000; text-decoration: underline; }

/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #333;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	border-bottom:1px dotted white;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 10pt;
	font-family: Courier New;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #FFFFFF;
}

.indexInfo .date {
	color: #FFFFFF;
	font-size: 8pt;
}

/* file info */

#content {
	width:100%;
	font-size:11px;
	font-family:Trebuchet MS, verdana, arial;
	color: white;
	border-bottom:1px dotted white;
	padding:8px;
}

#content .header{
	font-size:9px;
	font-weight:bold;
	color: #999;
}

#contentLast {
	width:95%;
	font-size:11px;
	font-family:Trebuchet MS, verdana, arial;
	color: #333333;
	padding-top:6px;
}

#contentLast .header{
	font-size:9px;
	font-weight:bold;
	color: #999;
}
</div>
</body>
</html>
