.navButton, .navButton:visited {
    height: 36px;
    position: relative !important;
}

#about_cca, #about_ccaButton, #about_ccaButton:visited {
    width: 78px;
}
#about_co-operative, #about_co-operativeButton, #about_co-operativeButton:visited {
    width: 111px;
}
#gov_affair, #gov_affairButton, #gov_affairButton:visited {
    width: 142px;
}
#coopdev, #coopdevButton, #coopdevButton:visited {
    width: 144px;
}
#international_dev, #international_devButton, #international_devButton:visited {
    width: 109px;
}
#hub, #hubButton, #hubButton:visited {
    width: 155px;
}
#info_resources, #info_resourcesButton, #info_resourcesButton:visited {
    width: 102px;
}
#meeting_event, #meeting_eventButton, #meeting_eventButton:visited {
    width: 85px;
}

.navButton span, .navButton:visited span {
    display: block;
    height: 36px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
}

#about_ccaButton span, #about_ccaButton:visited span {
    background-image: url(/assets/images/nav_about_cca.gif);
}
#about_ccaButton.current span, #about_ccaButton.current:visited span {
    background-image: url(/assets/images/nav_about_cca_selected.gif);
}

#about_co-operativeButton span, #about_co-operativeButton:visited span {
    background-image: url(/assets/images/nav_about_co-operative.gif);
}
#about_co-operativeButton.current span, #about_co-operativeButton.current:visited span {
    background-image: url(/assets/images/nav_about_co-operative_selected.gif);
}

#gov_affairButton span, #gov_affairButton:visited span {
    background-image: url(/assets/images/nav_gov_affair.gif);
}
#gov_affairButton.current span, #gov_affairButton.current:visited span {
    background-image: url(/assets/images/nav_gov_affair_selected.gif);
}

#coopdevButton span, #coopdevButton:visited span {
    background-image: url(/assets/images/nav_coopdev.gif);
}
#coopdevButton.current span, #coopdevButton.current:visited span {
    background-image: url(/assets/images/nav_coopdev_selected.gif);
}

#international_devButton span, #international_devButton:visited span {
    background-image: url(/assets/images/nav_international_dev.gif);
}
#international_devButton.current span, #international_devButton.current:visited span {
    background-image: url(/assets/images/nav_international_dev_selected.gif);
}

#hubButton span, #hubButton:visited span {
    background-image: url(/assets/images/nav_hub.gif);
}
#hubButton.current span, #hubButton.current:visited span {
    background-image: url(/assets/images/nav_hub_selected.gif);
}

#info_resourcesButton span, #info_resourcesButton:visited span {
    background-image: url(/assets/images/nav_info_resources.gif);
}
#info_resourcesButton.current span, #info_resourcesButton.current:visited span {
    background-image: url(/assets/images/nav_info_resources_selected.gif);
}

#meeting_eventButton span, #meeting_eventButton:visited span {
    background-image: url(/assets/images/nav_meeting_event.gif);
}
#meeting_eventButton.current span, #meeting_eventButton.current:visited span {
    background-image: url(/assets/images/nav_meeting_event_selected.gif);
}