img{ border-color:#666666; }
object{ border-color:#666666; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #801A1A; }
a:link.nav { text-decoration: none; }
a:active.nav { text-decoration: none; }
a:visited.nav { text-decoration: none; }
a:hover.nav { text-decoration: none; color: #FFFFFF; }
a:link.base { text-decoration: none; }
a:active.base { text-decoration: none; }
a:visited.base { text-decoration: none; }
a:hover.base { text-decoration: underline; color: #801A1A; }

.navigation{
width: 100%;
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.navigation ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 11px Arial;
list-style-type: none;
}

.navigation li{
display: inline;
margin: 0;
}

.navigation li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 7px; /*padding inside each tab*/
border-right: 1px solid #FFFFFF; /*right divider between tabs*/
color: white;
background: #B32424; /*background of tabs (default state)*/
}

.navigation li a:visited{
color: white;
}

.navigation li a:hover, .navigation li.selected a{
background: #801A1A; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}