/* Embed fonts if they aren't available...and break CSS2.1 validation: T_T */
@font-face { font-family: "Bank Gothic Light BT";
	  src: url(img/bank-gothic-light-bt.eot); /* IE */
	  src: local("Bank Gothic Light BT"), url(img/bank-gothic-light-bt.ttf) format("truetype"); /* non-IE */ }
@font-face { font-family: "Bank Gothic Medium BT";
	  src: url(img/bank-gothic-medium-bt.eot); /* IE */
	  src: local("Bank Gothic Medium 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: "Bank Gothic Medium BT",Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; text-align: left; vertical-align: top; }

/* Set body background */
html{
 height:100%;
 min-height:100%;
}
body{
 min-height:100%;
}
body { background-image: url("img/bodybg.jpg"); background-size: 1920px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
@media (min-resolution: 2.0dppx) { body { background-size: 1920px; } }

/* Configure hyperlinks */
a:link       { text-decoration: none; color: #FFF; }
a:visited    { text-decoration: none; color: #FFF; }
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: "Bank Gothic Light BT",Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif; }

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

/* 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:0.5em; vertical-align: middle; white-space: nowrap; }
.searchL { width: 45%; text-align: right; font-size: 0.5em; vertical-align: top; }
.searchC { white-space: nowrap; text-align: center; vertical-align: top; }
.searchR { width: 45%; text-align: left; font-size: 0.5em; vertical-align: top; }

/* Actual stuff inside these: */
div.outerlimits { display:table; width: auto; margin: auto; }
.innerlimits { min-width: 1250px; margin: 5px; }
.level1 { background-image: url("img/dark1.png"), url("img/box1a.png"), url("img/dark1.png"); background-position: top 1.563em left, top left, top left 1.563em; background-repeat: no-repeat; background-size: 100%, 1.563em, 100% 1.563em; padding: 0 0.313em 0 1.250em; margin: 0 1px 0 1px; }
.level2 { background-image: url("img/dark0.png"), url("img/box0b.png"), url("img/dark0.png"); background-position: bottom 1.563em right, bottom right, bottom right 1.563em; background-repeat: no-repeat; background-size: 100% 100%, 1.563em, 100% 1.563em; padding: 0 0.313em 0 0.313em; margin: 0 1px 2px 1px; }
.L2spec { background-image: url("img/dark0.png"), url("img/box0b.png"), url("img/dark0.png"); background-position: bottom 1.563em right, bottom right, bottom right 1.563em; background-repeat: no-repeat; background-size: 100% 100%, 1.563em, 100% 1.563em; padding: 0 0.313em 0 0.313em; margin: 0 1px 2px 1px; }