body{
    margin: 2.0rem;
}
div { font: 12px Arial; }

span.bold { font-weight: bold; }

div.lev1 {
    width: 250px;
    height: 70px;
    position: relative;
    border: 2px outset #669966;
    background-color: #ccffcc;
    padding-left: 5px;
}

#container1 {
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 75px;
}

div.lev2 {
    opacity: 0.9;
    width: 200px;
    height: 60px;
    position: relative;
    border: 2px outset #990000;
    background-color: #ffdddd;
    padding-left: 5px;
}
#lev2-1{
    z-index: 4;
}
#lev2-2{
    z-index: 3;
}
#lev2-3{
    z-index: 2;
}
#lev2-4{
    z-index: 1;
}

#container2 {
    z-index: 1;
    position: absolute;
    top: 20px;
    left: 110px;
}

div.lev3 {
    z-index: 10;
    width: 100px;
    position: relative;
    border: 2px outset #000099;
    background-color: #ddddff;
    padding-left: 5px;
}