body  { color: #609ebf; font-family: arial, sans-serif; background: #f7caf1; }
a:link          {color: #609ebf}
a:visited       {color: #609ebf}
a:active        {color: #609ebf}
a:hover         {color: #4078a0}
#container { width: 1250px; height: auto; margin 0px auto; }
#header { width: 1250px; padding-top: 7px; padding-bottom: 10px; border-bottom: 1px solid #000; }

.toplistrow1 { float: left; padding-top: 15px; }
.toplistrow2 { text-align: center; width: 1050px; clear: both; padding-top: 15px; }
ul.toplistrow { list-style-type: none; display: inline; }
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; }

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

#toplistbottom { text-align: center; width: 100%; clear: both; margin-top: 40px; margin-left: 40px; overflow: hidden;}
#toplistbottom h2 { font-size: 14pt; color: #609ebf; }
.tlbinner {clear:left; float:left; position:relative; left:50%; }
.tlcol { font-weight: bold; text-align: left; width: 250px; 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; font-size: 12pt;}
.toplistother ul li a {}
.toplistother ul li a:hover {color: #4078a0; }
.toplistother h2 { font-size: 14pt; color: #609ebf; }

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

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

.thumbs {border: 1px solid #000;  background-color: #e6f6ff; 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 #e6f6ff; margin: 1px;}
.thumbrow a:hover img { border: solid 2px #f00; }
.thumbrow a:hover {color:#f00} /* dummy to fix IE hover bug */