<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#tabs {
text-align: center;
line-height:normal;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#tabs ul{
list-style-type: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
margin-left: 0px; /*offset of first tab relative to page left edge*/
}

#tabs li{
float: left;
font-size: 13px;
font-family: helvetica,arial,sans-serif;
font-weight:bold;
display:inline;
}

#tabs a {
float:left;
position: relative;
top: 5px;
background:url(tab_up_left.png) no-repeat left top;
margin:0;
margin-right: 3px;
text-align: center;
padding: 0 0 1px 12px;
text-decoration:none;
color:#777777;
font-weight:bold;
}

#tabs a span {
float:left;
position: relative;
display: block;
background: url(tab_up_right.png) no-repeat right top;
padding: 5px 13px 7px 1px;
font-weight: bold;
color: black;
}

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


#tabs #current a {
background-position:0 -125px;
}

#tabs #current a span {
background-position:100% -125px;
color: black;
}

#tabs a:hover {
top:0;
padding-bottom: 0px;
color:#000000;
}
#tabs a:hover span{
top:0;
padding-bottom: 8px;
}



</style>

