/* Embed fonts if they aren't available...and break CSS2.1 validation: T_T */
@font-face { font-family: "BankGothic Lt BT";
	  src: url(img/bank-gothic-light-bt.eot); /* IE */
	  src: local("BankGothic Lt BT"), url(img/bank-gothic-light-bt.ttf) format("truetype"); /* non-IE */ }
@font-face { font-family: "BankGothic Md BT";
	  src: url(img/bank-gothic-medium-bt.eot); /* IE */
	  src: local("BankGothic Md BT"), url(img/bank-gothic-medium-bt.ttf) format("truetype"); /* non-IE */ }

/* Reset everything */
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, input, blockquote, pre, form, select, fieldset, label, table, tbody, th, tr, td, a { margin: 0; padding: 0; border: 0; border-spacing: 0; color: #fff; font-family: "BankGothic Md BT",Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; }

/* Set body background */
body { background: #000 url("img/bodybg.jpg") top center no-repeat fixed; }
@media only screen and (min-resolution: 1.5dppx) { body { background: #000 url("img/bodybg.jpg") top center no-repeat fixed; background-size: 1200px; } }

/* Configure hyperlinks */
a:link       { text-decoration: none; color: #CBBB85; }
a:visited    { text-decoration: none; color: #CBBB85; }
a:hover      { text-decoration: none; color: #F00; }
a:active     { text-decoration: none; color: #F00; font-style: italic; }

/* Heading font override */
h1, h2, h3, h4, h5, h6 { font-family: "BankGothic Lt BT",Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; }

/* Forms */
form { margin: 0px; }
input, select { margin: 2px 5px 2px 0; font-size: 12pt; border: 1px solid #CBBB85; background: transparent; color: #CBBB85; vertical-align: middle; }
.text { width: 500px; height: 19px; }
.reset { margin: 10px 0 5px 1px; border-color: #F00; color: #F00; }
select { width: 146px; }

/* Table Cells */
table { width: 100%; }
td.half { width: 50%; }
.third { width: 33%; }
.auto { width: auto; }
.normsearch { width: 1%; white-space: nowrap; }
.advsearch { text-align: left; font-size:11px; vertical-align: middle; }
.searchL { width: 45%; text-align: right; font-size: 11px; vertical-align: top; }
.searchC { white-space: nowrap; text-align: center; vertical-align: top; }
.searchR { width: 45%; text-align: left; font-size: 11px; vertical-align: top; }

/* Actual stuff inside these: */
div.outerlimits { min-width: 840px; max-width: 80%; margin: 5px auto; }
.innerlimits { max-width: 980px; max-height: 1980px; margin: 0px auto; }
.level1 { background-image: url("img/dark1.png"), url("img/box1a.png"), url("img/dark1.png"); background-position: top 25px left, top left, top left 25px; background-repeat: no-repeat; background-size: 100%, 25px, 100% 25px; padding: 0 0 0 20px; margin: 0 1px 0 1px; }
.level2 { background-image: url("img/dark0.png"), url("img/box0b.png"), url("img/dark0.png"); background-position: bottom 25px right, bottom right, bottom right 25px; background-repeat: no-repeat; background-size: 100%, 25px, 100% 25px; padding: 0px 0 0 5px; margin: 0 1px 2px 1px; }
.L2spec { background-image: url("img/dark0.png"), url("img/box0b.png"), url("img/dark0.png"); background-position: bottom 25px right, bottom right, bottom right 25px; background-repeat: no-repeat; background-size: 100%, 25px, 100% 25px; padding: 2px 0 0 5px; margin: 0 1px 2px 1px; }