.mainnav {
position: absolute;
top: 63px;
left: 0px;
width: 560px;
height: 25px;
padding-left: 198px;
background: transparent url(../images/mainnav/mainnav_border_bot.gif) left bottom no-repeat;
}
.mainnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.mainnav li {
display: block;
float: left;
margin-left: 0px;
padding: 0;
}

.mainnav li a {
display: block;
margin-left: 10px;
}
.mainnav li a#home {
margin-left: 0; /* did it this way because IE doesn't recognize li:first-child */
}

a.navOn {
border-bottom: 5px solid #CC6600;
}

span.mainnavText {
display: none; /* don't display "alt" text; it's just there for graceful degradation */
}

/* individual nav elements START */
a#home {
width: 40px;
height: 20px;
}
a#home, a#home span {
background:  url(../images/mainnav/home_on.gif) top center no-repeat;
} /* turn on for "on" case, pre-load hover image for IE */
a#home.navOff:link, a#home.navOff:visited {
background: url(../images/mainnav/home_off.gif) top center no-repeat; /* "rewrite" as off image */
}
a#home.navOff:hover {
border-bottom: 5px solid #CC6600;
background: url(../images/mainnav/home_on.gif) top center no-repeat;
}

a#capabilities {
width: 70px;
height: 20px;
}
a#capabilities, a#capabilities span {
background:  url(../images/mainnav/capabilities_on.gif) top center no-repeat;
}
a#capabilities.navOff:link, a#capabilities.navOff:visited {
background: url(../images/mainnav/capabilities_off.gif) top center no-repeat;
}
a#capabilities.navOff:hover {
border-bottom: 5px solid #CC6600;
background: url(../images/mainnav/capabilities_on.gif) top center no-repeat;
}

a#whoWeServe {
width: 60px;
height: 20px;
}
a#whoWeServe, a#whoWeServe span {
background:  url(../images/mainnav/customers_on.gif) top center no-repeat;
}
a#whoWeServe.navOff:link, a#whoWeServe.navOff:visited {
background: url(../images/mainnav/customers_off.gif) top center no-repeat;
}
a#whoWeServe.navOff:hover {
border-bottom: 5px solid #CC6600;
background: url(../images/mainnav/customers_on.gif) top center no-repeat;
}

a#programs {
width: 77px;
height: 20px;
}
a#programs, a#programs span {
background:  url(../images/mainnav/programs_on.gif) top center no-repeat;
}
a#programs.navOff:link, a#programs.navOff:visited {
background: url(../images/mainnav/programs_off.gif) top center no-repeat;
}
a#programs.navOff:hover {
border-bottom: 5px solid #CC6600;
background: url(../images/mainnav/programs_on.gif) top center no-repeat;
}

a#support {
width: 58px;
height: 20px;
}
a#support, a#support span {
background:  url(../images/mainnav/support_on.gif) top center no-repeat;
}
a#support.navOff:link, a#support.navOff:visited {
background: url(../images/mainnav/support_off.gif) top center no-repeat;
}
a#support.navOff:hover {
border-bottom: 5px solid #CC6600;
background: url(../images/mainnav/support_on.gif) top center no-repeat;
}

a#training {
width: 86px;
height: 20px;
}
a#training, a#training span {
background:  url(../images/mainnav/training_on.gif) top center no-repeat;
}
a#training.navOff:link, a#training.navOff:visited {
background: url(../images/mainnav/training_off.gif) top center no-repeat;
}
a#training.navOff:hover {
border-bottom: 5px solid #CC6600;
background: url(../images/mainnav/training_on.gif) top center no-repeat;
}

a#aboutUs {
width: 74px;
height: 20px;
}
a#aboutUs, a#aboutUs span {
background:  url(../images/mainnav/about_us_on.gif) top center no-repeat;
}
a#aboutUs.navOff:link, a#aboutUs.navOff:visited {
background: url(../images/mainnav/about_us_off.gif) top center no-repeat;
}
a#aboutUs.navOff:hover {
border-bottom: 5px solid #CC6600;
background: url(../images/mainnav/about_us_on.gif) top center no-repeat;
}
/* individual nav elements END */