#menu
{
background-color: #333333;
background-image: url('./../images/menu-bg.gif');
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
color: #ffffff;
}


#menu li
{
float: left;
font-size: 12pt;
margin: 0;
padding: 0;
}

#menu li.spacer
{
width: 10px;
}


#menu a.inactive,
#menu a.active
{
display: block;
float: left;
margin: 0;
height: 39px; /* -1px for top border active menu item */
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
font-weight: normal;
color: #ffffff;
}


#menu a.inactive
{
background-color: #333333;
background-image: url('./../images/menu-bg.gif');
border-bottom: 1px solid #ffffff;
margin-left: 1px;
margin-right: 1px;
line-height: 39px;
}


#menu a.active
{
background: #09A0EE;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 0px;
line-height: 38px;
}


#menu a.inactive:hover
{
background-image: url('./../images/menu-bg-hover.gif');
color: #ffffff;
}