body
 {background-image: url(http://www.ilistentobooks.com/images/bgc.jpg);
 /*background-color: #6b7b9c;*/
 margin-left: 0;
 margin-width: 0;
 margin-height: 23;}
 
/*Link Colors and decorations*/ 
a:link
 {/*color: #0d6b1d;*/
 /*color: #000066;*/
 color: #660099;
 text-decoration:none;
 border: none;}
a:hover 
 {color: black;
  text-decoration:none;
  font-weight: bold;
  border: none;
  background-color:#8fbc8f;}
a:active
 {color:#ffff66;
 text-decoration:none;
 border: none;}
a:visited
 {color:#660099;
 text-decoration:none;
 border: none;}
 
  
.Greeting
 {color: #fff8dc;
 text-decoration: none;
 font-family: tahoma, verdana, arial, sans-serif;
 font-size: 12;
 font-weight: bold;
 padding-bottom: 3;
 padding-left: 20;}
 
.Browsers
 {color: #fff8dc;
 text-decoration: none;
 font-family: tahoma, verdana, arial, sans-serif;
 font-size: 10;
 font-weight: bold;
 text-align: center;
 padding-bottom: 3;
 padding-left: 20;}
 
.aspAd
 {font-family: tahoma, verdana, arial, sans-serif;
 font-size: 12;
 font-weight: bold;
 text-align: center;
 padding-bottom: 3;
 padding-left: 20;}

.aspAd a:link
 {color: white;
 text-decoration:none;
 border: none;}


/*Font classes*/  
font
 {font-family: tahoma, verdana, arial, sans-serif;}
 
font.navBar
 {font-size: 12;
 color: black;}
 
font.homeTitle
 {font-size: 22;
 color: black;
 font-weight: bold;}
 
hr.green
 {color: green;
 height: 5;
 width: 100%}
  
/*tables from the Navigational Bars on left side*/
table.navBarLogIn
 {border-color: yellow;
 border-width: thin;
 border-style: solid;
 width: 100%;
 background-image: url(http://www.ilistentobooks.com/liveTest/images/bgc.jpg);
 /*background-color: #6b7b9c;*/
 background-image: none;}
 
table.navBarStats
 {border-color: #003366;
 border-width: thin;
 border-style: solid;
 width: 100%;
 background-color: #8fbc8f;
 background-image: none;}
 
table.navBar
 {background-image: url(http://www.ilistentobooks.com/liveTest/images/bgc.jpg);
 /*background-color: #6b7b9c;*/
 border: none;
 width: 140px;
 vertical-align: top;}
 
table.mainPage
  {border: none;
 border-width: 0px;
 width: 80%;
 vertical-align: top;
 text-align: top;}
 
table.mainPageALL
  {border: none;
 border-width: 0px;
 width: 80%;
 height: 100%;
 vertical-align: top;}
 
table.homeTitle
 {border: none;
 width: 100%;
 background-color: #fff8dc;
 text-align: center;}
 
table.homeTitleLeft
 {border: none;
 width: 100%;
 background-color: #fff8dc;
 text-align: left;} 
 
table.homeListAll
 {border: none;
 width: 550px;
 background-color: #fff8dc;
 text-align: center;
 align: left;}
 
table.advertising
 {border: none;
 width: 100%;
 height: 100%;
 background-color: #fff8dc;}
 
table.regMenu
 {padding: 0;
 spacing: 0;
 border: none;
 width: 100%;
 background-color: #fff8dc;}
 
table.rateIt
 {padding: 2px;
 spacing: 2px;
 border: none;
 width: 100%;
 text-align: center;
 background-color: #8fbc8f;}
 
table.mappedMembers
 {padding: 2px;
 spacing: 2px;
 border: none;
 width: 100%;
 text-align: center;
 font-family: tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 vertical-align: top;
 background-color: #8fbc8f;}
 
table.news
 {border: 1px solid #c6c6b5;
 margin-left: 10px;
 width: 95%;
 valign: top;
 background-color:#669966;} 
   
table.memListAll
 {border: 2px;
 width: 200px;} 
 
table.browsing
 {border: none;
 width: 100%;
 background-color: #8fbc8f;}
   
 
/* #8fbc8f == sage green
  #fff8dc == creamy yellow
  #6b7b9c == periwinkle
  #9c9c8c is the darker shade of beige
  #c6c6b5 is the lighter color of beige
*/
 
td.homeTitleSpecial
 {font-size: 30px;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 color: #6b7b9c;
 border: none;
 width: 100%;
 vertical-align: center;
 text-align: center;}
  
td.audieCat
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 50%;
 font-weight: bold;
 border: none;
 text-align: center;
 background-color: #b0c4de;
 padding: 2px;}
 
td.audieDet
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 50%;
 text-align: center;
 padding: 2px;
 border: none;} 
 
 
td.advertising
 {background-color: #fff8dc;
 font-weight: bold;
 border: none;
 font-family: tahoma, verdana, arial, sans-serif;
 height:100%;
 vertical-align: top;}
 
td.browseReviewsMain
 {background-color: #fff8dc;
 font-weight: bold;
 border: none;
 font-family: tahoma, verdana, arial, sans-serif;
 vertical-align: top;}
   
td.news
   {background-color: #fff8dc;
  font-size: 10pt;
  font-family: tahoma, verdana, arial, sans-serif;
  padding: 10px;}
 
td.topic
  {font-size: 12pt;
  font-weight: bold; 
  color: #663300;
  font-family: tahoma, verdana, arial, sans-serif;
  background-color:#8fbc8f;}
 
td.poster
  {font-size: 9pt;
  font-family: tahoma, verdana, arial, sans-serif;
  background-color:#8fbc8f;} 
 
td.date
  {font-size: 9pt;
  text-align: right;
  font-family: tahoma, verdana, arial, sans-serif;
  background-color:#8fbc8f;}  
  
td.mappedMembers
 {padding: 2px;
 spacing: 2px;
 border: none;
 width: 100%;
 text-align: center;
 font-family: tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 font-size: 12;
 background-color: #fff8dc;}  
  
td.rateItPoints
 {padding: 2px;
 spacing: 2px;
 width: 50px;
 text-align: center;
 top-border-width: heavy;
 border-color: #8fbc8f;
 background-color: #fff8dc;
 font-family: font-family: tahoma, verdana, arial, sans-serif;
 font-size: 14px;}
 
td.reviewHeaders
 {padding: 2px;
 spacing: 2px;
 width: 100%;
 text-align: center;
 background-color: #8fbc8f;
 font-family: font-family: tahoma, verdana, arial, sans-serif;
 font-size: 22px;
 font-weight: bold;}
 
td.rateItTopics
 {padding: 2px;
 spacing: 2px;
 width: 20%;
 text-align: left;
 border-color: #8fbc8f;
 border-width: medium;
 font-family: tahoma, verdana, arial, sans-serif;
 font-size: 14px; }
 
td.regMenu
 {background-color: #fff8dc;
 border: none;
 font-family: tahoma, verdana, arial, sans-serif;
 font-size: 14;
 width: 150px;
 vertical-align: top;} 
 
td.mainScreen
 {width: 70%;
 vertical-align: top;
 background-color: #fff8dc;
 border: none;
 align: left;}
 
td.homeTitle
 {color: black;
 font-size: 30px;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 100%;
 vertical-align: center;
 text-align: center;}
 
td.homeTitlePic
 {font-size: 30px;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 150px;
 vertical-align: center;
 text-align: center;}
 
td.navBar
 {font-size: 12;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 90px;
 vertical-align: top;}
 
/* the following style refer to the navbar table where the totals are listed 
   for new members, books registered, etc.  -- navbarstats.asp*/
td.navBarStats
 {font-size: 12;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 140px;
 vertical-align: top;
 background-image: none;}
 
td.logIn
 {font-size: 10;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 vertical-align: top;}
 
td.logInError
 {font-size: 10;
 color: yellow;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;}
 
td.homeText
 {font-size: 15;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;}
 
td.homeTextJustified
 {font-size: 15;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 width: 100%;}
 
td.homeTextPub
 {font-size: 15;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 150px;
 border: none;
 text-align: center;}
 
td.homeTextBold
 {font-size: 14;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;}
 
td.homeTextNotice
 {font-size: 10;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 100%;}
 
td.homeTextRelease
 {font-size: 11;
 font-weight: bold;
 background-color: #8fbc8f;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 100%;}
 
/* the following 2 styles refer to the navbar table where the totals are listed 
   for new members, books registered, etc.  -- navbarstats.asp*/
td.homeTextTotalsL
 {font-size: 10;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 20%;}  
 
td.homeTextTotalsR
 {font-size: 10;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 80%;} 
 
/* the following style refers to any area that needs to have an error msg displayed*/
td.TextError
 {font-size: 10;
 font-weight: bold;
 color: red;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 100%;
 border: none;
 text-align: center;}
  
/* the following 2 styles refer to any area where there are two columns in a form
   for instance, on the registration form A is the name of the field, B is the 
  actual field itself*/
td.regtTextA
 {font-size: 15;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 150px;
 border: none;
 text-align: right;}
 
td.regtTextB
 {font-size: 15;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 300px;
 border: none;
 text-align: left;}
 
td.footerMenu
  {font-family:tahoma, verdana, arial, sans-serif;
 font-size: 14;
 font-color: #fff8dc;
 font-weight: bold;
 padding: 0px;
 spacing: 0;
 vertical-align: center;
 background-image: url(http://www.ilistentobooks.com/liveTest/images/bgc.jpg);
 /*background-color: #6b7b9c;*/} 
 
td.regBookList
 {font-size: 14;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 padding: 2px;}
 
td.regBookListTitle
 {font-size: 14;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 padding: 2px;
 width: 100px;}
 
td.regBookListALL
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 25%;
 border: none;
 text-align: center;
 padding: 2px;} 
 
td.regBookListALLGrey
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 25%;
 border: none;
 text-align: center;
 padding: 2px;
 background-color: #b0c4de;}
 
/* the following style refers to the publishers' publisher listing area*/
td.pubList
 {font-size: 18;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 100%;
 border: none;
 text-align: center;}
 
/* the following 2 styles refer to the publishers' bookshelf listing area*/
td.pubListALL
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 80px;
 border: none;
 text-align: left;
 padding: 2px;}
 
td.pubListALLGrey
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 80px;
 border: none;
 text-align: left;
 padding: 2px;
 background-color: #b0c4de;} 
 
/* the following 6 styles refer to the members' bookshelf listing area*/
td.regBookListHeading
 {font-size: 12;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 padding: 2px;}
 
td.regBookListHeadingTitle
 {font-size: 12;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 padding: 2px;
 width: 80px;} 
 
td.regBookListHeadingAuthor
 {font-size: 12;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 padding: 2px;
 width: 60px;}
 
td.ListALLHeading
 {font-size: 12;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 border: none;
 text-align: left;
 padding: 2px;} 
 
td.ListALL
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 padding: 2px;}
 
td.ListALLTitle
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 padding: 2px;
 width: 80px;} 
 
td.ListALLAuthor
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 padding: 2px;
 width: 60px;}
 
td.ListALLGrey
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 padding: 2px;
 background-color: #b0c4de;}  
 
td.ListALLGreyTitle
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 padding: 2px;
 background-color: #b0c4de;
 width: 80px;}  
 
td.ListALLGreyAuthor
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 padding: 2px;
 background-color: #b0c4de;
 width: 60px;}  
 
/* the following 2 styles refer to the members' homepage Birthday listing area*/
td.birthday
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 50%;
 border: none;
 text-align: center;
 padding: 2px;}
 
td.birthdayBlue
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 50%;
 text-align: center;
 padding: 2px;
 background-color: #b0c4de;
 border: none;} 
 
/* the following 2 styles refer to the weekly winners listing area*/
td.winnersBlue
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 background-color: #b0c4de;
 text-align: center;
 padding: 2px;}
 
td.winners
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 padding: 2px;} 
 
td.winnersBold
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 text-align: center;
 padding: 2px;
 border: none;
 font-weight: bold;}  
 
 
/* the following style refers to the members' bookshelf listing area - number of pages
needed to display all of their registered books*/
td.pageCount
 {font-size: 12;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;}
 
/*the following 2 styles refer to the ratings bars in the reviews section as well
as those which are shown in the bookmain page*/
td.ratingText
 {font-size: 14;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: right;}
 
td.ratingImage
 {font-size: 14;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 align: left;}    
 
td.journalWho
 {font-size: 14;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: right;
 width: 33%;}  
 
td.journalActivity
 {font-size: 14;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 33%;}  
 
td.journalDate
 {font-size: 14;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 width: 33%;}  
 
td.journalNavShelf
 {font-size: 10;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 width: 33%;}   
  
td.journalNavTop
 {font-size: 10;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: right;
 width: 33%;}    
  
td.regBookDesc
 {font-size: 12;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: right;
 width: 75%;}     
  
td.regBookInput
 {font-size: 12;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: left;
 width: 25%;}    
   
td.leaderBoardHeader
 {font-size: 12;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 25%;}    
   
td.leaderBoardBlue
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 25%;
 background-color: #b0c4de}     
 
td.leaderBoard
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 25%;}    
 
td.mapListHeader
 {font-size: 12;
 font-weight: bold;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 110px;}   
 
td.mapListBlue
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 110px;
 background-color: #b0c4de}     
 
td.mapList
 {font-size: 11;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 110px;}  
 
td.stateList
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 font-weight: bold;} 
 
