body {

   font-family: sans-serif;

   padding: 12px;

   margin: 0;

}

h2 { clear: both; }

body > h2 { clear: none;}

.section h2 { cursor: pointer; }

#flyout .section {

   float: left;

   width: 20em;

   height: 45em;

   background: url('mback.jpg') #444 repeat-y;

   margin-left: 0;

   color: white;

   padding: 0;

   overflow: hidden;

}

#flyout h2 {

   font-family: monospace;

   width: 1em;

   font-size: 1.2em;

   padding-top: 1ex;

   float: left;

   padding-left: 1ex;

   padding-right: 0.2ex;

   height: 100%;

   clear: none;

   position: relative;

   font-weight: normal;

}

#flyout .section div {

   margin-left: 2em;

   padding: 1em;

   background: #B4E9FF;

   color: black;

   height: 100%;

   border-bottom: solid 1px #777;

   border-right: solid 1px #777;

   border-top: solid 1px #ccc;

}

#flyout + * {

   clear: both;

}

h1 {

   font-weight: normal;

   font-size: 1.6em;

   text-align: center;

}

h2 {

   font-weight: normal;

   font-size: 1.4em;

}