#navbar {
background:transparent url(images/navbar_bg.png) repeat-x scroll 0 0;
font-size:12px;
font-weight:bold;
height:32px;
padding:0;
position:relative;
}

#navbar ul {
border:medium none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:12px 33px 0; /* Align the first element here */
text-align:center;
}

#navbar ul li {
display:block;
float:left;
margin:0 4px 0 0;
padding:0 0 0 13px;
position:relative;
width:auto;
background:transparent url(images/menu_bg_left.png) no-repeat scroll 0 -20px;
}

#navbar ul li.current {
background:transparent url(images/menu_bg_left.png) no-repeat scroll 0 0;
}

#navbar ul li a,
#navbar ul li span {
color:white;
display:block;
font-family:Helvetica;
font-size:12px;
font-weight:bold;
line-height:20px;
padding:0 13px 0 0;
text-decoration:none;
background:transparent url(images/menu_bg_right.png) no-repeat scroll right -20px;
}

#navbar ul li span {
color:#767676;
background-position:right 0px;
}

#navbar ul li:hover, #navbar ul li.hover {
background-position:left -40px;
}

#navbar ul li a:hover, #navbar ul li:hover a, #navbar ul li.hover a {
background-position:right -40px !important;
}

#navbar ul li.current {
background-position:left 0px !important;
}