/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
	margin: 0;
	padding: 0;
	font: bold 11px Verdana;
	list-style-type: none;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	background: #333;
	overflow: hidden;
	width: 100%;
}

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

.mattblackmenu li a{
float: left;
display: table-cell;
vertical-align: middle;
text-decoration: none;
margin: 0;
padding: 5px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #333;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenubottom ul{
	margin: 0;
	padding: 0;
	font: bold 11px Verdana;
	list-style-type: none;
	border-bottom: 1px solid gray;
	background: #333;
	overflow: hidden;
	width: 100%;
}

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

.mattblackmenubottom li a{
float: right;
display: table-cell;
vertical-align: middle;
text-decoration: none;
margin: 0;
padding: 6px 7px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #333;
}

.mattblackmenubottom li a:visited{
color: white;
}

.mattblackmenubottom li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenubottom a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenuend ul{
	margin: 0;
	padding: 0;
	font: bold 11px Verdana;
	list-style-type: none;
	border-bottom: 1px solid gray;
	background: #333;
	overflow: hidden;
	width: 100%;
}

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

.mattblackmenuend li a{
float: left;
display: table-cell;
vertical-align: middle;
text-decoration: none;
margin: 0;
padding: 6px 7px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #333;
}

.mattblackmenuend li a:visited{
color: white;
}

.mattblackmenuend li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenuend a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}.layout #wrapper #content #content-leftindex {
	text-align: left;
}
.layout #wrapper #content #content-leftindex h1 {
	color: #033;
}
.layout #wrapper #content #content-right h2 {
	color: #033;
}
#navigation {
	text-align: left;
}