/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 4px; /*offset of tabs relative to browser left edge*/
font: bold 13px verdana;

list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: ;
}

.mattblacktabs li a{
	float: centre;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 4px 25px; /*padding inside each tab*/
	border-bottom:1px solid #000000; /*bottom spacing between menu items*/	
	color:#000000;
	
	border-left:1px solid #ffff00; /*right divider between tabs*/	
	color: #fffccoo;
	background: #ffff00; /*background of tabs (default state)*/
}
.mattblacktabs li a:visited{
	color: #000000;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
    color: #ffff00;
	background: #1a1a1a; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}