/*
1col: 158px + 2px borders
2col: 326px + 2px borders
3col: 494px + 2px borders
8px space between columns
*/

html {
    overflow: -moz-scrollbars-vertical;
}

body {
    background: black;
    color: white;
    font: 8pt Verdana, Tahoma, Arial, sans-serif;
    padding: 0;
    margin: 0;
    margin-top: 8px;
}

div#centerer {
    text-align: left;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

#header {
    width: 1000px;
    height: 128px;
    margin-bottom: 8px;
}

a#headerbanner {
    display: block;
    width: 496px;
    height: 128px;
    float: right;
}

a#headerbanner img {
    width: 496px;
    height: 128px;
    border: none;
}

a#headerlogo {
    display: block;
    float: left;
    width: 259px;
    height: 128px;
    margin-bottom: 8px;
}

a#headerlogo img {
    width: 259px;
    height: 128px;
    border: none;
}

table#headerpanel {
    position: absolute;
    top: 0;
    left: 334px;
    width: 158px;
    height: 126px;
    overflow: hidden;
    padding: 0;
    border: 1px black solid;
}

table#headerpanel td {
    width: 158px;
    height: 126px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

div#menubuttons {
    line-height:0;
    margin-bottom: 2px;
}

div#menubuttons img {
    border: 0;
    width: 162px;
    height: 20px;
    margin-right: 1px;
    margin-bottom: 4px;
}

.rightmargin { margin-right:8px }

div.panel {
    width: 158px;
    border: 1px white solid;
    margin-bottom: 8px;
}

div.paneldoublewide {
    width:326px;
    border: 1px white solid;
    margin-bottom:8px;
}

div.paneltriplewide {
    width: 494px;
    border: 1px white solid;
    margin-bottom: 8px;
}

div.panelheader {
    border-bottom: 1px white solid;
    background:#00B1E6;
    height:20px;
}

div.panelheader img { height: 20px; display: block}
div.panel div.panelheader img { width: 158px; }
div.paneldoublewide div.panelheader img { width: 326px; }
div.paneltriplewide div.panelheader img { width: 494px; }

div.panelbody {
    padding: 6px;
    font: 8pt Verdana, Tahoma, Arial, sans-serif;
    text-align: center;
}

div.panelbody table td {
    font: 8pt Verdana, Tahoma, Arial, sans-serif;
    text-align: left;
}

/* "contentpanel" is a triple-wide panel with the brown title bar */

div.contentpanelheader {
    border-bottom: 1px white solid;
    background: #E1BD7B;
    text-align:center;
}

div.contentpanelheader img {
    display: block;
}

div.contentpanelbody {
    padding: 6px;
    font: 8pt Verdana, Tahoma, Arial, sans-serif;
    text-align: justify;
}

div h1 {
    font: 11pt Arial, Tahoma, Arial, sans-serif;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0.5em;
    padding-bottom: 0;
}

a { color: #00B5E7 }

h1 { font-size: 14pt }
h2 { font-size: 10pt }
h3 { font-size: 10pt }

.importantfield {
    display: none;
}

.featureditemtitle {
    width: 326px;
}

.featureditembody {
    padding: 0px;
    position: relative;
    width: 326px;
    height: 189px;
}

.featureditemimage {
    width: 326px;
    height:189px;
    border:none;
}

.featureditemdescription {
    width: 318px;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    _bottom: -1px; /* work around IE6 bug */
    background-image: url("/img/alpha80black-trans.png");
    padding: 4px;
}