/* the main div for the content */

#roundedbox {
position:absolute;
text-align: left;
top:45px;
left:140px;
width: 540px;
height: 360px;
background: transparent url(images/roundedbox.png);
}

#roundedbox2 {
position:absolute;
text-align: left;
top:45px;
left:140px;
width: 440px;
height: 360px;
background: transparent url(images/roundedbox2.png) 0 0 no-repeat;
}

#roundedbox3 {
position:absolute;
top:45px;
right:30px;
text-align: left;
width: 300px;
height: 360px;
background: transparent url(images/roundedbox3.png) 0 0 no-repeat;
display:block;
overflow:auto;
}

#content {
position:absolute;
text-align: left;
margin:15px;
width: 520px;
height: 340px;
font: 1em "Gill Sans", Verdana, Helvetica, sans-serif;
color:#333;
background: transparent;
overflow:scroll;
}

#content2 {
position:absolute;
text-align: left;
margin:15px;
width: 420px;
height: 340px;
font: 1em "Gill Sans", Verdana, Helvetica, sans-serif;
color:#333;
background: transparent;
overflow:scroll;
}

#content3 {
position:absolute;
text-align: left;
margin:15px;
width: 280px;
height: 340px;
font: 1em "Gill Sans", Verdana, Helvetica, sans-serif;
color:#333;
background: transparent;
overflow:scroll;
}

#arrow {
float:right;
text-align: right;
position:relative;
margin:15px;
width: 280px;
height: 25px;
font: 1em "Gill Sans", Verdana, Helvetica, sans-serif;
color:#333;
background: transparent;

}

#bookcover {
position:absolute;
top:65px;
left:140px;
width: 240px;
height: 360px;
background: transparent;
}

img.right {float: right; margin: 10px 0 10px 10px;}
img.left {float: left; margin: 10px 10px 10px 0;}
p {margin: 5px 0 5px 0; padding: 3px 0 3px 0;}