/* Copyright (c) 2008 Russ Sinclair, Spokane Kendo Club.  All rights reserved */

/* This is the main styling that will apply to the entire body of each page */
html {
    margin          : 0;
    padding         : 0;
    height          : 99%;
    border          : 0;
}

body {
    /* These first four values will cause the layout tables to fit properly without
       scrolling off the edge of the browser */
    margin          : 0;
    padding         : 4px;
    height          : 99%;
    border          : 0;

    background-color: #000000;  /* Black */
    color           : #FFFFFF;  /* White for normal text */
    font-family     : arial,helvetica,sans-serif;
    font-size       : 12px;
}


/* This is the style for a generic link.  Specialized links are defined later */
a {
    color           : #059905;
    text-decoration : none;
}

a:hover {
    color           : #99CC99;
}


/* This styling affects both layout tables for the header and the body */
#header_table, #body_table {
    width   : 100%;
    border  : 1px solid #D90000;
    margin  : 0;
    padding : 0;
}


/* These are the header table stylings */
#header_table {
    border-bottom   : 0;
}

#header_table td {
    border      : 1px solid #D90000;
    margin      : 0;
    padding     : 10px 0 7px;
    width       : 33.333%;
    text-align  : center;
}

#header_table #header_slideshow {
    border-right: 0;
}

#header_table #header_slideshow #sample_image_box {
    width   : 180px;
}

#header_table #header_banner {
    border-left : 0;
    border-right: 0;
}

#header_table #header_controls {
    border-left : 0;
}


/* These are the body table stylings */
#body_table {
    border-top  : 0;
    height      : 100%;
}

#body_table tr {
    vertical-align  : top;  /* All cells should have their contents aligned at the top */
}

#body_table td{
    border  : 1px solid #D90000;
    margin  : 0;
    padding : 0;
}


/* This styling applies to the main navigation buttons */
#body_table .navigation_panel {
    text-align  : center;
    width       : 5em;      /* This is too small, but it will ensure that the cell fits the buttons snugly */
    padding     : 3px;
}

#body_table .navigation_panel a {
    margin              : 0 0 4px;
    padding             : 3px 3px 0;
    width               : 14em;
    background          : url('images/button_top.gif') repeat-x top;
    border              : 1px solid #BAB7AD;
    border-left-width   : 2px;
    border-right-width  : 2px;
    color               : #AF0505;
    text-align          : center;
    font-family         : arial,helvetica,sans-serif;
    font-size           : 12px;
    text-decoration     : none;
    cursor              : pointer;
    display             : block;
}

#body_table .navigation_panel a em {
    margin              : 0 0 3px;
    background          : url('images/button_bottom.gif') repeat-x bottom;
    font-style          : normal;
    width               : 14em;
    cursor              : pointer;
    display             : block;
}

#body_table .navigation_panel a:hover {
    color               : #059905;
}


/* This styling is for the central "content" part of the page */
#body_table #main_body_cell {
    /* This is merely the layout cell that will contain the actual content frame */
    height      : 100%;
    margin      : 0;
    padding     : 3px;
}

#body_table #main_body_cell #main_body {
    width       : 100%;
    height      : 100%;
    overflow-y  : auto;
    border      : 0;
}



/* This is just some gross (but necessary) code to fix IE's
   inability to correctly render buttons inside a table cell */
input.button {
    padding : 0 0.25em;
    width   : 12em; /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] { /* IE < 7 ignores [class] */
    width   : auto; /* cancel margin fix for other browsers */

td input.button[class] {
    width   : 100%;
}