body {
  padding: 10px;
  margin: 0;
  font: .76em tahoma, verdana, sans-serif;
  background: #7f497f;
  color: #303030;
}

a {
  text-decoration: none;
  color: #003459; /*#286ea0;*/
}

a:hover {
  text-decoration: underline;
}

table.buttons {
  border-collapse: collapse;
}

table.series {
  border-collapse: collapse;
  width: 100%;
}
table.buttons td {
  vertical-align: middle;
  text-align: center;
}
table.series td {
  width:33%;
  vertical-align: top;
}
table.series td a {
}

a.plain {
  color: inherit;
}
a.plain:hover {
  text-decoration: none;
}
a.underline, a.underline:hover {
  text-decoration: underline;
}

ul, ol { list-style-position: outside; margin: 0; padding: 0; }
li {
  line-height: 1.5em;
  text-indent: -10px;
  margin: 0 0 0 10px;
  padding: 0;
}


.red       { color: #ac3636; }
.green   { color: #36ac36; }
.blue     { color: #3636ac; }
.purple { color: #ac36ac; }
.cyan     { color: #36acac; }
.yellow { color: #acac36; }
.dgray   { color: #9f9f9f; }
.lgray   { color: #dddddd; }

#container {
  /*position: relative;*/
  margin: 0 auto;
  width: 100%;
  padding: 0;
  clear: both;
  display: table;
  background: #ffffff url(/booklover/images/pwnt.gif) repeat;
}
#containertop div { background: url(/booklover/images/pwtl.gif) no-repeat top left; }
#containertop { background: url(/booklover/images/pwtr.gif) no-repeat top right; }
#containerbot div { background: url(/booklover/images/pwbl.gif) no-repeat bottom left; }
#containerbot { background: url(/booklover/images/pwbr.gif) no-repeat bottom right; }
#containertop, #containertop div, #containerbot, #containerbot div {
  width: 100%;
  height: 10px;
  font-size: 1px;
}
#containercontent { margin: 0 10px;}
#containercontent p { margin:0;padding:0;}
#threecol {
 width:100%;
 border-collapse:collapse;
 border:0;
 padding:0;
 margin:0;
}

#logo {
  background: #ffc080 url(/booklover/images/wont.gif) repeat;
  margin-bottom: 5px;
}
#logotop div { background: url(/booklover/images/wotl.gif) no-repeat top left; }
#logotop { background: url(/booklover/images/wotr.gif) no-repeat top right; }
#logobot div { background: url(/booklover/images/wobl.gif) no-repeat bottom left; }
#logobot { background: url(/booklover/images/wobr.gif) no-repeat bottom right; }
#logotop, #logotop div, #logobot, #logobot div {
  width: 100%;
  height: 10px;
  font-size: 1px;
}
#logocontent { margin: 0 10px; text-align:center; height:80px;}
#logocontent table {
  width:100%;
  border-collapse:collapse;
  margin:0;
  padding:0;
}
#logocontent table tr .headerimage {
  width: 130px;
  vertical-align: middle;
}

#logo h1 {
  margin:0;
  padding:0;
}

#logo h1 a {
  color: #303030;
}

#logo h1 a:hover {
  text-decoration: none;
}

#logo h2 {
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  font-weight: normal;
}

#leftcontent {
  /*background:#80c9ff;*/
  /*float:left;*/
  width:25%;
  padding-right: 5px;
  vertical-align: top;
}
#leftcontent .item { background: #80c9ff url(/booklover/images/wbnt.gif) repeat;}
#leftcontent .itemtop div { background: url(/booklover/images/wbtl.gif) no-repeat top left; }
#leftcontent .itemtop { background: url(/booklover/images/wbtr.gif) no-repeat top right; }
#leftcontent .itembot div { background: url(/booklover/images/wbbl.gif) no-repeat bottom left; }
#leftcontent .itembot { background: url(/booklover/images/wbbr.gif) no-repeat bottom right; }
#leftcontent ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#leftcontent .spitem { background: #66c0aa url(/booklover/images/spnt.gif) repeat;}
#leftcontent .spitemtop div { background: url(/booklover/images/sptl.gif) no-repeat top left; }
#leftcontent .spitemtop { background: url(/booklover/images/sptr.gif) no-repeat top right; }
#leftcontent .spitembot div { background: url(/booklover/images/spbl.gif) no-repeat bottom left; }
#leftcontent .spitembot { background: url(/booklover/images/spbr.gif) no-repeat bottom right; }

#centercontent {
  /*background:#ff8080;*/
  /*float:left;*/
  width:75%; /*Switch back to 50% if rightcontent is added back*/
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}
#centercontent .item { background: #ff8080 url(/booklover/images/wrnt.gif) repeat;}
#centercontent .itemtop div { background: url(/booklover/images/wrtl.gif) no-repeat top left; }
#centercontent .itemtop { background: url(/booklover/images/wrtr.gif) no-repeat top right; }
#centercontent .itembot div { background: url(/booklover/images/wrbl.gif) no-repeat bottom left; }
#centercontent .itembot { background: url(/booklover/images/wrbr.gif) no-repeat bottom right; }

