body {font-family: Verdana, Arial, sans-serif;}

.bgdark { background-color: #00152C; }
.bgmedium { background-color: #004085; }
.bglight { background-color: #D6E5F5; }
.bghead {background-color: #569fec; }

a:link, a:visited { color: white; }
a:hover img.generic { border: solid 2px #f00; }
a.textlink { color: #fff; }
a.textlink:hover { color: #D6E5F5; }

#container { margin: 0 auto; width: 1140px; height: auto; }
#header { width: 1140px; height: 180px; }
#header-left { width: 580px; height: 180px; float: left; }
#header-middle { width: 260px; height: 180px; float: left; }
#header-main { font-family: arial, sans-serif; width: 295px; height: 180px; float: left; margin-left: 5px; }
#header-main h1 { color: #fff; font-size: 12pt; text-align: left; margin-top: 5px; margin-right: 2px; margin-left: 6px; }
#header-main p { color: #ccc; font-size: 10pt; text-align: left; margin-right: 2px; margin-left: 6px; }
#header-bottom { width: 1130px; clear: both; }
.divline {width: 1140px; margin: 5px auto; } 
.thumb-header { width: 620px; height: 40px; margin: 5px auto; }
.thumb-header-left { width: 70px; height: 40px; float: left; margin: 5px 0 5px 5px; }
.thumb-header-right { width: 805px; height: 40px; float: left; margin: 5px 0; padding-left: 5px; }

.thumbrow { width: 1000px; height: 220px; clear: both; }
.thumbrow a { text-decoration: none; }
.thumbrow img { width: 150px; height: 200px; border: solid 2px #000; margin: 5px;}
.thumbrow a:hover img { border: solid 2px #f00; }
.thumbrow a:hover {color:#f00} /* dummy to fix IE hover bug */ 

.parpxtoplist /*agl rulekind: base; nickname: "p-toplist"; htmltag: p;*/ { color: #fff; font-size: 12px; font-family: verdana; font-style: normal; font-variant: normal; font-weight: bold; font-stretch: condensed; text-transform: capitalize; text-align: left; margin-top: 3px; margin-bottom: 3px; }
.ds32 /*agl rulekind: base;*/ { color: #fff; font-size: 12px; font-family: verdana; font-weight: bold; }


#toplist1text { padding-top: 5px; padding-left: 5px; width: 128px; height: auto; }
#toplist1 { margin-bottom: 5px; width: 130px; }
#panel-left { text-align: center; width: 130px; height: auto; float: left; clear: both; }

.toplistrow2 { text-align: center; width: 960px; margin: 5px auto; clear: both; padding: 10px 0px; }
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; text-decoration:none;}
ul.toplistrow li a:hover {text-decoration: underline; }

#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 { color:#fff;  }
.tlcol ol li {  }
.tlcol ol li a { font-size: 12pt; font-weight: bold; text-decoration: none; }
.tlcol ol li a:hover {text-decoration: underline; }

.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 {text-decoration: none;}
.toplistother ul li a:hover {text-decoration: underline; }
.toplistother h2 { font-size: 14pt; color: #fff; }


#bkmark1 { margin: 5px 0; width: 180px; height: 40px; float: left; }
#bkmark2 { margin: 5px 0; width: 180px; height: 40px; float: left; }
#bkmark3 { margin: 5px 0; width: 180px; height: 40px; float: left; }
#bkmark4 { margin: 5px 0; width: 180px; height: 40px; float: left; }
#thumbs1 { margin: 0 auto 10px; padding-left: 5px; width: 1001px; height: 1150px; }
#thumbs2 { margin: 5px auto 10px; padding-left: 5px; width: 1001px; height: 1150px; }
#thumbs3 { margin: 5px auto 10px; padding-left: 5px; width: 1001px; height: 1150px; }
#thumbs4 { margin: 5px auto 10px; padding-left: 5px; width: 1001px; height: 1150px; }
#promo { margin: 5px auto 10px; width: 636px; padding:5px; text-align: center;}
#thumbsfooter { text-align: center; margin: 5px auto 0; padding-top: 1px; padding-bottom: 5px; padding-left: 5px; width: 10
01px; height: auto; }
#panel-main { margin-right: 0; margin-bottom: 0; margin-left: 4px; padding: 0; width: 1006px; height: 4770px; float: left; }

#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: 10pt; font-weight: bold; text-decoration: none; width: 120px; margin: 0; }
#toplistlul li a:hover { background-color: #8fa9ca; }

#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; }
#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; }