body {
    background-color: black;
    margin: 0 0 0 0;
}

.right {
    text-align: right;
}
.center {
    text-align: center;
}

div#documentContainer {
    width: 783px;
    height: 100%;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 0px none black;
    margin: 0 auto;
}

/* Begin header */

div#headerContainer h1 {
    display: none;
}

div#headerContainer{
    position: relative;
    background: url("../gfx/site_design/header_bg.gif") repeat-x;
    left: 0px;
    top: 0px;
    height: 73px; 
    width: 100%
}

div#headerLeft{
    float: left;
    background: url("../gfx/site_design/chan_productions.jpg") no-repeat;
    width: 278px;
    height: 42px;
    margin-top: 10px;
}

div#headerRight{
    float: right;
    background: url("../gfx/site_design/end_game.jpg") no-repeat;
    width: 154px;
    height: 42px;
    margin-top: 10px;
}

div#headerMenu{
    position: relative;
    clear: right;
    float: right;
    font: 10pt arial, sans-serif;
    padding-top: 2px;
    padding-right: 3px;
}

a.menuLink {
    color: black;
    text-decoration: underline;
}
a.menuLink:hover{
    color: #7c7c7c;
}

/* Begin content */

div#contentContainer {
    position: relative;
    top: 0px;
    left: 0px;
    background: black url("../gfx/site_design/background.jpg") no-repeat;
    width: 100%;
    float: left;
    clear: both;
}

/* left nav bar */

div#navbarPane {
    float: left;
    width: 138px;
    margin-bottom: 20px;
    height: 600px;
}
div.navbar {
    clear: both;
    padding-top: 7px;
}
div.navbar h2{
    font: bold 14pt arial, sans-serif;
    background: black url("../gfx/site_design/nav_bar_header.gif") repeat-x;
    padding-left: 5px;
    margin: 0;
    border-bottom: 1px solid #7c7c7c;
    height: 29px;
}
div.navbar ul{
    background-color: #cacaca;
    list-style: none;
    border-top: 1px solid #7c7c7c;
    margin: 0;
    padding: 0;
    border: none;
}
div.navbar li {
    border-bottom: 1px solid #7c7c7c;
    margin: 0;
    padding-left: 5px;
    background: url("../gfx/site_design/nav_led_off.gif") repeat-y center right;
    display: block;
}

div.navbar li:hover {
    background: url("../gfx/site_design/nav_led_on.gif") repeat-y center right;
    text-decoration: underline;
}

div.navbar a {
    color: black;
    text-decoration: none;
    font: bold 10pt arial, sans-serif;
}

div.navFooter {
    background: url("../gfx/site_design/nav_bar_footer.gif") no-repeat;
    height: 34px;
}


/* Right content */

div#contentPane{
    position: relative;
    float: left;
    width: 600px;
    left: 10px;
}

div.contentBody {
    border-top: 1px solid #7c7c7c;
    position: relative;
    clear: left;
    padding: 0px 5px 5px 5px;
    background-color: white;
    background: url("../gfx/site_design/trans_background.png");
    width: 100%;
}

div.contentHeader {
    height: 29px;
    width: 600px;
}
div.contentHeader h2 {
    margin: 0;
    font: bold 14pt arial, sans-serif;
    padding-top: 4px;
}

div.contentHeaderLeft {
    float: left;
    background: white url("../gfx/site_design/body_arrow.gif") no-repeat center left;
    width: 21px;
    height: 29px;
}
div.contentHeaderCenter {
    float: left;
    background-color: white;
    height: 29px;
    width: 225px;
}
div.contentHeaderRight {
    float: left;
    background: url("../gfx/site_design/body_header_close.gif") no-repeat top left;
    height: 29px;
    width: 29px;
}

div.contentBlock {
    position: relative;
    height: 100%;
    width: 100%; 
    margin-top: 7px;
    margin-bottom: 20px;
    text-align: justify;
}

span.contentHeaderStart {
    background: white url("../gfx/site_design/body_arrow.gif") no-repeat bottom left;
    padding-bottom: 1px;
    padding-left: 23px; 
    padding-right: 25px;
    height: 25px;
}

span.contentHeaderEnd {
    background: url("../gfx/site_design/body_header_close.gif") no-repeat center left;
    padding-bottom: 1px;
    padding-left: 50px;
    height: 25px;
}

/* Begin footer */

div#footerPane {
    position: relative;
    clear: both;
    background: white url("../gfx/site_design/footer_bg.gif") repeat-x top left;
    /*
    border-left: 1px white solid;
    border-right: 1px white solid;
    */
    width: 100%;
    height: 47px;
    font: 10pt arial, sans-serif;
}

div#copyrightFooter {
    position: relative;
    float: left;
}
div#leftFooter {
    background: url("../gfx/site_design/green_box_left1.jpg") no-repeat center right;
    float: left;
    margin-top: 6px;
    padding-top: 9px;
    width: 19px;
    height: 32px;
}
div#centerFooter {
    background: url("../gfx/site_design/green_box_bg1.jpg") repeat-x center left;
    margin-top: 6px;
    padding-top: 9px;
    width: 300px;
    height: 32px;
    float: left;
    font-size: 12pt;
    color: black;
}

div#rightFooter {
    background: url("../gfx/site_design/green_box_right1.jpg") no-repeat center left;
    margin-top: 6px;
    padding-top: 9px;
    float: left;
    width: 19px;
    height: 32px;
}

div#footerLinks {
    float: right;
    margin-top: 15px;
    margin-right: 3px;
}