body {
font-family:  Geneva, sans-serif;
font-size: 100%;
background: #333;
color: #000;
line-height: 1.3;
}

.bookWrapper {
position: relative; /* merely to get the absolutely positioned page number onto the white page area */
margin: 1em auto 1em auto;
padding: 1em 1em 1em 1em;
/* border-left: 20px dotted #000; */
background: #f6f6f6 url(pics/binder.gif) repeat-y;
color: #000;
width: 80%;
max-width: 1000px;
min-width: 700px;
min-height: 400px;
}

.pageWrapper {
padding: 1em 1em 1em 1em;
border: 0px solid red;
margin: 0 0 0 50px;
}

.container {
background: #ccc; 
color: #000; 
width: 500px;
margin: 1.5em 0 0 0; 
}

.pageNav {
margin: auto;

text-align: center;
clear: both;
}

.pageNav a {text-decoration: underline;}

.pageNumberTop {position: absolute; top: 15px; right: 20px;  font-family: serif;}

.pageNumberBottom {position: absolute; right: 20px; bottom: 15px;font-family: serif;}

img.arrow {display: none; width: 30px; height: 30px;}

/* Hides from IE5-mac for turning on em dimensioning of the arrow gif  for other browsers. \*/
 img.arrow {display: inline; width: 1.5em; height: 1.5em; margin-right: .5em;}
img.ie {display: none;} 
/* End hide from IE5-mac */

* html img.ie {display:inline;}

* html img.arrow {display:none;}

.topicStart span {
float:left;
color: #900;
background: #f2f2f2;
font-size: 60px;
line-height:40px;
padding-top: .1em;
padding-right: 5px;
font-family: Times, serif;
margin-left: 0;
text-decoration: none;
}

.figCaption {
clear:left;
padding: .5em; 
margin: .3em 0 0 0; 
border: 1px dotted #000;
}

code {
font-family: Courier, monospace;
}

.underFloat {padding-top: 1em;}

h1 {
color: #000;
background: #f2f2f2;
margin: auto;
}

h2 {text-align: left;}

ul {
list-style: none;
border:0px solid green;
padding: 0;
}

.nav {text-align: center; font-size:.85em; color: #fff; background: #333; }
.nav li {display: inline; padding: 0 .5em; border-left:1px solid #fff; }
.nav li.firstItem { border-left:0px solid #fff;  }
.nav li a {color: #fff; background: #333;text-decoration: none; }
.nav li a:visited {color: #fff; background: #333; text-decoration: none; }
.nav li a:hover {color: #c00; background: #333; text-decoration: none; }