.menutabs{
font-family:Arial, Helvetica, sans-serif;
float:left;
width:100%;
font-size: 12px;
line-height:23px;
}

.menutabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

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

.menutabs a{
float:left;
background:url(../img/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.menutabs a span{
float:left;
display:block;
background:url(../img/glowtab.gif) no-repeat right top;
padding: 0px 9px 0px 3px;
font-weight:bold;
color:#663300;
text-decoration:underline;
}

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

.menutabs a:hover span {
color: #FFFFFF;
}

.menutabs li.selected a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.menutabs li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #FFFFFF;
}

.menutabs a:hover, .menutabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.menutabs a:hover span, .menutabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

