<style type="text/css">

#bottommenu { 
	width: 786px;
	height: 34px;
	text-align: left;
}
.bottommenu{
width: 100%;
overflow: hidden;
clear:both;
}

.bottommenu ul{
margin: 0;
padding: 0;
padding-left: 17px; /*offset of tabs relative to browser left edge*/
font: normal 10px Verdana;
list-style-type: none;
}

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

.bottommenu li a{
width: 104px;
height: 14px;
float: left;
display: block;
text-decoration: none;
margin: 0px 0px 0px 4px;
padding: 7px 9px; /*padding inside each tab*/
border-right: 8px /*right divider between tabs*/
color: #888888;
background: #FFFFFF; /*background of tabs (default state)*/
}

.bottommenu li a:visited{
color: #888888;
}

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

.bottommenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 786px; /* Width of Menu Items */
	}
	
</style>
