body {background-color: white; background-image: url(images/book.jpg); background-position: center top; background-repeat: no-repeat; text-align: center; margin: 0; padding: 0;}
table#content {width: 630px; margin: 35px auto auto auto;}
td#leftside {width: 262px; height: 270px;}
td#leftside div {vertical-align: bottom; margin-left: 15px;}
td#rightside {width: 237px; height: 270px; text-align: center;}
img.image {border: 0px;}
div#number {font: bold 175% serif; color: #B81D1D; margin-bottom: 0.75em;}
div#title {font: bold 75% Verdana, sans-serif; color: #B81D1D; border-bottom: 1px solid black; margin-bottom: 0.75em; width: 220px;  line-height: 1.5em;}
div#description {font: 65% Verdana, sans-serif; width: 220px; line-height: 1.5em; margin-bottom: 1.5em;}
span#type {font: 65% Verdana, sans-serif;}
span#click {color: #B81D1D;}

div#squares {font: bold 90% serif;}
div#squares a {color: #CCCCCC; text-decoration: none; margin-right: 3px;}
div#squares a:hover {color: #B81D1D;}
div#squares a#this-square {color: #B81D1D;}

div.arrow {font: bold 250% serif;}
div.arrow a {color: black; text-decoration: none;}
div.arrow a:hover {color: #B81D1D;}

div#numbers {font: bold 70% Verdana, sans-serif; margin-top: 40px; background: #BBBBBB; padding: 0; color: white;}

div#numbers a:link {color: white; text-decoration: none;} 
div#numbers a:visited {color: white; text-decoration: none;}
div#numbers a:hover {background: black; color: white;}
span#thispage {color: #B81D1D;}
td.arrow {width: 55px;}

table#bottom {width: 550px; margin: 6px auto auto auto;}
td#contact {width: 430px; font: 85% Arial, sans-serif; width: 460px; vertical-align: bottom;}

div#logo a {color: gray; text-decoration: none;}

span.copyright {font: 50% sans-serif; color: #CCCCCC; text-align: center;}
span.gray {color: gray;}
td#contact a {color: gray; text-decoration: none;}
td#contact a:hover {color: black;}