example of old CSS

style.css

.box_T { background-image: url(../images/box_T.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFFFFF;
}

.box_T_a {
    background-image: url("../images/box_T.gif");
    background-repeat: repeat-x;
    background-position: center top;
}

.box_L { background-image: url(../images/box_L.gif);
    background-repeat: repeat-y;
    background-position: left;
    background-color: transparent;
}

.box_R { background-image: url(../images/box_R.gif);
    background-repeat: repeat-y;
    background-position: right;
    background-color: transparent;
}

.box_B { background-image: url(../images/box_B.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: transparent;
}

.box_TL { background-image: url(../images/box_TL.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
}

.box_TR { background-image: url(../images/box_TR.gif);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: transparent;
}

.box_BL { background-image: url(../images/box_BL.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: transparent;
}

.box_BR { background-image: url(../images/box_BR.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: transparent;
}

.navbox_center { padding-left: 4px;
    padding-right: 9px;
    padding-top: 3px;
    padding-bottom: 9px;
}

/* example of creating a box using these images/css:
<div class="box_T"><div class="box_L"><div class="box_R"><div class="box_B"><div class="box_TL"><div class="box_TR"><div class="box_BL"><div class="box_BR">
        <div class="navbox_center">
... box contexts here
</div>
        <!-- End shaded box border DIVs -->
    </div></div></div></div></div></div></div></div> */