.style1 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 10pt;
	color: white;
	font-weight: bold;

}


.style11 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 8pt;
	color: white;


}

.style2 {

	font-family: Trebuchet MS;
	font-size: 10pt;
	color: black;

}


.style3 {

	background-color: black;
	color: white;
	font-family: Trebuchet MS;
	font-size: 11pt;
	

}

.style4 {

	color: yellow;

}


.style5 {

	font-size: 8pt;
	font-weight: bold;
	font-family: Trebuchet MS;
	color: #FFFFFF;
	background-image:url('images/main-bg.png');

	
}


.style6 {

	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #FF0000;
	padding-top:2px; 
	padding-bottom:2px;
	padding-left:2px;

}



.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 0px 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 */
}