@charset "utf-8";
/* CSS Document */

html, body {
	font: 14px "Arial";
	background: #999999;
	text-align: center;
	background-image:url(../images/Pattern.jpg);
	background-repeat:repeat -x -y;
	background-position:left;

}
* {
	margin: 0;
	padding: 0;
	border: none;
}
#wrap {
	width: 870px;
	margin: 0 auto;
	background: #FFFFFF;
	overflow: hidden;
}
				
			#mattblacktabs{
			width: 870px;
			height:50px;
			overflow: hidden;
			border-bottom: 3px solid black; /*bottom horizontal line that runs beneath tabs*/
			background-color: #000000;
			background-image:url(../images/banner.png);
			background-repeat:no-repeat;
			background-position:left;
			}
			
			
			
			#mattblacktabs ul{
			margin: 0;
			padding: 0;
			padding-left: 10px; /*offset of tabs relative to browser left edge*/
			font: bold 11px Verdana;
			list-style-type: none;
			}
			
			
			
			#mattblacktabs li{
			display: inline;
			margin: 0;
			}
			
			#mattblacktabs li a{
			float: right;
			height:12px;
			display: block;
			text-decoration: none;
			margin: 0;
			margin-top:28px;
			padding: 5px 6px; /*padding inside each tab*/
			border-right: 1px solid #000000; /*right divider between tabs*/
			color: white;
			background: #414141; /*background of tabs (default state)*/
			}
			
			
			#mattblacktabs li a:hover, #mattblacktabs li a:active {
			background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
			}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FOOTER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
		

#footer {
background: #000000;
color:#FFFFFF;
text-align: center;
border-top: 2px solid #000000;

width: 100%;
padding: 4px 0;
clear: both;

}