.imgcontent { float: left; position: relative; margin: 0;  margin-top:-10px;width: 52%;}
.leftcontent {float:left; position:relative; margin:0; width:49%; height:100%;border-right:1px solid #ccc;}
.rightcontent { float:right; position:relative; margin:0; width:49%; height:100%;}
.textcontent p, .imgcontent p, .textcontent h3, .imgcontent h3 { margin: 10px 0 10px 0; padding: 4px;   }
.textcontent h2 {  margin-bottom:-16px; margin-left:2px;}
.textcontent ul { float: left; margin: 0;  padding: 0; list-style-type: none; }
.textcontent ul li { margin: 0; display: block; margin-bottom: 1px;}
.textcontent ul li a { color: #999; background: transparent url(images/arrow.jpg) 18px 6px no-repeat; font-weight: bold; display: block;
padding-top: 2px; padding-bottom: 2px;  padding-left: 30px;  margin:0;text-decoration: none; font: 11px Verdana, sans-serif; }
.textcontent a:hover { background: #fff url(images/arrowover.jpg) 20px 6px no-repeat; color: #000; text-decoration: underline; }
.browse { margin-top:40px;}
.textcontent {  float:right; position: relative; margin: 0; margin-top:-55px; width: 46%;}
.categorybook { background: transparent; float: left; position: relative; width: 99%; margin-bottom:2px; border: 1px solid #ccc; padding-right: 6px; }
.firstbook { border-top: 1px solid #ccc; }
.lastbook { margin-bottom: 15px; }
.categorybook p  { margin: 0; padding: 10px; font-size: 11px; line-height: 105%;}
.categorybook h3 { font-weight: bold; font-size: 11px; margin-bottom: 0px; color: #000;}
.categorybook h4 { font-weight: bold; font-size: 11px; margin: 8px; margin-top: 3px; color: #cf2125;}
img.categories { float: left; position: relative; width: 80px; height: 100px; margin-top: 10px; margin-right: 10px; padding: 6px 0px 14px 2px;}
a img { border: none; }
.textleft { float: left; position: relative; margin: 0; width: 49%; margin-bottom: 15px; }
.textright { float: right; position: relative; margin: 0; width: 49%; margin-bottom: 15px; }
.textleft ul, .textright ul, .articleleft ul { float: left; margin: 0;  padding: 0; list-style-type: none; }
.textleft ul li, .textright ul li, .articleleft ul li { margin: 0; display: block; margin-bottom: 1px;}
.textleft ul li a, .textright ul li a, .articleleft ul li a { color: #999; background: transparent url(images/arrow.jpg) 18px 6px no-repeat; font-weight: bold; display: block;
padding-top: 4px; padding-bottom: 4px;  padding-left: 30px;  text-decoration: none; font: 11px Verdana, sans-serif; }
.textleft a:hover, .textright a:hover { background: #fff url(images/arrowover.jpg) 20px 6px no-repeat; color: #000; text-decoration: underline; }
* html  .textcontent ul li a { height:1%;}   /*not working*/
* html  .textright ul li a { height: 1%; }  /*not working*/
#content h2 { padding-left: 0; }



.articleleft {float:left; position:relative; margin:0; width:49%; height:100%;}
.af {margin: 15px;text-align:center;}
a img.af {text-align:center;margin: 15px auto 0 auto;}