.itemEmploymentTopOff {
width: 135px;
height: 39px;
background-image: url(../images/nav.employment.off.gif);
background-repeat: no-repeat;
background-color: transparent;
}
.itemEmploymentTopOn {
width: 135px;
height: 39px;
background-image: url(../images/nav.employment.on.gif);
background-repeat: no-repeat;
background-color: transparent;
}

.itemAboutTopOff {
width: 115px;
height: 39px;
background-image: url(../images/nav.aboutus.off.gif);
background-repeat: no-repeat;
background-color: transparent;
}
.itemAboutTopOn {
width: 115px;
height: 39px;
background-image: url(../images/nav.aboutus.on.gif);
background-repeat: no-repeat;
background-color: transparent;
}

.itemVailTopOff {
width: 123px;
height: 39px;
background-image: url(../images/nav.vailife.off.gif);
background-repeat: no-repeat;
background-color: transparent;
}
.itemVailTopOn {
width: 123px;
height: 39px;
background-image: url(../images/nav.vailife.on.gif);
background-repeat: no-repeat;
background-color: transparent;
}

.itemTrainingTopOff {
width: 135px;
height: 39px;
background-image: url(../images/nav.training.off.gif);
background-repeat: no-repeat;
background-color: transparent;
}
.itemTrainingTopOn {
width: 135px;
height: 39px;
background-image: url(../images/nav.training.on.gif);
background-repeat: no-repeat;
background-color: transparent;
}

.itemResourcesTopOff {
width: 115px;
height: 39px;
background-image: url(../images/nav.resources.off.gif);
background-repeat: no-repeat;
background-color: transparent;
}
.itemResourcesTopOn {
width: 115px;
height: 39px;
background-image: url(../images/nav.resources.on.gif);
background-repeat: no-repeat;
background-color: transparent;
}

.itemNewsTopOff {
width: 123px;
height: 39px;
background-image: url(../images/nav.newsevents.off.gif);
background-repeat: no-repeat;
background-color: transparent;
}
.itemNewsTopOn {
width: 123px;
height: 39px;
background-image: url(../images/nav.newsevents.on.gif);
background-repeat: no-repeat;
background-color: transparent;
}

.itemGenInfoTopOff {
width: 164px;
height: 39px;
background-image: url(../images/nav.geninfo.off.gif);
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}
.itemGenInfoTopOn {
width: 164px;
height: 39px;
background-image: url(../images/nav.geninfo.on.gif);
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}

.itemMessageTopOff {
width: 131px;
height: 39px;
background-image: url(../images/nav.messageboard.off.gif);
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}
.itemMessageTopOn {
width: 131px;
height: 39px;
background-image: url(../images/nav.messageboard.on.gif);
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}

.itemGalleryTopOff {
width: 129px;
height: 39px;
background-image: url(../images/nav.photogallery.off.gif);
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}
.itemGalleryTopOn {
width: 129px;
height: 39px;
background-image: url(../images/nav.photogallery.on.gif);
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
}

/*START SUB NAV STYLES*/

/*
ORIGINAL STYLE - NOT DEVO - DON'T KNOW IF WE NEED DIFFERENT ONES FOR BOTH SITES

.itemSubOff {
width: 100%;
background-color: #ffffff;
cursor: pointer;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-style: 1px #48453e solid;
}
.itemSubOn {
width: 100%;
background-color: #e6e6e5;
cursor: pointer;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-style: 1px #48453e solid;
}

.itemSubTextOff {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6666661;
text-align: left;
border-style: 1px #48453e solid;
}

.itemSubTextOn {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
text-align: left;
border-style: 1px #48453e solid;
}

.submenu {
width: 150px;
border: 1px #000000 solid;
}
*/

.itemSubOff {
width: 100%;
background-color: #48453e;
cursor: pointer;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-style: 1px #48453e solid;
}
.itemSubOn {
width: 100%;
background-color: #48453e;
cursor: pointer;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-style: 1px #48453e solid;
}

.itemSubTextOff {
font-family: Verdana;
font-size: 12px;
color: #bbb4ab;
text-align: left;
border-style: 1px #48453e solid;
}

.itemSubTextOn {
font-family: Verdana;
font-size: 12px;
color: #ffffff;
text-align: left;
border-style: 1px #48453e solid;
}

.submenu {
width: 205px;
border: 1px #48453e solid;
}