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

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

.mattblacktabs {
	width: 1000px;
	overflow: hidden;
	border-bottom: 1px #333333; /*bottom horizontal line that runs beneath tabs*/
	float: left;
	height: auto;
	background-color: #548282;
	display: block;
}

.mattblacktabs ul {
	margin: 0;
	padding: 0;
	padding-left: 30px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
	height: auto;
}

.mattblacktabs li {
	display: inline;
	margin: 0;
	width: auto;
	height:auto;
}

.mattblacktabs li a {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 4px; /*padding inside each tab*/
color: white;
background: #414141; /*background of tabs (default state)*/
width: auto;
height:auto;
}

.mattblacktabs li a:visited {
color: white;
height:auto;
width:auto;
}

.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 */
	background-color: #339999;
	height:auto;
	width:auto;
}

#nav {
	height: auto;
	list-style: none;
	float: left;
	display: block;
	background-color: #548282;
	padding-top: 6px;
	padding-left: 4px;
	width: 980px;
}

#nav li {
	float: left;
	padding-left: 4px;
	display: block;
	width:auto;
	overflow: hidden;
	height:28px;
}
	
#nav a:link, #nav a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 108%;
	line-height: 30px;
	height: 28px;
	display: block;
	border-left: 1px;
	padding: 0 6px 0 6px;
	color: #CCCCCC;
	text-decoration: none;
	float: left;
	width:auto;
}

#nav a:hover, #nav a:active {
	background-color: #EEF071;
	color: #333333;
	text-decoration: none;
	float: left;
	height:28px;
	width:auto;
}