/* colours and fonts */

body
{
    background-color: rgb(0, 0, 0); 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: rgb(102, 102, 102);
}

h1, h2, h3, h4, h5, h6
{
    /* color: #ff99cc; */ /* use this non-xmas */
    color: #ff0000; /* use this for xmas */
}

h2, h4, h6 /* another xmas-only mod */
{
    color: #0e0;
}

div#LeftMenu a {
    display: block;
    padding: 5px 0;
}

img
{
border: 0;
}

.xmasgreen /* comment this out after xmas season */
{
    color: #00ff00;
}

td { 
    color: #CCCCCC; 
    line-height: 20px;
}

div#LeftMenu {
    text-align: right;
    font-size: 12px;
    font-style: italic;
}

div#content {
    text-align: center;
}

a:hover, a:link, a:visited, a:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a:link, a:visited, a:active{ text-decoration: none; }
a:hover{ text-decoration: underline; }



/* layout */
body {  
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

div#wholepage {
    width: 800px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
    overflow: visible;
    text-align: left;
}

.maintable {
    border: 0;
    padding: 0;
    margin: 0;
}
div#TBanner {
    border: 0;
    width: 800px; height: 150px;
    margin: 0;
    padding: 0;
    background-image: url(images/cm_banner_32_xmas.jpg);
}

div#LeftMenu {
    width: 92px; /* width is calculated inside of padding */
    height: 949px;

    margin: 0;
    padding-top: 16px;
    padding-right: 16px;

    background-image: url(images/v_row_32_xmas.jpg);
    background-repeat: no-repeat; /* only show the image once */

    vertical-align: top;
}

div#content {
    margin: 0;
    padding: 0;
    overflow: hidden; /* necessary? */
}

ul {
text-align: left;
}

/* Tabs */
/* heavily modified tab code courtesy of Joshua Kaufman 2007
 * http://unraveled.com/projects/assets/css_tabs/
 */

div.tabbox { /* the box containing the tabs and the content */
    width: 692px;
}

ul.tabrow { /* just the tabs at the top */
    list-style-type: none;
    border-bottom: 1px solid #c00;
    margin: 1em 0;
    padding: 3px 10px;
    text-align: left;
    width: 100%;
}

ul.tabrow li
{
    display: inline;
    font-weight: bold;
}

li.tab /* applies to all tabs */
{
    border: 1px solid #c00;
    border-bottom: none;
    color: #000;
    background-color: #c00;
    padding: 3px 4px;
}

li.tab:hover
{
    background-color: #d00;
}

li.tab-active, li.tab-active:hover /* applies to the active tab */
{
    background-color: #000;
    color: #0e0;
    padding-top: 4px;
    padding-bottom: 3px;
}

div.tabinside {
    padding: 8px;
}

/* Sections within a page */

div.sectionbox
{
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    margin: 10px 10px 10px 10px;
    padding: 20px 20px 20px 20px;
}

div.sectionbox h4
{
    color: #c00000;
}

div.sectionbox:hover h4
{
    color: #ff0000;
}

div.sectionbox:hover
{
    border-left: 1px solid #404040;
    border-top: 1px solid #404040;
}