ul,li,span,div {
padding: 0;
margin: 0;

}

#navigation {

font-size: 16px;
font-family: arial, helvetica, sans-serif;
padding: 0px;
font-weight:normal;
letter-spacing:1px;
float:right;
cursor:pointer;

}
#navigation li {
float: left;
list-style: none;
background-color: transparent; /* to cater for users without images */
margin-left:3px;
cursor:pointer;

}
#navigation a {
display: block;
background-image: url(../images/tabright.gif);
background-position: top right;
background-repeat: no-repeat;
color: #FFF;
text-decoration: none;
cursor:pointer;
float:left;

}
#navigation span {
display: block;
background-image: url(../images/tableft.gif);
background-repeat: no-repeat;
padding: 8px 12px 0px 12px;
height:31px;
float:left;
}
#navigation a:hover, #navigation a.active {
background-position: right -39px;
}
#navigation a:hover span, #navigation a.active span {
background-position: 0 -39px;
}

#navigation li ul {
position: absolute;
width: 10em;
left: -999em;
margin-left: -3px;
font-size: 80%;
text-align:left;
}
#navigation li ul a, #navigation li ul a:link {
background-image: none;
padding: 8px;
width: 10em;
background-color: #333333;
}
#navigation li ul a:hover {
background-color: #e4e4e4;
color:#333333;
}
#navigation li:hover ul, #navigation li.sfhover ul {
left:auto;
}