#topnav
{
float:left;
width:100%;
margin: 13px 0 10px 0;
}

#topnav ul
{
margin:0;
padding:0px 10px 0;
list-style:none;
}

#topnav li
{
float:left;
display:inline;
background:url("../images/right_both.gif") no-repeat right top;
margin:0 0 0 9px;
padding:0;
}

#topnav a
{
float:left;
display:block;
position:relative;
left:-9px;
margin-right:-9px;
width: 100px;
background:url("../images/left_both.gif") no-repeat left top;
padding:5px 0px 5px 10px;
text-decoration:none;
font: bold 13px arial;
color:#fff;
margin: 0 0 0 5px;
}

#topnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a {
float:none;}
/* End IE5-Mac hack */
#topnav a:hover {
color:#333;
}
#body_home #topnav-home, 
#body_about #topnav-about,
#body_account #topnav-account,
#body_team #topnav-team,
#body_promotions #topnav-promotions,
#body_news #topnav-news,
#body_help #topnav-help
{
background-position:100% -150px;
}

#body_home #topnav-home a, 
#body_about #topnav-about a,
#body_account #topnav-account a,
#body_team #topnav-team a,
#body_promotions #topnav-promotions a,
#body_news #topnav-news a,
#body_help #topnav-help a

{
background-position:0 -150px;
padding-bottom:6px;
color: #f60;
}
/* not for IE5.x or IE6 */
#topnav li:hover, 
#topnav li:hover a {
background-position:100% -150px;
color:#333;
}
#topnav li:hover a {
background-position:0 -150px;
}


span.option
{
float: right;
position: relative;
top:30px;
right: 0px;
color: #06c;
}

span.option a
{
font: 11px arial; 
}