body { background-color: #a1b259; padding: 0; margin: 0; text-align: center; }
a { text-decoration: none; color: #666; }
div#container { width: 700px; background-color: #cfd7a8; margin: 0 auto; padding: 0; border: 2px solid white; border-top: 0; }
div#header { background: url(title.light.gif) #b6bf88 10px 5px no-repeat; border-bottom: 2px solid white; height: 90px; text-align: left; }

div#header a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url(title.dark.gif) 10px 5px no-repeat; }
div#header a:hover { background-image: none; }
div#header span { display: block; text-align: right; color: #8ca141; font-size: 125%; margin: 60px 5px 5px 5px; padding: 0;}
div#header a:ho ver h1 { color: #949d66; }

div#menu { float: left; position: relative; top: 12px; left: -57px; width: 240px; margin: 0 -45px 12px 0; padding: 0; background: url(books.gif) top left no-repeat; }

#menu ul { width: 240px; height: 249px; background: url(booktitles.gif); margin: 0; padding: 0; position: relative; }
#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menu a { display: block; font-size: .1em; text-indent: -10000px; }

#book1 {left: 60px; top: 12px; width: 165px; height: 48px;}
#book2 {left: 60px; top: 61px; width: 165px; height: 36px;}
#book3 {left: 60px; top: 98px; width: 165px; height: 48px;}
#book4 {left: 60px; top: 147px; width: 165px; height: 40px;}
#book5 {left: 60px; top: 180px; width: 165px; height: 44px;}
#book1 a {height: 48px;}
#book2 a {height: 36px;}
#book3 a {height: 48px;}
#book4 a {height: 40px;}
#book5 a {height: 44px;}

#book1 a:hover {background: url(booktitles.gif) -60px -261px no-repeat;}
#book2 a:hover {background: url(booktitles.gif) -60px -310px no-repeat;}
#book3 a:hover {background: url(booktitles.gif) -60px -347px no-repeat;}
#book4 a:hover {background: url(booktitles.gif) -60px -396px no-repeat;}
#book5 a:hover {background: url(booktitles.gif) -60px -429px no-repeat;}

div#content { margin: 0; }
div#content p { margin: 1em 12px; padding: 0; text-align: left; }
p a, p a:link, p a:visited { text-decoration: none; color: #7b9030; border-bottom: 0px dashed #7b9030; }
p a:hover { color: #666; border-bottom: 1px dashed #666; }

#logo1, #logo2, #logo3, #logo4, #logo5 { margin: 0 12px 0 0; padding: 0; background-image:url(ta.logo.gif); background-repeat:no-repeat; float:right; clear:right; }
#logo1 {width:160px; height:105px; background-position: -50px 0; _margin-top: 12px;}
#logo2 {width:210px; height:85px; background-position: 0 -105px;}
#logo3 {width:185px; height:90px; background-position: -25px -190px;}
#logo4 {width:220px; height:36px; background-position: 10px -280px;}
#logo5 {width:180px; height:70px; background-position: -30px -316px; margin-bottom:5px;}

h2 { margin: 1em 0; padding: 0; }
.hide { display: none !important; margin: 0; padding: 0;  }

div#footer { background: #b6bf88; border-top: 2px solid white; font-size: 80%; clear: both; height: 22px; }
div#footer ul { list-style-type: none; margin: 0; padding: 0; }
div#footer ul li { float: left; padding: 0; margin: 0; width: 60px; }
div#footer ul li a { display: block; height: 100%; padding: 3px; }
div#footer ul li a:link, div#footer ul li a:visited { color: #666; }
div#footer ul li a:hover { background-color: #a1b259; color: #eee; }
a.webbish { float: right; padding: 0; margin: 3px 0 0 12px; font-size: 70%; position: relative; top: 23px; }

div#content p.ref { border: 2px solid #b6bf88; padding: 12px; background-color: #dfe8b9; }