body  { color: #000; font-family: arial, sans-serif; background: #ffdaf1; }
a:link          {color: #FF00FF}
a:visited       {color: #FF00FF}
a:active        {color: #FF00FF}
a:hover         {color: #FF0000}
#container { width: 1250px; height: auto; margin: 0px auto; }
#header { width: 1250px; padding-top: 7px; padding-bottom: 10px; border-bottom: 1px solid #000; }
#header-right {width:700px; float:left;}

.nav {width: 1050px; margin: 8px auto;}
.home {width: 80px; float:left; text-align: left;}
.home a {font-weight:bold; text-decoration:none;}

.prev {width: 90px; float: right;text-align: left;}
.mid {width: 700px; float: left; text-align:center;}
.next {width: 90px; float: right; text-align: right;}

.text { width:950px; text-align:left; margin: 15px auto; clear: both;}
.text ul {list-style:none; margin: 0px; padding: 0px; }
.text ul li {margin:2px 10px; padding: 0px; display: block; width: 450px; float: left;}
.text ul li a {font-size:10pt; font-weight:bold; color:#000; text-decoration:none;}
.text ul li a:hover {color:#FB2530;}
.main { width: 1050px;  margin: 5px auto; }
.divline {width:1050px; height:2px;  border-bottom:1px solid black; margin:0px auto; }

#topad {width:480px; height:65px; margin: 10px 0px 0px 40px; padding: 0px; }
#topad img {border: 2px solid #ffdaf1;}
#topad a:hover img {border: 2px solid #f00;}

.midad { clear:both;  width: 1050px; text-align: center; margin-top:20px; padding:10px;}
.midad img {border: 2px solid #ffdaf1;}
.midad a:hover img {border: 2px solid #f00;}
.midad a { color: #ee00ee; font-size: 12pt; font-weight: bold; font-style: italic;  padding:9px; text-decoration:none;}
.midad a:hover {color:#f00; text-decoration:underline;}

#btmad { width: 1050px; text-align: center; margin-top:20px; padding:10px;}
#btmad a { color: #ee00ee; font-size: 16pt; font-weight: bold; font-style: italic;  padding:9px; text-decoration:none;}
#btmad a:hover {color:#f00; text-decoration:underline;}
#btmad img {border: 2px solid #ffdaf1;}
#btmad a:hover img {border: 2px solid #f00;}

.toplistrow1 { padding-top: 5px; }
.toplistrow2 { text-align: center; width: 1050px; clear: both; padding-top: 15px; }
ul.toplistrow { list-style-type: none; display: inline; margin:0px; padding:0px;}
ul.toplistrow li { margin-left: 5px; padding-right: 5px; padding-left: 5px; display: inline; }
ul.toplistrow li a { font-size: 12pt; font-weight: bold; }

.toplistcolumn ul { list-style-type: none; margin: 0; padding: 0; }
.toplistcolumn ul li { margin: 0px 0px 5px 10px; }
.toplistcolumn ul li a { font-size: 12pt; font-weight: bold; }
.toplistcolumn h2 { margin:0px 0px 10px 10px; color: #7f004f; font-size: 12pt; padding:0px;}

#logo { text-align: right; width: 520px; float: left; }
#logo h1 { color: #7f004f; font-size: 16pt; font-style: italic; text-align: right; margin: 0 20px 0 0; padding: 0; }
.toplistcolumn { width: 200px; float: left; }
.panel { width: 1250px; clear: both; }

/* the magic centred variable width div... */
.toplistbottom { text-align: center; width: 100%; clear: both; float:left; overflow:hidden;}
.toplistbottom h3 { margin-top: 40px; font-size: 12pt; color: #f0f; }
.tlbinner {clear:left; float:left; position:relative; left:50%; }
.tlcol { font-weight: bold; text-align: left; width: 240px; float: left; margin-bottom: 10px; position:relative; right:50%;}
.tlcol ol {  }
.tlcol ol li {  }
.tlcol ol li a { font-size: 12pt; font-weight: bold; }

.toplistother {width: 70%; text-align: center; margin: 20px auto; }
.toplistother ul {list-style: none; margin: 5px 0px; padding: 0px;}
.toplistother ul li {display: inline; padding-left: 10px; font-weight: bold; }

#bkmark1, #bkmark2, #bkmark3, #bkmark4 { width: 1020px; text-align: center; height: 40px; margin: 10px;}

#pagefooter { color: #000; text-align: center; width: 1050px; margin-top:40px;}
#pagefooterleft { width: 370px; float: left; }
#pagefootercentre { font-size: 8pt; width: 520px; float: left; }
#pagefooterright { width: 250px; float: left; }

.thumbs {border: 1px solid #000;  background-color: #fff; width: 1046px; padding-top: 8px; float: left; }
.thumbheader { height: 39px; text-align: left;}
.thumbrow { width: 1046px; padding: 0px 8px; height: 234px; clear: both; }

.thumbrow a { text-decoration: none; }
.thumbrow img { width: 165px; height: 220px; border: solid 2px #fff; margin: 1px;}
.thumbrow a:hover img { border: solid 2px #f00; }
.thumbrow a:hover {color:#f00} /* dummy to fix IE hover bug */ 

.tradethumbs { background-color:#FFedfa; border:2px solid #ff00ff; float:left; padding-top:2px; margin-top: 20px; width:1046px; }
.tradethumbs h2 { margin:0px 0px 10px 10px; color: #7f004f; font-size: 14pt; padding:0px; text-align: center;}
.traderow { width: 1146px; padding: 0px 2px; height: 190px; clear: both; }
div.tradethumbsmall { font-size: 9pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;
                 width: 124px; height:185px; float: left; margin: 5px 3px 0px 3px; }
div.tradethumbsmall img { background-color: #6f89aa; width: 120px; height: 160px; float: left; border: solid 2px #000; }
div.tradethumbsmall a { color: #000; text-decoration: none; }
div.tradethumbsmall a:hover img { border: solid 2px #f00; }
div.tradethumbsmall a:hover {color:#f00} /* dummy to fix IE hover bug */

.adstextblock { width: 1050px; text-align: center; margin-top:20px; padding:10px;}
.adstextblock a { color: #ff6afd; font-size: 16pt; font-weight: bold; font-style: italic; background-color: #ffe6f7; border: solid 1px #c7007c; padding:9px; text-decoration:none;}
.adstextblock a:hover {color:#f00; text-decoration:underline;}

.cats { margin: 0px auto 5px auto; width: 1000px; padding: 5px;  text-align:center;}
.cats ul {list-style: none; display: inline; margin: 0px; padding: 0px; }
.cats ul li {display:block; float:left;}
.cats ul li a {display: block; width: 119px; border: 1px solid #808080; text-decoration: none; margin: 2px; float: left;
               font-size: 12pt; font-weight: bold; color: #f0f; padding: 2px 0px;}
.cats ul li a:hover {color: #ff0000; }