#rightcontent {
  /*background:#80ff80;*/
  /*float:right;*/
  width:25%;
  padding-left: 5px;
  vertical-align: top;
}
#rightcontent .item { background: #80ff80 url(/booklover/images/wgnt.gif) repeat; }
#rightcontent .itemtop div { background: url(/booklover/images/wgtl.gif) no-repeat top left; }
#rightcontent .itemtop { background: url(/booklover/images/wgtr.gif) no-repeat top right; }
#rightcontent .itembot div { background: url(/booklover/images/wgbl.gif) no-repeat bottom left; }
#rightcontent .itembot { background: url(/booklover/images/wgbr.gif) no-repeat bottom right; }
.rightcolor { color: #80ff80; }

.itemtop, .itemtop div, .itembot, .itembot div,
.spitemtop, .spitemtop div, .spitembot, .spitembot div {
  width: 100%;
  height: 10px;
  font-size: 1px;
}
.itemcontent, .spitemcontent { margin: 0 10px; }
.itemcontent p, .spitemcontent p { margin:0;padding:0;}
.itemcontent h3, .spitemcontent h3 { margin:0;padding:0;width:100%;text-align:center;}
.item, .spitem { width: 100%; margin-top: 5px; margin-bottom: 10px;}
#leftcontent .item table {display:block; margin: 0 20px 0 20px;}

.lheader { background: #ffffff url(/booklover/images/bwnt.gif) repeat;}
.lheadertl { background: url(/booklover/images/bwtl.gif) no-repeat top left; }
.lheadertr { background: url(/booklover/images/bwtr.gif) no-repeat top right; }
.lheaderbl { background: url(/booklover/images/bwbl.gif) no-repeat bottom left; }
.lheaderbr { background: url(/booklover/images/bwbr.gif) no-repeat bottom right; }

.splheader { background: #ffffff url(/booklover/images/spwnt.gif) repeat;}
.splheadertl { background: url(/booklover/images/spwtl.gif) no-repeat top left; }
.splheadertr { background: url(/booklover/images/spwtr.gif) no-repeat top right; }
.splheaderbl { background: url(/booklover/images/spwbl.gif) no-repeat bottom left; }
.splheaderbr { background: url(/booklover/images/spwbr.gif) no-repeat bottom right; }

.cheader { background: #ffffff url(/booklover/images/rwnt.gif) repeat;}
.cheadertl { background: url(/booklover/images/rwtl.gif) no-repeat top left; }
.cheadertr { background: url(/booklover/images/rwtr.gif) no-repeat top right; }
.cheaderbl { background: url(/booklover/images/rwbl.gif) no-repeat bottom left; }
.cheaderbr { background: url(/booklover/images/rwbr.gif) no-repeat bottom right; }

.rheader { background: #ffffff url(/booklover/images/gwnt.gif) repeat;}
.rheadertl { background: url(/booklover/images/gwtl.gif) no-repeat top left; }
.rheadertr { background: url(/booklover/images/gwtr.gif) no-repeat top right; }
.rheaderbl { background: url(/booklover/images/gwbl.gif) no-repeat bottom left; }
.rheaderbr { background: url(/booklover/images/gwbr.gif) no-repeat bottom right; }

.lheader, .lheadertl, .lheadertr, .lheaderbl, .lheaderbr,
.cheader, .cheadertl, .cheadertr, .cheaderbl, .cheaderbr,
.rheader, .rheadertl, .rheadertr, .rheaderbl, .rheaderbr,
.splheader, .splheadertl, .splheadertr, .splheaderbl, .splheaderbr {
  width:100%;
  padding: 0;
}
.lheader, .cheader, .rheader, .splheader {
  margin-bottom: 10px;
}
.lheader h3, .cheader h3, .rheader h3, .splheader h3 {
  font-weight: bold;
  padding: 1px 0px;
  margin: 0;
}
.lheader h3, .lheader h3 a { color: #80c9ff; }
.splheader h3, .splheader h3 a { color: #66c0aa; }
.cheader h3, .cheader h3 a { color: #ff8080; }
.rheader h3, .rheader h3 a { color: #80ff80; }

#footer {
  clear: both;
  color: #000000;
  font-size: 1em;
  text-align: center;
  background: #ffc080 url(/booklover/images/wont.gif) repeat;
}
#footertop div { background: url(/booklover/images/wotl.gif) no-repeat top left; }
#footertop { background: url(/booklover/images/wotr.gif) no-repeat top right; }
#footerbot div { background: url(/booklover/images/wobl.gif) no-repeat bottom left; }
#footerbot { background: url(/booklover/images/wobr.gif) no-repeat bottom right; }
#footertop, #footertop div, #footerbot, #footerbot div {
  width: 100%;
  height: 10px;
  font-size: 1px;
}
#footercontent { margin: 0 10px;}
#footercontent p { margin: 0; padding: 0; text-align: center; }

#footer a { color: #000000; }

form {
  margin: 0;
  padding: 0;
}
form img, form input { vertical-align:middle; }

.inputterm {
  font-size: 10pt;
  background: #ffffff url(/booklover/images/inputbg.gif) repeat;
  height:20px;
  width:70%;
  margin: 0px;
  padding: 0;
  border: 0px none;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 2.1em;
  font-weight: normal;
}

h2 {
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  font-weight: normal;
}

h3 {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  font-weight: normal;
}

p {
  margin: 0 0 15px 0;
  line-height: 1.5em;
  text-align: left;
}

li { line-height: 1.5em; }

.righttext { text-align: right; }
.lefttext { text-align: left; }
.centertext{ text-align: center; }
.fulltext { text-align: justify; }
.fullctext { text-align: justify; }

a img {
  border: 0;
}
a img.bordered {
  border: 1px solid #cccccc;
}

.floatleft {
  float: left;
}
.floatleft img {
  margin-right: 10px;
}  

br {
  line-height: 10px;
}
br.clear {
  line-height: 0px;
  clear: both;
}

.hide {
  display: none;
}

.title {
  font-style: italic;
  font-weight: normal;
}
.author {
  font-style: normal;
  font-weight: normal;
}
