/* colours and fonts */

body
{
    background-color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ccc;
}

/* Headers and links in teal, links hover neon */
h1, h2, h3, h4, h5, h6, a:hover, a:link, a:visited, a:active {color: #10a78f}
a:hover{color: #98fffa}

/* links always bold, hover underline */
a:hover, a:link, a:visited, a:active { font-weight: bold; text-decoration: none; }
a:hover{text-decoration: underline}

/* Just in case */
img { border: 0; }

div#content {
    overflow: hidden; /* necessary? */
    width: 783px;
}
div#content {text-align: center; margin: 8px}



/* grand page centering */
body { margin: 0; padding: 0; text-align: center; }
div#wholepage { width: 907px; margin: 0 auto; padding: 0; }

/* aesthetic */
div#wholepage { text-align: left; }

.maintable { border: 0; padding: 0; margin: 0; }

div#TBanner, div#TBanner img { border: 0; margin: 0; padding: 0; width: 907px; } /* height: 170px; } */

ul#LeftMenu {
    width: 92px; /* width is calculated inside of padding, so 108 minus padding */
    height: 949px;

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

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

    vertical-align: top;
}

ul.navmenu {
font-size: 12px; font-style: italic; list-style: none;
margin: 0; padding: 0 16px; }

ul.navmenu li { margin: 0; padding: 4px 0; }


/* TODO: Flagged for deletion: anything about tabs */
/* 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: 100%;
}

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

ul.tabrow li { display: inline; }

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

li.tab a, li.tab a:hover
{color: #000; text-decoration: none}

li.tab:hover { background-color: #23e4c5; border-color: #23e4c5; }

li.tab-active, li.tab-active:hover /* applies to the active tab */
{
    border-color: #10a78f;
    border-bottom: none;
    background-color: #000;
    color: #10a78f;
    padding: 3px 4px;
}

/* Is this sectionbox stuff used for anything? */

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

div.sectionbox h4
{
    color: #c00;
}

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

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