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

.matttabs ul{
margin: 0px;
padding: 0px;
font: bold 13px Verdana, arial, helvetica;
list-style-type: none;
background: white;
overflow: hidden;
width: 100%;
background: #ffc05c;
border-left: 1px dotted #cccccc; /*right divider between tabs*/
margin: 0px 0px 0px 0px;
}

.matttabs li{
display: inline;
margin: 0px;
line-height: 1.70em;
}

.matttabs li a{
float: left;
display: block;
align: center;
text-decoration: none;
margin: 0px 0px 0px 0px;
/* padding: 0px 4.55px 0px 5px; padding with giving tab*/
padding: 0px 6.4px 0px 6.4px; /*padding inside each tab*/
border-right: 1px dotted #cccccc; /*right divider between tabs*/
border-bottom: 2px solid #cccccc; 
border-left: 0px; /*right divider between tabs*/
border-top: 0px; /*right divider between tabs*/
border-bottom: 0px; /*right divider between tabs*/
color: #ffffff;
background: #ffc05c;
}

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

.matttabs li a:hover{
/* padding: 0px 4.55px 0px 5px; padding with giving tab*/
padding: 0px 7.2px 0px 7.2px; /*padding inside each tab*/
background: #dddddd; /*background of tabs for hover state */
border-right: 1px dotted #cccccc; /*right divider between tabs*/
border-bottom: 2px solid #cccccc; 
border-left: 0px; /*right divider between tabs*/
border-top: 0px; /*right divider between tabs*/
border-bottom: 0px; /*right divider between tabs*/
}

.matttabs a.selected{
background: #dddddd; /*background of tab with "selected" class assigned to its LI */
}