@CHARSET "ISO-8859-1";
<style type="text/css">

#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
left: 100px;

}

/* to ofset the tabs */
#invertedtabs div{
padding-left: 94px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
font: 16px Arial, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #4f5962 url(../images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #b30000;
}

#invertedtabs a:hover span{
background-color: #b30000;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #b30000;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
height: 14px;
line-height: 8px;
line-height: 14px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#invertedtabs{
	position: relative;
	top: -16px;


}

</style>