/* Get rid of the "real" images in the tab bar.
These are there for non-CSS compatible browsers and stuff... */
#primaryTabContainer a img {
    visibility: hidden;
    display: none;
}

/* Lock the active tab "active" */
#primaryTabContainer a#ptc_a {
    background: url('../img/access_a.png') no-repeat top left;
}

/* Set the default imactive images */
#primaryTabContainer a#ptc_h {
    background: url('../img/home_i.png') no-repeat top left;
}
#primaryTabContainer a#ptc_j {
    background: url('../img/jra_i.png') no-repeat top left;
}
#primaryTabContainer a#ptc_n {
    background: url('../img/network_i.png') no-repeat top left;
}

/* Allow all the other images to rollover if the user happens to
have a half modern browser! */
#primaryTabContainer a#ptc_h:hover {
    background: url('../img/home_a.png') no-repeat top left;
}
#primaryTabContainer a#ptc_j:hover {
    background: url('../img/jra_a.png') no-repeat top left;
}
#primaryTabContainer a#ptc_n:hover {
    background: url('../img/network_a.png') no-repeat top left;
}