body  { color: #000; font-family: arial, sans-serif; background: #bfdbff; }
a:link          {color: #0054bf}
a:visited       {color: #0054bf}
a:active        {color: #0054bf}
a:hover         {color: #3f93ff}
#container { width: 1160px; height: auto; margin: 0 auto; }
#header { width: 1160px; padding-top: 0px; padding-bottom: 5px; border-bottom: 1px solid #000; }
#header-right {width:750px; float:left;}

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

.midad { width: 950px; text-align: center; clear:both; margin:20px auto 20px 0px; padding:10px;}
.midad a { color: #0054bf; font-size: 12pt; font-weight: bold; padding:9px; }
.midad a:hover { color:#3F93FF;}
.midad img {border: 2px solid #0054bf;}
.midad a:hover img {border: 2px solid #3F93FF;}

#btmad { width: 950px; text-align: center; clear:both; margin:20px auto 20px 0px; padding:10px;}
#btmad a { color: #0054bf; font-size: 12pt; font-weight: bold; padding:9px; }
#btmad a:hover { color:#3F93FF;}
#btmad img {border: 2px solid #0054bf;}
#btmad a:hover img {border: 2px solid #3F93FF;}

.toplistrow1 { padding-top: 5px; }
.toplistrow2 { text-align: center; width: 960px; clear: both; padding-top: 15px; }
ul.toplistrow { list-style-type: none; display: inline; margin:0; padding:5px;}
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 ul.more { margin-top: 20px; }
.toplistcolumn iframe { margin-left:10px;}

#logo { text-align: right; width: 400px; float: left; }
#logo h1 { color: #00387f; font-size: 14pt; font-style: italic; text-align: right; margin: 0 20px 0 0; padding: 0; }
.toplistcolumn { width: 200px; float: left; }
.panel { width: 1160px; 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: #0054bf; }
#tlbinner {clear:left; float:left; position:relative; left:50%; }
.tlcol { font-weight: bold; text-align: left; width: 230px; 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 { }
.toplistother h3 { font-size: 14pt; color: #0054bf; }



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

#pagefooter { color: #000; text-align: center; width: 940px; margin-top: 40px;}
#pagefooterleft { font-size: 10pt; width: 290px; float: left; }
#pagefootercentre { font-size: 8pt; width: 490px; float: left; }
#pagefooterright { width: 220px; float: left; }

.thumbs { border: solid 1px #000; background-color: #E6F1FF; width: 950px; padding-top: 8px; float: left; }
.thumbheader { height: 39px; text-align: left;}
.thumbheader h2 { color: #00387f; margin: 0px;}
.thumbrow { width: 956px; padding: 0 8px; height: 254px; clear: both; }

.thumbrow a { text-decoration: none; }
.thumbrow img { width: 180px; height: 240px; border: solid 2px #E6F1FF; margin: 1px;}
.thumbrow a:hover img { border: solid 2px #3F93FF; }
.thumbrow a:hover {color:#3f93ff} /* dummy to fix IE hover bug */