/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu{
float:left;
width:100%;
font-size:12px; 
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
line-height:normal;
}


.mattblackmenu ul{
margin:0px 0 0 35px;
padding:0px;
list-style:none;
overflow: hidden;
width: 100%;
}

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

.mattblackmenu a {
float:left;
color:#333333;
margin:0;
padding:0px 0 0 4px;
text-decoration:none; }

.mattblackmenu a span{
float:left;
display:block; 
border-right:1px solid #fff;
background:none;
padding:6px 16px 7px 10px;
color:#333333;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.mattblackmenu a span {float:none; }
/* End IE5-Mac hack */

.mattblackmenu a:hover span {
color:#ffffff;
}

.mattblackmenu li.selected a{ /*Selected Tab style*/
background-color:#ffffff; /*Shift background image up to start of 2nd tab image*/
}

.mattblackmenu li.selected a span{ /*Selected Tab style*/
background-color:#ffffff; color:#305b8e; /*Shift background image up to start of 2nd tab image*/

}

.mattblackmenu a:hover, .mattblackmenu li.selected a:hover{ /*onMouseover style*/
background-color:#224a7d; color:#ffffff;  /*Shift background image up to start of 2nd tab image*/
}

.mattblackmenu a:hover span, .mattblackmenu li.selected a:hover span{ /*onMouseover style*/
background-color:#224a7d; color:#ffffff;  /*Shift background image up to start of 2nd tab image*/
}