/* Width is 800px (left column 248px, right colum 450px) */
#page{ width: 850px;  }
#content{ background: #ffffff; float: right; width: 800px; margin: 0; padding-right: 30px; }
#bookcategories { width: 100%; float: left; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: #063d7b;
 text-transform: none; 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: 525px; float: right; margin-top: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 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: #063d7b; 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: 525px; background: url(../images/indextext-separater.gif) no-repeat center; float: right; clear: both; padding-top: 0px; padding-right: 0; padding-bottom: 30px; padding-left: 0; }
/* CSS Document */
.leftcolumn { float: left; width: 250px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #FFF; padding-left: 0px; margin-left: 0px; }
.leftcolumn .quote {
	width: 250px;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 5px;
}
#quoteoftheday { width: 100%; margin-left: 0px; margin-top: 25px; margin-bottom: 10px; float: left; color: #063d7b; font-weight: bold; text-align:left}
.quotetext { font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif; line-height: 20px; padding: 0px; margin-left: 0px; color: #063d7b; text-align: left; line-height: 1.4em; text-decoration:none }
.quote-more { font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif; margin-top: 0px; margin-right: 10px; margin-bottom: 0em; margin-left: 0px; color: #063d7b;; text-align: right}
.indexright { float: right; width: 545px; padding-bottom: 20px; background-repeat: repeat-y; }
.indexpara {
	width: 500px;
	margin-left: 20px;
	float: right;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 30px;
}
.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%; }