/* ######### Matt Tabs Main Menu Bar CSS ######### */

.matttabs ul{
	margin: 0;
	padding: 0;
	font-size:15px;
	font-weight:bold;
	/*font-family: "Verdana";*/
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	vertical-align:middle;
	background-color: #E8FFD0;/*height:30px;*/
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: gray;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
}

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

.matttabs li a{
float: left;
display: block;
text-decoration: none;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: blue;
background: #E8FFD0;
}

.matttabs li a:visited{
color: #F0F;
}
/** 1 **/
.matttabs ul {
	margin: 0;
	padding: 0;
	font-size:15px;
	font-weight:bold;
	/*font-family: "Verdana";*/
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	vertical-align:middle;
	background-color: #E8FFD0;/*height:30px;*/
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: gray;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
}

.matttabs li mat1{
display: inline;
margin: 0;
}

.matttabs li a.mat1{
	float: left;
	display: block;
	text-decoration: none;
	font: bold 15px;
	/*font-family: "Verdana";*/
	margin: 0;
	padding: 5px 5px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color:#5050E2;
	background-color: #F0FFE1;
}
/*
.matttabs li  a:visited{
color: #F0F;
}*/
/* 2 */
.matttabs li mat2{
display: inline;
margin: 0;
}

.matttabs li a.mat2{
float: left;
display: block;
text-decoration: none;
font: bold 15px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#990000;
background: #E8FFD0;
}
/*
.matttabs li  a:mat2.visited{
color: #F0F;
}*/
/* 3 */
.matttabs li mat3{
display: inline;
margin: 0;
}

.matttabs li a.mat3{
float: left;
display: block;
text-decoration: none;
font: bold 15px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#FF3300;
background: #F0FFE1;
}
/*
.matttabs li  a:mat2.visited{
color: #F0F;
}*/
/* 4 */
.matttabs li mat4{
display: inline;
margin: 0;
}

.matttabs li a.mat4{
float: left;
display: block;
text-decoration: none;
font: bold 15px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#990099;
background: #E8FFD0;
}
/* 5 */
.matttabs li mat5{
display: inline;
margin: 0;
}

.matttabs li a.mat5{
float: left;
display: block;
text-decoration: none;
font: bold 15px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#006600;
background: #F0FFE1;
}
/* 6 */
.matttabs li mat6{
display: inline;
margin: 0;
}

.matttabs li a.mat6{
float: left;
display: block;
text-decoration: none;
font: bold 15px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#79003D;
background: #E8FFD0;
}
/************/
.matttabs li a.mat0:visited{
color: #999999;
}
.matttabs li a.mat0:hover{
/*background: #510000;*/ /*background of tabs for hover state */
color: #999999;
}
.matttabs a.mat0:selected {
/*background: #510000;*/ /*background of tab with "selected" class assigned to its LI */
color: #999999;
}
/*******************button ********/
/*          21                    */

.matttabsm ul{
	margin: 0;
	padding: 0;
	font-size:13px;
	font-weight:bold;
	/*font-family: "Verdana";*/
	list-style-type: none;
	overflow: hidden;
	width: 410px;
	vertical-align:middle;
	background-color: #E8FFD0;/*height:30px;*/
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: gray;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
}

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

.matttabsm li a{
float: left;
display: block;
text-decoration: none;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: blue;
background: #E8FFD0;
}

.matttabsm li a:visited{
color: #F0F;
}
/** 1 **/
.matttabsm ul {
	margin: 0;
	padding: 0;
	font-size:13px;
	font-weight:bold;
	/*font-family: "Verdana";*/
	list-style-type: none;
	overflow: hidden;
	width: 410px;
	vertical-align:middle;
	background-color: #E8FFD0;/*height:30px;*/
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: gray;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
}

.matttabsm li mat21{
display: inline;
margin: 0;
}

.matttabsm li a.mat21{
	float: left;
	display: block;
	text-decoration: none;
	font: bold 13px;
	/*font-family: "Verdana";*/
	margin: 0;
	padding: 5px 5px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color:#5050E2;
	background-color: #F0FFE1;
}
/*
.matttabs li  a:visited{
color: #F0F;
}*/
/* 2 */
.matttabsm li mat22{
display: inline;
margin: 0;
}

.matttabsm li a.mat22{
float: left;
display: block;
text-decoration: none;
font: bold 13px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#990000;
background: #E8FFD0;
}
/*
.matttabs li  a:mat2.visited{
color: #F0F;
}*/
/* 3 */
.matttabsm li mat23{
display: inline;
margin: 0;
}

.matttabsm li a.mat23{
float: left;
display: block;
text-decoration: none;
font: bold 13px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#FF3300;
background: #F0FFE1;
}
/*
.matttabs li  a:mat2.visited{
color: #F0F;
}*/
/* 4 */
.matttabsm li mat24{
display: inline;
margin: 0;
}

.matttabsm li a.mat24{
float: left;
display: block;
text-decoration: none;
font: bold 13px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#990099;
background: #E8FFD0;
}
/* 5 */
.matttabsm li mat25{
display: inline;
margin: 0;
}

.matttabsm li a.mat25{
float: left;
display: block;
text-decoration: none;
font: bold 13px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#006600;
background: #F0FFE1;
}
/* 6 */
.matttabsm li mat26{
display: inline;
margin: 0;
}

.matttabsm li a.mat26{
float: left;
display: block;
text-decoration: none;
font: bold 13px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#79003D;
background: #E8FFD0;
}
/* 7 */
.matttabsm li mat27{
display: inline;
margin: 0;
}

.matttabsm li a.mat27{
float: left;
display: block;
text-decoration: none;
font: bold 13px;
	/*font-family: "Verdana";*/
margin: 0;
padding: 0px 0px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color:#79003D;
background: #E8FFD0;
}