/* 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;
}

/* Get rid of the secondary tab bar (unless we're using it i.e. on JRA tab)
It shouldn't actuall appear anyway because it's only in the JRA template but
better safe than sorry with user edited plain html websites like this!
*/
#secondaryTabContainer {
    visibility: hidden;
    display: none;
}
#contentContainer {
    top: 150px;
}

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

/* Set the default imactive images */
#primaryTabContainer a#ptc_a {
    background: url('../img/access_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_a:hover {
    background: url('../img/access_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;
}