body
{
    background-color:#eeeeee
}
#mainPage
{
    width: 800px;
    margin: 0 auto;
    background-color:White;
}

#mainContent 
{
    margin-bottom: 20px;
    overflow:auto;
}

#mainFooter
{
     text-align: center; 
     padding-top: 10px; 
     padding-bottom: 10px;
}

#mainMenu
{ 
    background-image:url(Images/tm_tab_filler.gif);
    height:22px; 
    border-left:solid 1px #bababa; 
    border-right: solid 1px #bababa
}

#mainMenu .menuItem
{
  /* CSS class for non-selected Menu Item */
    background-image:url(Images/tm_off.gif);
    font-family: Arial;
    font-weight: bold;
    font-size:8pt;
    text-align: center;
    color: #444444;
    width: 97px;
    height: 18px;
}

#mainMenu .menuItemHover
{
    background-image:url(Images/tm_on.gif);
}

#mainMenu .menuItemSelected
{
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
    background-image:url(Images/tm_current.gif);
}

/* CSS classes for standard Links, only valid inside the #menu DIV */
#mainMenu a, #mainMenu a:visited
{
    background: transparent ! important;
    display: block;
    text-decoration: none;
    padding: 4px 0px 0px 0px;
}

#mainMenu a:hover, #mainMenu a:active, #mainMenu a:focus
{
    background: transparent ! important;
    display: block;
    text-decoration: none;
} 

#mainMenu table tbody tr td table
{
}