div#tabcontainer    {
    position: relative;
    height: 27px;
}


.current    {
    background-image: url('tab_current.gif');
    z-index: 2;
    position: relative;
    float: left;
    left: 0px;
    height: 20px;
    width: 126px;
    text-align: center;
    padding-top: 7px;
    font-weight: bold;
    margin-right: -5px;
}

.notcurrent {
    background-image: url('tab_not_current.gif');
    z-index: 1;
    cursor: pointer;
    position: relative;
    float: left;
    left: 0px;
    height: 20px;
    width: 126px;
    text-align: center;
    padding-top: 7px;
    font-weight: bold;
    margin-right: -5px;
}

.visible    {
    display: block
}

.hidden {
    display: none
}

function openTab(sectid, tabid)
{
    var a = document.getElementsByTagName("div");
    for(i=0;i<a.length;i++)
    {
        if(a[i].className=="visible")
        {
            a[i].className="hidden";
        }
        if(a[i].className=="current")
        {
            a[i].className="notcurrent";
        }
    }
    document.getElementById(sectid).className="visible";
    tabid.className="current";
}