<style type="text/css">
<!--
#navigation a
{
color: #000;
background: #fb0 url("./images/left-tab.gif") left top no-repeat;
font-weight: bold;
text-decoration: none;
padding-left: 0
}

#navigation a span
{
background: url("./images/right-tab.gif") right top no-repeat;
padding-right: 0
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End IE5-Mac hack */

#navigation a:hover
{
color: #fff;
background: #26a url("./images/left-tab-hover.gif") left top no-repeat;
font-weight: bold;
text-decoration: none;
padding-left: 0
}

#navigation a:hover span
{
background: url("./images/right-tab-hover.gif") right top no-repeat;
padding-right: 0
}

#navigation ul
{
list-style: none outside none;
padding: 0;
margin: 0
}

#navigation li
{
float: left;
background: url(./images/left-tab.gif) #fb0 no-repeat scroll top left;
color: #26a;
font-weight: bold;
margin: 0;
padding: 0
}

#border
{
height: 1;
background: #26a
}

//--></style>

</script>
