/* CSS Document */

body{

background: #eee; 

}



body td{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;



}



/*for top navigation*/



.mattblacktabs{

width: 100%;

overflow: hidden;

border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/

}



.mattblacktabs ul{

margin: 0;

padding: 0;

padding-left: 0px; /*offset of tabs relative to browser left edge*/

font: bold 12px Verdana;

list-style-type: none;

}



.mattblacktabs li{

display: inline;

margin: 0;

}



.mattblacktabs li a{

float: left;

display: block;

text-decoration: none;

margin: 0;

padding: 7px 8px; /*padding inside each tab*/

border-right: 1px solid white; /*right divider between tabs*/

color: white;

background: #414141; /*background of tabs (default state)*/

}



.mattblacktabs li a:visited{

color: white;

}



.mattblacktabs li a:hover, .mattblacktabs li.selected a{

background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}



ul.mattblacktabs li.active a

{

background: #fff;

color: #000;

}