@charset "utf-8";
/* CSS Document */

body{
background-image:url(../images/back.jpg);
background-repeat: repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;

}

.small{
font-family:Arial, Helvetica, sans-serif;
font-size: 8px;
color: #000000;
}

#wrapper{
margin: 0 auto;
width: 978px;

}

/* Structure */
#header{
background-image:url(../images/top-wips.png);
background-repeat: no-repeat;
height: 57px;
width: 978px;
}
#book{
background-image:url(../images/book.png);
background-repeat: no-repeat;
background-position: top;
width: 871px;
height: 626px;
float:left;
}

#left-edge{
width: 40px;
height: 626px;
float: left;
}

#right-edge{
width: 67px;
height: 626px;
float: left;
}

#footer{
width: 978px;
height: 40px;
background-image: url(../images/footer.png);
background-repeat: no-repeat;

}


/*Content*/

#top-left{
width: 374px;
height: 626px;
float: left;
background-image:url(../images/top-left-wips.png);
background-repeat: no-repeat;
padding: 0 40px 0 50px;

}


#top-right{
width: 407px;
height: 266px;
float: right;
background-image:url(../images/flash-movie-wips.jpg);
background-repeat: no-repeat;

}

#bottom-left{
width: 464px;
height: 360px;
float:left;
}

#bottom-right{
width: 337px;
height: 360px;
float: right;
padding: 0 30px 0 40px;
background-image:url(../images/bottom-right-wips.jpg);
}

#bottom-right-scroll{
width: 367px;
height: 360px;
float: right;
padding: 0 10px 0 30px;
background-image:url(../images/bottom-right-wips.jpg);
}

#clear{
clear:both;
}

#scroll{
overflow: scroll;
height: 310px;
scrollbar-color: blue;
}