img{
display: block;
border: 0;
}
body {
background: #606 url(../images/btm_grad_back.gif) bottom left fixed repeat-x;
color: #333;
margin: 0;
padding: 0;
border: 0;
text-align: center;
font: 86% 'trebuchet ms', trebuchet, verdana, sans-serif;
line-height: 1.5em;
padding-bottom: 25px;
}
#wrapper{
background: #fff url(../images/page_back_right_light.gif) repeat;
color: #333;
margin: 10px auto;
padding: 0;
border: 1px solid #566;
width: 599px;  /* bmh */
voice-family: "\"}\"";
voice-family:inherit;
width: 597px;
}
html>#wrapper{
width: 597px;
}
#header{
background: #fff;
color: #333;
border: 0;
margin: 0;
padding: 0;
text-align: left;
}
#header img{
margin: 0;
padding: 0;
border: 0;
}
#pagebody{
padding: 0;
margin: 0;
border: 0;
text-align: left;
color: #444;
background: transparent;
clear: both;
}
#maincontent{
float: left;
margin: 0;
padding: 10px;
width: 410px;  /* box model hack */
voice-family: "\"}\""; 
voice-family:inherit;
width: 390px; 
}
html>#maincontent {
width: 390px;
}
#sidebar{
padding: 2px 10px 10px 0;
margin: 0 0 0 420px;
color: #666;
background: transparent; 
/* compensates for IE Win bungling */
height: 100%;
}
#footer {
border: 0;
border-top: 1px solid #606;
color: #666;
background: #B1C3E2;
padding: 5px 7px 12px 10px;
text-align: left;
clear: both;
font-size: 85%;
}
#footer p {
margin: 10px 0;
padding: 0;
}
#widewrap {
background: #f1f4fb;
color: #333;
margin: 10px auto;
padding: 0;
border: 1px solid #566;
width: 599px;  /* bmh */
voice-family: "\"}\""; 
voice-family:inherit;
width: 597px;
}
#widecontent{
width: 550px;  /* box model hack */
voice-family: "\"}\""; 
voice-family:inherit;
width: 520px; 
}
html>#widecontent {
width: 520px;
}
#contact {
margin-left: 25px;
}
a {
color: #666;
text-decoration: underline;
}
a:hover {
color: #333;
background: #d5c5c5;
}
h1 {
font-size: 1.7em;
line-height: 1.25em;
font-weight: normal;
margin-top: 0em;
margin-bottom: 0em;
}
h2,h3,h4,h5,h6 {
margin: 1.0em 0em;
}
h2 {
font-size: 1.7em;
line-height: 1.25em;
font-weight: normal;
}
h2.books {
color:#900;
}
span.books {
font-size:80%;
color: #666;
}
#otherbooks {
font-weight:700;
font-size:75%;
color:#606;
}
h3 {
font-size: 1.4em;
font-weight: normal;
}
h4 {
font-size: 1.2em;
font-weight: bold;
}
h5 {
font-size: 1.0em;
font-weight: bold;
letter-spacing: 2px;
}
h6 {
font-size: 0.8em;
font-weight: bold;
}
/********************************************************************
             Main Menu
********************************************************************/
#menu ul {
padding: 0;
margin: 0;
background-color: #f8e5e6;
float: left;
width: 100%;
border-bottom:1px solid #606;
}
#menu ul li { display: inline; }
#menu ul li a {
font-size:.8em;
letter-spacing:.1em;
padding: 0.1em 1em;
background-color: #f8e5e6;
color: #606;
text-decoration: none;
float: left;
border-right: 1px solid #ccc;
}
#menu ul li a:hover {
background-color: #d5cdcd;
color: #333;
}

.hide {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}
#pagebody h1{
margin-top: 0;
margin-bottom: 1em;
font-size: 1.7em;  
}
h3.byline {
font-size: 1em;
padding: 0;
margin: 7px 0;
text-transform: uppercase;
letter-spacing: 1px;
}
h4.pubdate {
margin: 0 0 10px 0;
padding: 0;
font-weight: bold;
font-size: 11px;
font-weight: normal;
color: #666;
background: transparent;
}
p {
text-align: left;
margin-top: 0;
margin-bottom: 1em;
}
#pagebody dt {
color: #666;
margin: .5em 1em .2em 1em;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1em;
}
#pagebody p.home {
color: #666;
text-align: justify;
}
#pagebody p.fineprint{
font-size: .85em;
}
#pagebody .trans{
margin: 25px 0;
padding-top: 0;
}
#pagebody .trans dt  {
font-weight: normal;
font-style: italic;
margin-bottom: 5px;
padding-bottom: 0;
font-size:  .9em;  
}
#sidebar p{
margin-top: 1em;
font-size: .9em;
text-align: left;
}
#sidebar .pullquote{
font-size: 1.1em;
}
body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a,
body#sectionsix #menu li#six a,
body#sectioneight #menu li#eight a {
background: #c30;
background: #f7b8bb;
color: #333;
font-weight: bold;
}
#navlist {
padding-left: 0;
margin-top: 25px;
margin-left: 0;
border-bottom: 1px solid gray;
width: 160px;
}
#navlist li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}
#navlist li a { 
color: #666;
text-decoration: none;
}
#navlist li a:hover { 
color: #333;
background: #d5c5c5;
}
#navlist li a#currentbook {
padding: 0 3px 0 3px;
background: #f7b8b8;
color: #333;
font-weight: bold;
}
#navlist2 {
padding-left: 0;
margin-top: .5em;
margin-left: 0;
border-bottom: 1px solid #606;
width: 160px;
}
#navlist2 li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #606;
}
#navlist2 li a { 
color: #606;
text-decoration: none;
}
#navlist2 li a:hover { 
color: #fff;
background: #606;
}
#maincontent ul {
list-style-type: none;
padding: 0;
margin: 0 0 20px 10px;
}
#maincontent li {
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1em;
margin-bottom: .5em;
}
#maincontent ol li {
background-image: none;
}
div.imgleft {
float: left;
padding-right:10px;
}
div.imgright {
float: right;
padding-left:10px;
}
span.caption {
font-weight: bold;
}
span.photoby {
font-size: x-small;
}
div.clear {
clear: both;
}
div.bluebox {
background: #e7ecf8;
border:1px dotted #6e106f;
margin: 0 0 1em 0;
padding: .6em;
}
h2.bluebox {
padding:0;
margin: 0 0 .4em 0;
}
.purple {
color:#6e106f;
}
.revealcontent{
visibility: hidden;
}
/********************************************************************
        batw
********************************************************************/
#batw h2{
border-bottom:1px solid #909;
}
#batw h3{
margin-bottom:0;
}