body, html { height: 100%; }
body { color: #b4b4b4; font-size: 0.75em; font-family: verdana; background-color: #000000; margin: 0; }
h1 { font-size: 1em; margin-top: 0px; margin-bottom: 5px; }
h1, h1 a, h1 a:visited { color: white; }
.line { clear: both; margin-top: 15px; padding-top: 5px; border-top: 1px solid #000000; }
h2 { font-size: 0.8em; margin-top: 0; margin-bottom: 10px; }
h3 { color: #fff; font-size: 1em ; margin-top: 15px; margin-bottom: 0; }
h4 { font-size: 0.75em; margin-top: 15px; margin-bottom:0 }
p { margin-top: 0; margin-bottom: 10px; }
h5 { margin-top: 0; margin-bottom: 5px; }
h5 a { color: #c8c8c8; }
h4+h3 { margin-top: 0; }
h1+h5 { margin-top: -5px; }
h2 + h1 { margin-top: -5px; }
.small { font-size: 0.8em; }
p.small + p.small { margin-top: -5px; }
p.nospace { margin-bottom: 0; }
td { }
a:link { color: #b4b4b4; }
a:visited { color: #c8c8c8; }
a:hover, a.black:hover, a.white:hover, .black a:hover { color: #ff8c00; }
a:active { color: #c8c8c8; }
img {border: 0;}
img.floatleft { float: left; margin-right: 10px; margin-bottom: 10px; }
a img.link { border: solid 1px #000000; }
a img.link:hover { border: solid 1px #ff8c00; }
#viewport { width: 100%; height: 100%; display: table; }
#container { vertical-align: middle; height: 100%; display: table-cell; }
#page { background-color: #333; width: 800px; margin: 50px auto; }
#header { background-image: url(../i/header.gif); position: relative; height: 40px; }
#logo { position: absolute; left: 40px; bottom: 5px; height: 15px; }
#topnav { position: absolute; top: 22px; right: 20px; }
#strip { font-size: 0; height: 5px; background-color: #000000 }
#footer { background-image: url(../i/footer.gif); background-repeat: no-repeat; height: 40px; clear: both}
#main { height: 415px; }
/*menu settings
*/
#menu p { font-size: 12px; margin-top: 0; margin-bottom: 2px; }
#menu a { text-decoration: none; }
a.menuactive { color: #fff; font-weight: bold; }
.submenu { margin-bottom: 10px; margin-left: 10px; }
div.leftcol { width: 200px; float: left; }
div.divider { width: 2px; float: left; background-color: #000000; height: 100%; }
div.rightcol { border-left: 2px solid #000000; height: 100%; margin-left: 200px; }
div.section { font-size: 12px; height: 15px; background-color: #000000; float: left;}
div.section span { padding-right: 20px; padding-left: 5px}
div.navcorner { float: left; margin: 0; padding: 0; }
div.navcheat {visibility: hidden}
div.prop { content: "."; visibility: hidden; float: left; }
#rightcontent, #leftcontent { margin-top: 20px; }
#rightcontent { width: auto; height: 380px; overflow: auto; padding-right: 20px; padding-left: 20px; }
#leftcontent {padding-left: 10px; padding-right: 10px}
.news { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #000000; }

.news:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.news {
    display: inline-block;
}

html[xmlns] .news {
    display: block;
}

* html .news {
    height: 1%;
}


.newsright { margin-top: 0; margin-left: 150px; padding: 0; }
.newsleft { float: left; }
.black, a.black, a.black:visited, p.black a, p.black a:visited { color: #000000 }
.clearboth {clear: both}
.white, a.white, a.white:visited, .white a, .white a:visited {color: #ffffff}
.white a:hover {color: #ff8c00}
/*TABLE SETTINGS
*/
table { font-size: 0.8em; border-collapse: collapse; }
td { vertical-align: top; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; }
table.credits { width:auto; }
table.credits td { border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; }
table.watch { margin: 0; }
table.watch td { font-size: 0.8em; margin-bottom: 0; }
table.web td { text-align: center; vertical-align: middle; padding: 15px 10px; }
table.web { width: 100%; }
table.whitetable { background-color: #fff; width: 550px; height: 360px; border: solid 2px #000000; }
table.whitetable td { text-align: center; vertical-align: middle; padding: 10px; }