body {
text-align: center;
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
/* background-image: url('images/stripe_bg.gif');
 */}


h1 {
background-image: url('images/h1bgrepeat.jpg');
background-repeat: repeat-x;
height: 30px;
font-size: 12pt;
text-align: left;
padding-top: 8px;
}
 h1 img {
float: left;
margin-top: -3px;
}

h1 a{
color: #000;
}
.book1 h4, .book2 h4 {
margin-bottom: 5px;
font-size: 115%;
}

a {
color: #666699;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.left {
float: left;
}
.right {
float: right;
}

.spacer {
width: 100%;
height: 20px;
}
.halfbox {
width: 45%
}
.thirdbox {
width: 100%;
text-align: center;
height: 300px;
}
.thirdbox div {
width: 32%;
text-align: left;
height: 100%;
float: left;
padding-right: 10px;
}
.secondbox {
width: 100%;
text-align: center;
height: 300px;
}
.secondbox div {
width: 45%;
text-align: left;
height: 100%;
float: left;
padding-right: 10px;
}

.wholebox {
width: 100%;
}
.letmescroll {
overflow: scroll;
}
.book1 {/*
width: 100%;
background-color: #ccccff;*/
}
.book2 {/*
width: 100%;
background-color: #99ccff;*/
}
#container {
margin: auto;
width: 900px;
background-color: #FFFFFF;
height: 100%;
}
#header {
height: 100px;
width: 100%;
background-image: url('images/headerband.jpg');
background-repeat: repeat-x;
}
#header-logo {
width: 429px;
float: left;
height: 100%;
}
#header-nav {
width: 416px;
float: right;
text-align: right;
height: 100%;
} 

#content{
text-align: justify;
}

#content li {
list-style-image: url('images/blue-4square.png');
}
#footer{
margin-top: 100px;
height: 20px;
width: 100%;
}
#footer .left {
float: left;
text-align: left;
width: 45%;
padding-left: 5px;
}

#footer .right  {
float: right;
text-align: right;
width: 50%;
padding-right: 5px;}