/* don't change this unless you want the layout stuff to show up in the outline view! */

.layout div, #footer *, #controlForm * {display: none;}
#footer, #controls, #controlForm, #navLinks, #toggle {
  display: block; visibility: visible; margin: 0; padding: 0;}
#toggle {float: right; padding: 0.5em;}
html>body #toggle {position: fixed; top: 0; right: 0;}

/* making the outline look pretty-ish */

#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4 {border: none; margin: 0;}
#slide0 h1 {padding-top: 0px;}

body{ background-color:#dadada;}

.slide{

font-family:Arial;
font-size:13px;
line-height:1.5em;
}
.slide h1 {  margin:20px 5px 20px 5px;
       font-family:Georgia,serif;  
       font-size:30px;
       line-height:1.2em;
      border-top: 2px solid #888; border-bottom: 2px solid #AAA;}

#toggle {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}
.slide {width:650px; 
margin-right:auto;
margin-left:auto;
}
.slide img  {border:1px solid #c0c0c0;
           background:#fff;
            margin:0px; 
      margin-top:8px;
            padding:3px;}

 .zero {max-height:300px;}
.slide h1 {font-size:1.5em; margin-top:30px; margin-bottom:0px; border-bottom:none;}
.slide h2 {font-size:1.2em; margin:3px 10px 3px 10px;
           font-family:Georgia, serif;}
.zero h1 {font-size:2em;}