/*///////////////////////////////////////////////////////////////////////////
//////
///// Remember to put all HTML docs in quirks mode for IE using:
////     <!-- Put IE into quirks mode -->
///      Above the doctype declaration.
//       Developed with the help of Stu Nicholls' experiments at: http://cssplay.co.uk/
/        Borders are just to show separation of sections,
/        except for those found in a declaration that begins with " * html "
/        These are necessary for IE to render the layout properly (hence, quirks mode.)
/
///////////////////////////////////////////////////////////////////////////
////
///  Layout Skeleton
*/
html, body, #Header, #main, #Nav, .chapBody, .bodyCont {
   padding:0;
   margin:0;
   border:0;
}
html, body {
   height:100%;
   overflow:hidden;
}
body {
   font-family:verdana, sans-serif;
}
#Header {  /* SET THE 'HEIGHT' PROPERTY IN YOUR BOOK'S STYLESHEET */
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
}
#main {  /* SET THE 'TOP' PROPERTY IN YOUR BOOK'S STYLESHEET */
   overflow:auto;
   position:absolute;
   left:0px;
   right:0px;
   bottom:0px;
}
#Nav {  /* SET THE 'WIDTH' PROPERTY IN YOUR BOOK'S STYLESHEET */
   float:left;
}
.chapBody {  /* SET THE 'WIDTH' & 'MARGIN-LEFT' PROPERTIES IN YOUR BOOK'S STYLESHEET */
   text-align:center;
}
/*/////////////////////////////////////////////////////////////////
////
///  IE QUIRKS
*/
* html #Header {
   z-index:200;
}
* html #main {  /* SET THE 'BORDER-TOP-WIDTH' PROPERTY IN YOUR BOOK'S STYLESHEET */
   position:absolute;
   top:0px;
   left:0px;
   height:100%;
   width:100%;
   overflow:auto;
   z-index:3;
   border-top-style:solid;
   border-top-color:#eee;
}
* html #Nav {
   height:100%;
   top:0px;
   left:0px;
   z-index:10;
}