td.stateListAll
 {font-size: 12;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;} 
 
td.stateListAllGrey
 {font-size: 12;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 background-color: #b0c4de}  
 
td.memListAll
 {font-size: 12;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 28%} 
 
td.memList
 {font-size: 14;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 font-weight: bold;
 background-color: #8fbc8f;} 
 
td.memListTop
 {font-size: 10;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 text-align: center;
 width: 100%}  
 
td.memListA
 {font-size: 12;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 110px;
 text-align: right;}  
 
td.memListB
 {font-size: 12;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 border: none;
 width: 110px;
 text-align: right;} 
 
td.review
 {font-size: 15;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 150px;
 border: none;
 text-align: right;} 
 
td.reviewA
 {font-size: 15;
 color: black;
 font-weight: bold;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 150px;
 border: none;
 text-align: right;}
 
td.reviewB
 {font-size: 15;
 color: black;
 font-family: tahoma, verdana, arial, sans-serif;
 width: 150px;
 border: none;
 text-align: center;} 
 
td.browseReviews
 {font-size: 13;
 color: black;
 background-color: #8fbc8f;
 font-family: tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 border: 1px;
 text-align: center;
 vertical-align: top;} 
 
td.genre
 {font-size: 13;
 color: black;
 background-color: #fff8dc;
 font-family: tahoma, verdana, arial, sans-serif;
 border: 1 px;
 text-align: left;
 font-weight: bold;} 
 
td.alphabet
 {font-size: 13;
 color: black;
 background-color: #fff8dc;
 font-family: tahoma, verdana, arial, sans-serif;
 border: 1px;
 text-align: center;
 width: 25%;
 font-weight: bold;}  
 
span.who
  {font-size: 10pt;
  font-weight: bold; 
  color: #663300;
  text-align: left;
  font-family: tahoma, verdana, arial, sans-serif;}
 
span.answer
   {background-color: #fff8dc;
  font-size: 9pt;
  text-align: left;
  font-family: tahoma, verdana, arial, sans-serif;}
  
   
/* The following 8 styles are for the pop-up menu javascript */
.lowText { text-decoration: none; color: #003366; font: 18px arial, helvetica }
.highText { text-decoration: none; color: #003366; font: 18px arial, helvetica }
.itemBorder { border: 2px solid #003366 }
.itemBorderBlank { border: 2px solid #000099 }
 
/* Delete these "button" styles if you're not using them */
 
.buttonText { text-decoration: none; color: #FFCC99; font: Bold 12px arial, helvetica }
.buttonHover { text-decoration: none; color: #99CCFF; font: Bold 12px arial, helvetica; padding: 1px }
.buttonBorder { border: 1px outset #339966 }
.buttonBorderOver { border: 1px inset #CC9966 }