body {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;}

.bgdark { background-color: #080808; }
.bgmedium { background-color: #101010; }
.bglight { background-color: #303030; }

.thumbs { margin: 0px auto 10px auto; width: 836px; padding: 0px 0px 5px 5px; }
.thumbrow { width: 835px; height: 220px; clear: both;}
.thumbrow a img { width: 150px; height: 200px; margin: 5px 6px; border: solid 2px #000; }
.thumbrow a:hover img {border: 2px solid #ff0000;}

.thumb-header-text { color: #f7d971; font-size: 20pt; text-align: left; width: 640px; height: 45px; float: left; margin-top: 5px; margin-right: 0; margin-bottom: 5px; padding-top: 5px; padding-left: 10px; }
img.generic { background-color: #101010; border: solid 2px #000; }
a:hover img.generic { border: solid 2px #f00; }
a.textlink { color: #FFC600; }
a.textlink:hover { color: #F7F671; }
.ds32 /*agl rulekind: base;*/ { color: #f7d971; font-size: 12px; font-weight: bold; }

#panel-left { text-align: center; width: 295px; height: auto; float: left; }
#panel-left h2 { margin-top: 0px; margin-bottom: 10px; color: #f7d971; font-size: 22px; font-weight:normal;}
#panel-main { margin-right: 4px; margin-bottom: 0; padding: 0; width: 841px; height: auto; float: left; }

.ds64 { color: #f7d971; font-size: 18px; }
#bkmark1, #bkmark2, #bkmark3, #bkmark4 { color: #f7d971; font-size: 16pt; font-style: italic; width: 160px; height: 40px; float: left; margin: 5px 0; padding-top: 10px; padding-left: 10px; border-left: 10px solid #f7d971; }
#bkmark1 a, #bkmark2 a, #bkmark3 a, #bkmark4 a {color: #f7d971; text-decoration:none; }

#thumbsfooter { text-align: center; margin: 5px auto 0; padding-top: 1px; padding-bottom: 5px; padding-left: 5px; width: 641px; height: auto; }
#container { margin: 0 auto; width: 1140px; height: auto; }
#header-left { width: 300px; height: 190px; float: left; margin-bottom: 5px; }
#header-mid  { width: 180px; height: 190px; float: left; margin-bottom: 5px; }
#header-right  { width: 620px; height: 190px; float: left; margin-bottom: 5px; }
#header-main { width: 520px; height: 190px; float: left; margin-bottom: 5px; color: #f7d971; font-size: 12px; }
#header-main h1 { margin-top: 0; color: #f7d971; text-align: left; margin-left: 10px; font-size: 18px; font-weight: normal; margin-bottom: 5px; }
.parheader { color: #f7d971; font-size: 9pt; text-align: left; margin: 5px 10px; }
#header { margin: 0 0 5px; width: 1140px; height: 190px; }

#header-right ul.toplistrow { list-style-type: none; display: block; width: 190px; float: left;  margin:15px 0px; padding:0px;}
#header-right ul.toplistrow li { margin-left: 5px; margin-top: 10px; padding: 1px; display: block; }
#header-right ul.toplistrow li a { font-size: 12pt; font-weight: bold; color: #f7d971; text-decoration: none; }
#header-right ul.toplistrow li a:hover { text-decoration: underline; }

.toplistrow2 { text-align: center; width: 795px; 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 { color: #f7d971; font-size: 12pt; font-weight: bold; text-decoration:none;}
.toplistrow2 ul.toplistrow li a { color: #f7d971; font-size: 11pt; font-weight: bold; text-decoration:none;}
ul.toplistrow li a:hover {text-decoration: underline;}

#toplistbottom { text-align: center; width: 805px; clear: both; margin: 40px auto; padding: 10px 0;}
#toplistbottom h2 { font-size: 12pt; color: #f7d971; margin-top:40px; }
.toplistother {width: 90%; text-align: center; margin: 0px auto; }
.toplistother ul {list-style: none; margin: 5px 0px; padding: 0px;}
.toplistother ul li {display: inline; padding-left: 15px; font-weight: normal; font-size: 10pt; }
.toplistother li a { color: #f7d971; font-size: 10pt; font-weight: normal; text-decoration:none;}
.toplistother li a:hover {text-decoration: underline;}


.linksul { padding: 0 0 1em; text-align: left; width: 295px; }
.linksul ul { list-style: none; margin: 0; padding: 0; }
.linksul li { border-bottom: 1px solid #000; }
.linksul li.first { border-top: 1px solid #000; }
.linksul li a { display: block; padding: 9px; color: #fff; font-size: 9pt; text-decoration: none; width: 275px; margin: 0; }
.linksul li a:hover { background-color: #404040; }

.linksul.small ul li a {padding: 2px; font-size: 8pt; width: 126px; }
.linksul.large ul li a { font-size: 12pt; font-weight: bold;}

.linksul h2 { color: #f7d971; font-size: 10pt; font-family: arial, sans-serif; text-align: center; margin: 4px; padding:5px; }

.cats { margin: 0px auto 5px auto; width: 836px; padding: 5px 2px; }
.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: 98px; border: 1px solid #808080; text-decoration: none; margin: 2px; float: left; 
               font-size: 12pt; font-weight: bold; color: #fff; padding: 2px 0px;}
.cats ul li a:hover {background-color: #505050; }
.cats {border-right:2px solid #080808;}

.full-width {clear: both; }
.full-width a { font-size: 8pt; color: #aaa;}