html, body {width:100%; height:100%; margin:0; padding:0; font:normal normal 100.1%/1.4em verdana, arial, helvetica, sans-serif; color:#702915; text-align:center; background:#ebd9c3;}
html, body, #wrapper {margin:0; padding:0; width:100%; height:100%; min-height:100%;}
html>body, html>body #wrapper {height:auto;}
div#wrapper {float:left; width:750px; position:absolute; top:0; left:0; padding:0; margin:0;}
#contentholder {float:left; margin:0; padding:0; width:750px; border:1px solid #702915; background:#fff url(/images/navbg.gif) top left repeat-y;}
/*=== BASE STYLES ===*/
div {font-size:1.0em;}
p {font-size:1.0em; text-align:justify;}
ul, li {margin:0; padding:0; text-decoration:none;}
strong {font-size:1.05em;}
a, a:visited {font-size:1.05em; font-weight:bold; color:#967e26;}
a:hover {color:#D6603C;}
a.piclink, a.piclink:visited {text-decoration:none; border:none; color:#fff;}
a.piclink:hover {text-decoration:none; border:none; color:#fff;}
img {border:none;}
/*=== MAIN STYLES ===*/
/*--- Header & Search Form Styles ---*/
#header {float:left; width:750px; height:150px; text-align:left; background:#702915 url(/images/banner.gif) top left no-repeat;}
#header .srchform {margin:124px 0 0 2px; padding:0;}
#header .srchinput {background:#fff; border:2px inset #e7d8a1; margin:0 4px 0 0; padding:0 0 2px 2px; font:normal normal 0.75em/1.2em verdana, arial, helvetica, sans-serif; color:#702915;}
#header .srchbutton {background:#B84927; border:1px outset #F1C7BA; width:100px; margin:0; padding:1px 0 2px; font:normal bold 0.7em/1.1em verdana, arial, helvetica, sans-serif; color:#F1C7BA; cursor:pointer;}
#header .center {margin:120px 0 0 150px; text-align:center; padding:0; font-size:0.8em; font-weight:bold; color:#fff;}
#header #date {float:right; margin-top:120px; padding:3px 10px 0 0; font-size:0.8em; font-weight:bold; color:#fff;}
/*--- Main Content Holder Style ---*/
#main {float:left; width:750px; min-height:300px;}
/*--- Left Column Styles ---*/
#leftcol {float:left; min-height:300px; width:150px;}
/*--- left navigation style ---*/
#leftcol ul {margin:5px 5px 15px; padding:0; width:138px; list-style:none; border-top:1px solid #702915; border-left:1px solid #702915; border-right:1px solid #702915;}
#leftcol ul li {margin:0; padding:0; width:138px; height:24px; list-style:none; border-bottom:1px solid #702915; text-align:left;}
#leftcol ul li.navhead {width:138px; background:#94381e; padding:0; font:normal bold 0.8em/1.85em verdana, arial, helvetica, sans-serif; color:#fff; text-align:center;}
#leftcol ul li a, #leftcol ul li a:visited {display:block; width:132px; margin:0; padding:4px 3px 5px; border:none; background:#EBD9C3; text-decoration:none; font:normal normal 0.7em/1.3em verdana, arial, helvetica, sans-serif; color:#702915;}
#leftcol ul li a:hover {display:block; width:132px; margin:0; padding:4px 3px 5px; background:#CB7D5F; color:#fff;}
#leftcol ul li a.so, #leftcol ul li a.so:visited {background:#ddc778; font-weight:bold; color:#6d5c1c;}
#leftcol ul li a.so:hover {background:#967e26; color:#fff;}
.center {text-align:center; font-size:0.7em; margin:20px auto;}
/*--- Right Column Styles ---*/
#rightcol {float:right; min-height:300px; width:600px;}
#rightcol #block {margin:10px 20px 30px; text-align:center;}
#rightcol #block h1 {font:normal bold 1.05em/1.4em verdana, arial, helvetica, sans-serif; color:#6D5C1C; margin-bottom:1em;}
#rightcol #block h1.red {color:#c00; margin-bottom:1em;}
#rightcol #block h1.ltred {color:#f00; margin-bottom:1em;}
#rightcol #block h1 .uline {border-bottom:1px solid #6D5C1C;}
#rightcol #block h1 .reduline {border-bottom:1px solid #c00;}
#rightcol #block h1 .ltreduline {border-bottom:1px solid #f00;}
#rightcol #block h2 {font-size:0.8em; font-weight:bold; color:#6D5C1C; text-align:left;}
#rightcol #block h2 .uline {border-bottom:1px solid #6D5C1C;}
#rightcol #block p {font-size:0.75em; line-height:1.6em;}
#rightcol #block p.right {text-align:right;}
#rightcol #block p.details {text-align:right; font-size:0.65em;}
#rightcol #block p.threadpref {font-size:0.7em;}
#rightcol #block p.left {text-align:left;}
#rightcol #block p.leftfloat {float:left; line-height:2.4em; margin:0; padding:0;}
#rightcol #block p.rightfloat {float:right; line-height:2.4em; margin:0; padding:0;}
#rightcol #block p.center {text-align:center;}
#rightcol #block p.center .warning {text-align:center; font:normal bold 1.25em/1em arial, helvetica, sans-serif; color:#f00; margin:0; padding:0;}
#rightcol #block p.welcome {font-size:1.05em; font-weight:bold; color:#6D5C1C;}
#rightcol #block p.disclaimer {font-size:0.7em; color:#6D5C1C; border-top:1px solid #6D5C1C;}
#rightcol #block p.disclaimer strong {font-size:1em;}
/*--- right block anchor styles ---*/
#rightcol #block p a, #rightcol #block p a:visited {font-size:1.05em; font-weight:bold; color:#967e26;}
#rightcol #block p a:hover {color:#D6603C;}
#rightcol #block p a.sml, #rightcol #block p a.sml:visited, #rightcol #block p a.sml:hover {font-size:1em;}
/*--- individual chart page styles ---*/
#rightcol #block .descblock {width:500px; margin:0 auto;}
/*--- image styles ===*/
#rightcol #block img.basic {float:none; margin:10px auto;}
#rightcol #block img.indexpic {float:right; margin:10px 0 10px 20px; width:250px;}
#rightcol #block img.searchpic {float:left; margin:5px 20px 10px 0;}
#rightcol #block .thumbholder {float:left; width:170px; min-height:150px;}
* html #rightcol #block .thumbholder {height:150px;}
#rightcol #block .thumbholdersmall {float:left; width:160px; min-height:100px; font-size:0.65em;}
* html #rightcol #block .thumbholdersmall {height:100px;}
#rightcol #block .catthumbholder {float:left; width:130px; min-height:80px;}
* html #rightcol #block .catthumbholder {height:80px;}
#rightcol #block img.thumbpic {float:left; margin:5px 20px 10px 0;}
#rightcol #block img.dlpic {float:left; margin:5px 20px 10px 0;}
#rightcol #block img.mainpic {float:none; margin:20px auto;}
#rightcol #block img.categorypic {float:left; margin:15px 10px 5px 0;}
/*--- list styles ---*/
#rightcol #block ul.chartpack {margin:10px 0 10px 20px; list-style-type:circle; padding-left:20px; text-align:left;}
#rightcol #block ul.chartpack li.packitem {list-style-type:circle; padding:0; margin:0; text-align:left; font-size:0.7em; font-weight:bold; color:#6d5c1c;}
#rightcol #block ul.chartpack li.itemlist {list-style-type:circle; padding:0; margin:0; text-align:left; font-size:0.7em; font-weight:normal; color:#b84927;}
#rightcol #block ul.chartpack li.itemlist strong {font-size:1em; font-weight:bold;}
#rightcol #block ul.chartpack li.itemlist a {font-size:1em; font-weight:bold;}
#rightcol #block ul.links {margin-bottom:20px; list-style-type:disc; text-align:left; padding:0 15px;}
#rightcol #block ul.links li.linklist {list-style-type:disc; border-bottom:1px solid #967e26; padding-bottom:5px; margin-bottom:5px; text-align:left; font-size:0.8em; color:#702915;}
#rightcol #block ul.links li.clear, #rightcol #block ul.morelink li.clear {list-style-type:none; border-bottom:none; padding-bottom:0; margin-bottom:0; font-size:0.1em;}
#rightcol #block ul.morelink {margin-bottom:10px; list-style-type:none; text-align:left; padding:0;}
#rightcol #block ul.morelink li.linkleft {float:left; width:45%; list-style-type:none; border:none; padding-left:15px; margin:0; text-align:left; font-size:0.8em; color:#702915;}
#rightcol #block ul.morelink li.linkright {float:right; width:45%; list-style-type:none; border:none; padding-right:15px; margin:0; text-align:right; font-size:0.8em; color:#702915;}
#rightcol #block #errortext {text-align:center; font-size:0.7em; color:#702915;}
#rightcol #block #errortext ul.error {text-align:center; list-style:none; margin:0; padding:0;}
#rightcol #block #errortext ul.error li.err {text-align:center; list-style:none; font-size:1em; line-height:1.4em; color:#f00; margin:0; padding:0;}
#rightcol #block img.cclogos {margin:30px auto 10px; display:block; width:378px; height:81px; border:none;}
#rightcol #block .recommend {border:1px solid #967e26; margin:20px; padding:20px; font-size:0.75em; text-align:justify; color:#6d5c1c;}
/*--- form styles ---*/
#block .formholder {float:left; width:560px; margin:0; padding:0; text-align:left; padding-bottom:20px;}
#block .formholder .formleft {clear:left; float:left; width:130px; margin-right:5px; text-align:left; font-size:0.8em; font-weight:normal;}
#block .formholder .formright {float:left; text-align:left; width:400px; margin-right:5px; font-size:0.8em; font-weight:normal;}
#block .formholder .formleft2 {clear:left; float:left; width:150px; margin-right:5px; text-align:left; font-size:0.8em; font-weight:normal;}
#block .formholder .formright2 {float:left; text-align:left; margin-right:5px; font-size:0.8em; font-weight:normal;}
#block .formholder .formfull {clear:left; float:left; margin:0 0 5px 0; text-align:left; font-size:0.8em; font-weight:normal;}
#block .formbuttonholder {margin:0 auto; text-align:center; padding-bottom:20px; font-size:0.8em;}
#block .formbuttonholderleft {margin:0 auto; text-align:left; padding-bottom:20px; font-size:0.8em;}
.bsktform {margin:0; padding:5px 0 0;}
.buyform {min-width:100px; float:right; margin:0; padding:10px 0 0; text-align:left;}
.dlform {margin:0; padding:0; text-align:left;}
.bsktform .forminput {background:#fff; border:1px solid #702915; margin:1px 0 5px; padding:0 2px 1px; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#702915;}
.bsktform .formcheckbox {background:#fff; border:none; margin:1px 0 5px; padding:0 2px 1px; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#702915;}
.forminput {background:#fff; border:1px solid #702915; margin-bottom:5px; padding:0 2px; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#702915;}
.forminputred {background:#fff; border:1px solid #c00; margin-bottom:5px; padding:0 2px; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#c00;}
.formcheckbox {background:#fff; border:none; margin-bottom:5px; padding:0; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#702915;}
.formselect {background:#fff; border:1px solid #702915; margin-bottom:5px; padding:0; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; color:#702915;}
.formta {background:#fff; border:1px solid #702915; margin-bottom:5px; padding:2px; font:normal normal 1em/1.6em verdana, arial, helvetica, sans-serif; color:#702915;}
.formbutton {background:#ddc778; border:1px outset #e7d8a1; margin:5px 0; padding:1px 3px 2px; font:normal bold 0.85em/1em verdana, helvetica, arial, sans-serif; color:#702915; cursor:pointer;}
.buybutton {width:130px; background:#ddc778; border:1px outset #e7d8a1; margin:0 0 5px 5px; padding:2px 3px 3px; font:normal bold 0.7em/1em verdana, arial, helvetica, sans-serif; color:#702915; cursor:pointer;}
#block .dlholder {width:100%; float:right; margin:0; padding:0; border-bottom:1px solid #bea031;}
#block .dlholder .dlformholder {margin:0; text-align:left;}
#block .dlholder .dlformholder .text {font-size:0.7em; font-weight:bold; line-height:2.6em; padding-bottom:3px; vertical-align:middle;}
.dlbutton {background:#ddc778; border:1px outset #e7d8a1; margin:10px 5px 5px 0; padding:2px 8px 3px; font:normal bold 0.7em/1em verdana, arial, helvetica, sans-serif; color:#702915; cursor:pointer;}
/*--- table styles ---*/
table {background:#6D5C1C; border:none; margin:0 auto; text-align:center;}
table.full {width:100%;}
th {background:#e7d8a1; border:none; font:normal bold 0.9em/1.4em helvetica, arial, sans-serif; color:#6D5C1C;}
th.thleft {text-align:left;}
th.thright {text-align:right;}
td {background:#fff; border:none; font:normal normal 0.8em/1.4em verdana, arial, helvetica, sans-serif; color:#6D5C1C;}
td.tdleft {text-align:left;}
td.tdright {text-align:right;}
td strong {font-size:1em;}
/*--- search page navigation styles ---*/
#rightcol #block #searchnav {float:right; padding:0 5px; border-bottom:1px solid #967e26;}
#searchnav .left {float:left; width:250px; text-align:left;}
#searchnav .right {float:right; width:250px; text-align:right;}
/*--- chart page styles ---*/
#rightcol #block #chartnav {float:right; padding:0 5px; border-bottom:1px solid #967e26;}
#chartnav .left {float:left; width:250px; text-align:left;}
#chartnav .right {float:right; width:250px; text-align:right;}
#rightcol #block ul.catcenter {margin-bottom:20px; list-style:none; text-align:center;}
#rightcol #block ul.catcenter li.catlistcenter {list-style:none; margin-bottom:10px; text-align:center; font-size:0.8em; color:#702915;}
/*=== FOOTER STYLES ===*/
#footer {float:left; clear:both; width:750px; text-align:center; height:36px; background:#702915; border:1px solid #702915;}
.copyright {margin:0; padding:0; text-align:center; font-size:0.65em; line-height:1.4em; color:#E7D8A1;}
.copyright a, .copyright a:visited {font-size:1em; font-weight:bold; color:#E7D8A1; text-decoration:none;}
.copyright a:hover {color:#DDC778; text-decoration:underline;}
/*=== MISCELLANEOUS STYLES ===*/
/*--- postitioning and clearing styles ---*/
.searchcb {clear:both; line-height:0; height:0; font-size:0.1em; border-bottom:1px solid #967e26;}
.chartcb {clear:both; line-height:0; height:0; font-size:0.1em; border-bottom:1px solid #967e26; padding-bottom:20px;}
.dlcb {clear:both; line-height:0; height:0; font-size:0.1em; border-bottom:1px solid #967e26;}
.cb {clear:both; line-height:0; height:0; font-size:0.1em;}
.cr {clear:right; line-height:0; height:0; font-size:0.1em;}
.cl {clear:left; line-height:0; height:0; font-size:0.1em;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
/*--- site colours [greens] ---*/
.vdkgreen {color:#6D5C1C;}
.dkgreen {color:#967E26;}
.midgreen {color:#BEA031;}
.green {color:#D3B64F;}
.ltgreen {color:#DDC778;}
.vltgreen {color:#E7D8A1;}
/*--- site colours [oranges] ---*/
.vdkorange {color:#702915;}
.dkorange {color:#94381E;}
.midorange {color:#B84927;}
.orange {color:#D6603C;}
.ltorange {color:#DF8266;}
.vltorange {color:#E8A490;}
.paleorange {color:#F1C7BA;}
/*--- site colours [assorted] ---*/
.red {color:#c00;}
.ltred {color:#f00;}
.uline {border-bottom-width:1px; border-bottom-style:solid;}
.clearlist {clear:both; line-height:0; height:0; font-size:0.1em; margin:0; padding:0;}
/*--- Opera hack to prevent content being thrown below left navigation ---*/
@media all and (min-width: 0px) {.content .clearlist {clear:none;}}
/*
* html #header .srchinput {border:2px inset #ddc778; width:149px;}
* html #header .srchbutton {border:1px outset #F1C7BA; padding:2px 3px 2px; margin:0 0 1px;}
* html #leftcol ul li a, * html #leftcol ul li a:visited {width:100%; line-height:1.2em;}
* html #rightcol #block {float:left; padding:10px 20px 20px; width:100%;}
.launchtext {text-align:center; font-size:0.8em; font-weight:bold; padding:30px 10px; }
*/