.bgdark { background-color: #3B495B; }
.bgmedium { background-color: #6F89AA; }
.bglight { background-color: #D1E0F4; }
.bgxdark {background-color:#222a36;}

a:visited { color: #fff;}
a:link { color: white; }
a:active {color: #fff;}
a.textlink { color: #fff; }
a.textlink:hover { color: #f79cc6; }

img.generic { background-color: #6f89aa; border: solid 2px #000; }
a:hover img.generic { border: solid 2px #f00; }

.ds32, .normal-text { color: #fff; font-size: 12px; font-family: verdana, Helvetica, Arial, sans-serif; font-weight: bold; }

#container { margin: 0 auto; width: 1140px; height: auto; }

#header { margin: 0 0 5px; width: 1140px; height: 185px; }
#header-left { width: 880px; height: 185px; float: left; }
#header-main { width: 260px; height: 185px; float: left; }
#header-bottom { width: 1130px; height: auto; clear: both; padding-top: 5px; margin-bottom:10px; padding-right: 10px; }
#header-bottom-left {width:995px; float:left;}
#header-bottom-middle {width:480px; float:left; margin-left:30px; }
#header-bottom-right {width:120px; float:left;}

#topad {width:480px; height:65px; }
#topad img {border: 2px solid #3B495B;}
#topad a:hover img {border: 2px solid #f00;}

.midad { width: 996px; text-align: center; margin:20px auto; padding:10px;}
.midad img {border: 2px solid #000;}
.midad a:hover img {border: 2px solid #f00;}

#btmad { width: 996px; text-align: center; margin:20px auto; padding:10px;}
#btmad a { color: #fff; font-size: 12pt; font-weight: bold; font-family: verdana, Helvetica, Arial, sans-serif; padding:9px; text-decoration:none;}
#btmad a:hover { text-decoration:underline;}
#btmad img {border: 2px solid #000;}
#btmad a:hover img {border: 2px solid #f00;}


#header-title {}
#header-title h1 {position:relative; top: -70px; left: 30px; width: 420px; color:#fff; padding-left: 5px; margin:0; font-family: verdana, Helvetica, Arial, sans-serif; font-style: italic; font-size:16pt; font-weight: normal;}

.thumb-block { margin: 0 auto 10px; width: 1140px;}
.panel-left { text-align: center; width: 130px; height: 1205px; float: left; margin-right:5px;}
.panel { width:1005px; float: left;}
.panel-wide { width:1140px; padding-left: 3px; float: left;}

.thumb-block-full { margin: 0 auto 10px; width: 1060px;}
.panel-full { padding-left: 3px; }
.thumb-header-full {width:99%;  height: 40px; float: left; margin: 5px 0; padding-left: 5px; }
.thumb-header-full h3 { margin: 5px 0px; padding: 0px; color:#fff; font-family: Arial, Helvetica, sans-serif; text-align: center;}

.cats { margin: 0px auto 5px auto; width: 995px; padding: 0px; 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: 93px; border: 1px solid #808080; text-decoration: none; margin: 2px; float: left;
               font-size: 10pt; font-weight: bold; color: #fff; padding: 2px 0px;}
.cats ul li a:hover {color: #f79cc6; }

.thumb-header-left { width: 70px; height: 40px; float: left; margin: 5px 0 5px 5px; }
.thumb-header-right { width: 730px; height: 40px; float: left; margin: 5px 0; padding-left: 5px; }
.thumb-row { width: 1000px; height: 230px; clear: both; }
.layer-bfly { position: relative; top: -12px; left: -10px; width: 75px; height: 50px; }
.thumb-header-wide { width: 1130px; height: 40px; float: left; margin: 5px 0; padding-left: 5px; }
.thumb-header-wide h3 { margin: 5px 0px; padding: 0px; color:#fff; font-family: Arial, Helvetica, sans-serif; text-align: center;}


div.thumb { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 156px; height:225px; float: left; margin: 5px 5px 0px 5px; }
div.thumb img { background-color: #6f89aa; width: 150px; height: 200px; float: left; border: solid 2px #000; }
div.thumb a { color: #000; text-decoration: none; }
div.thumb a:hover img { border: solid 2px #f00; }
div.thumb a:hover {color:#f00} /* dummy to fix IE hover bug */

div.tradethumb { font-size: 12pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; 
                 width: 156px; height:245px; float: left; margin: 5px 3px 0px 3px; }
div.tradethumb img { background-color: #6f89aa; width: 150px; height: 200px; float: left; border: solid 2px #000; }
div.tradethumb a { color: #000; text-decoration: none; }
div.tradethumb a:hover img { border: solid 2px #f00; }
div.tradethumb a:hover {color:#f00} /* dummy to fix IE hover bug */

div.tradethumbsmall { font-size: 10pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; 
                 width: 126px; 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 */

#bkmark1 { width: 180px; height: 40px; float: left; margin: 5px 0; }
#bkmark2 { width: 180px; height: 40px; float: left; margin: 5px 0; }
#bkmark3 { width: 180px; height: 40px; float: left; margin: 5px 0; }
#bkmark4 { width: 180px; height: 40px; float: left; margin: 5px 0; }

.toplistrow2 ul { list-style-type: none; padding:0; margin-bottom:10px; display: inline; }
.toplistrow2 ul li { padding-right: 5px; padding-left: 7px; display: block; float:left; }
.toplistrow2 ul li a { float:left; display:block; width:190px; font-size: 12pt; font-weight: bold; margin:2px;}
.toplistrow2 ul li a:hover { color: #f79cc6; }


.toplistrow ul { list-style-type: none; padding:0; margin: 5px 0; display: block; }
.toplistrow ul li { padding-right: 10px; padding-left: 10px; display: inline; border-left:2px solid #fff; }
.toplistrow ul li.first { border-left:none; }
.toplistrow ul li a { text-align:left; font-size: 12pt; font-weight: bold; text-decoration: none;}
.toplistrow ul li a.small {font-size: 10pt;}
.toplistrow ul li a:visited { color: #fff; }
.toplistrow ul li a:hover { color: #f79cc6; }

.toplist1 { width: 130px; margin: 5px 0px;}
.toplistlul { padding: 0 0 1em; font-family: verdana, Helvetica, Arial, sans-serif; text-align: left; width: 130px; }
.toplistlul ul { list-style: none; margin: 0; padding: 0; }
.toplistlul li { border-bottom: 1px solid #D1E0F4; }
.toplistlul li.first { border-top: 1px solid #D1E0F4; }
.toplistlul li a { display: block; padding: 5px; color: #fff; font-size: 9pt; font-weight: bold; text-decoration: none; width: 120px; margin: 0; }
.toplistlul li a:hover { background-color: #8fa9ca; }

/* was
#toplistbottom { text-align: center; width: 1050px; clear: both; margin-top: 40px; margin-left: 40px;}
#toplistbottom h2 { font-size: 14pt; color: #fff; }
*/

.toplistbottom { text-align: center; width: 100%; clear: both; margin-top: 40px; margin-left: 40px; overflow: hidden;}
.toplistbottom h2 { font-size: 14pt; color: #fff; }
.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 { margin-bottom: 5px; }
.tlcol ol li a { font-size: 12pt; font-weight: bold; text-decoration:none; }
.tlcol ol li a:hover {color: #f79cc6; }
.tlcol ol li a:visited { color:#fff; }

.toplistother {width: 80%; 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 {text-decoration: none;}
.toplistother ul li a:hover {color: #f79cc6; }

.linksul { padding: 0 0 1em; font-family: verdana, Helvetica, Arial, sans-serif; text-align: left; width: 130px; }
.linksul ul { list-style: none; margin: 0; padding: 0; }
.linksul li { border-top: 1px solid #D1E0F4; }
.linksul li.last{ border-bottom: 1px solid #D1E0F4; }
.linksul li a { display: block; padding: 3px; color: #fff; font-size: 8pt; font-weight: normal; text-decoration: none; width: 124px; margin: 0; }
.linksul li a:hover { background-color: #8fa9ca; }
.links h2 { color: #fff; font-size: 10pt; font-family: arial, sans-serif; text-align: center; margin: 4px; padding:5px; }

.mid-block { margin: 20px auto; width: 99%; padding:5px; text-align: center; color: #fff; font-size: 12px; font-family: verdana, Helvetica, Arial, sans-serif; font-weight: bold; }

#thumbsfooter { text-align: center; margin: 5px auto 0; width: 1001px; height: auto; padding-top: 10px; padding-bottom: 5px; padding-left: 5px; }

.2257 { text-align: center; margin-top: 2px; margin-bottom: 2px; }

.float-left { float: left; }
.clearboth {clear: both;}

.archivelist { margin: 0px auto 5px auto; width: 1000px; padding: 2px; text-align:center; color: #fff}
.archivelist ul {display: inline; list-style-type: none; margin: 0; padding: 0;}
.archivelist ul li {display: block; float: left; width: 24px; border: 1px solid #808080;margin: 2px;padding: 2px 0px;}
.archivelist ul li a {display: block; width: 24px; float: left;  text-decoration: none; font-size: 12pt; font-weight: normal; color: #fff; }
.archivelist ul li a:hover {color: #f79cc6; text-decoration:underline; }
.archivelist h4 {display: inline; font-weight: normal; float:left; margin:5px 10px 0 0; padding:0;}