body { background-color: #eadfa3; margin: 0px; }


h1,h2,p { font-family: arial, sans-serif; padding: 0px; }

.container { margin: 0px auto; width: 900px; height: 570px; background-color: white; }

.leftborder { float: left; height: 570px; width: 5px; background-image: url('images/leftborder.gif'); }
.main { float: left; width: 895px;} 
.header { height: 120px; width: 895px }
img.logo { float: left; margin: 10px 0px 0px 10px;}
img.book { position:absolute; margin: 4px 0px 0px 370px; }

.banner { height: 180px; width: 895px; background-color: #263a4a; }
img { border: none; }
img.latestproductiongraphic { position:absolute; margin: -30px 0px 0px 10px; }
img.latestproduction { float: right; margin-top: 15px;  }

.menuarea {float: left; background-color: #98b3c7; width: 200px; height: 228px; padding-top: 42px;}
.menuarea img { float: left; border: none; margin: 0px 0px 4px 5px; }

h1 { font-size: 1.2em; margin: 15px 15px 10px 15px; color: #222 }
h2 { font-size: 0.9em; margin: 15px 15px 5px 15px; color: #222 }
.content { float: left; width: 695px; height: 270px; overflow: auto; margin-top: 0px; scrollbar-base-color:#263a4a;}
.content p { margin: 5px 18px; font-size: 0.8em; color: #222 }

img.right { float: right; margin: 0px 10px; }

.links { float: right; }
.links p { float: left; font-size: 0.7em; margin: 0px 5px; }
.links p a { color: #263a4a; }

.clear { clear: both; }

p.left { float: left; padding: 0px; margin: 0px; font-size: 0.7em; color: #263a4a }
.footer a { text-decoration: none; color: #263a4a }
.footer a:hover { text-decoration: underline; color: #98b3c7 }

p.right { float: right; padding: 0px; margin: 0px; font-size: 0.7em; color: #263a4a }
.footer a { text-decoration: none; color: #263a4a }
.footer a:hover { text-decoration: underline; color: black }