/* Width is 800px (left column 248px, right colum 450px) */
#bookcategories { width: 100%; float: left; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: #004675; text-transform: uppercase; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; }
#bookcontainer {width: 535px; padding: 0 4px; margin-left: 6px; }
#multimedia {width: 509px; margin: 0 auto; }
#eachBook {width: 535px; float: left; margin-top: 10px; padding: 0px 5px; }
#eachBook ul {list-style: none; margin: 0px 0px 0px 4px; padding: 0px; font-size: 11px; text-align: center; width: 535px; }
#eachBook li {float: left; width: 88px; padding: 0px; color: #004675; text-align: center;}
/* The width of a book image is set for 60px */
#eachBook ul img {clip: rect(auto,auto,auto,auto); margin: 0px 12px 5px; display: block; padding: 1px; background: #FFEFD3; border: 1px solid #EEC88A; }
#eachBook ul a p {text-align: center; padding: 0px 13px; }
/* thin version of the .indexsectionseparater in common.css */
.oneLineSeparater { width: 100%; background: url(../images/indextext-separater.gif) no-repeat center; float: left; clear: both; padding-top: 0px; padding-right: 0; padding-bottom: 30px; padding-left: 0; }
/* CSS Document */
.leftcolumn {float: left; width: 248px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.leftcolumn .quote { width: 230px; margin-left: 17px; margin-top: 0px; margin-bottom: 4px; }
.quoteoftheday { width: 200px; margin-left: 10px; margin-top: 35px; margin-bottom: 5px; float: left; color: #7D3F00; font-weight: bold; }
.quotetext { font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; line-height: 20px; padding: 0px; margin-left: 115px; color: #7d3f00; }
.quote p {font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif; margin-top: 0.5em; margin-right: 0px; margin-bottom: 0em; margin-left: 10px; 	color: #7D3F00;	}
.indexright { float: left; background: url(../images/bgcontent.gif) repeat-y; width: 551px; padding-bottom: 20px; }
.indexpara { width: 500px; margin-left: 20px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.3em; }
.indexpara p {margin: 0px 0px 0.8em;}
.indextopimage { float: left; margin: 0px; padding: 0px; height: 36px; width: 100%; }
.indexpararightimage {float: right; width: 104px; margin-left: 1px; }
.bookcover {float: left; width: 88px; text-align: center; font-size: 10px; color: #0589b3; margin-top: 10px; line-height: 11px; }
.boxarticles { width: 175px; height: 155px; padding-top: 20px; float: left; background: url(../images/box-articles.gif) no-repeat top left; font-size: 11px; line-height: 15px; margin-left: 0px; }
.boxarticles ul {margin-left: 24px; padding-top: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0px; 	padding-left: 0px;}
.boxarticles li {list-style-image: url(../images/listbullet.gif); list-style-type: none; color: #0589b3; font-size: 12px; margin-bottom: 4px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.boxmultimedia { width: 135px; margin-left: 10px; margin-right: 30px; float: left; }
.boxvideogallery { width: 88px; float: left; margin-left: 35px; padding-bottom: 0em; }
#indexpagebottom {background: url(../images/bgcontentbottom.gif) no-repeat top left; float: left; clear: both; height: 18px; width: 100%; }