html {
        background: none;
        font-size: 75%;
    }

    body {
        padding:3px; 
        background: url(backgrad.jpg) repeat-x top;
    }

    .gapper {display: none;}

    .logotext {
        width: 165px;
        height: 25px;
        background: url(logotext-small.png) top left no-repeat;
    }


    .logoholder {display: none;}

    .mainbody {
        position: static; float: none;
        margin: 0; padding: 0; width: auto;
        background-image: none;
        border: none;
    }

    DIV.leftbar {
        position: static;
        margin: 0; padding: 0; width: 100%;
    }
    DIV.leftbar H1 {color: black; }

    .sidebar {
        /*display: none;
        visibility: hidden;*/
        width: 40%;
        padding: 4px; 
    }

    .sidebar IMG {
        width: 100%; height: auto;
        padding: 0; margin: 0;
    }

/* menus */

DIV.menu A {
   width:25px; height: 23px;
}

DIV.menu IMG {
   width: 23px; height: auto;
}

DIV.menu A IMG {
   background: url(menu-off-small.png) no-repeat top left;
}

DIV.menu A:hover IMG, DIV.menu IMG {
   background: url(menu-on-small.png) no-repeat top left;
}

/* submenus */

    .selector {width: 8em;}

     DIV.selector A {
        margin: 0px; padding: 3px;
    }

     .selector IMG {
        display: none;
    }

     DIV.selector A.active {
        background-image: none;
        background-color: white;
    }