/* Found here: http://www.vertexwerks.com/tests/sidebox/ */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.boxhead {
    background: url(../../images/box/top_right.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
}

.boxhead h2 {
    background: url(../../images/box/top_left.gif) no-repeat top left;
    color: white; 
    font-size: 130%;
    font-weight: bold; 
    line-height: 1em;
    margin: 0;
    padding: 20px 30px 5px;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxbody {
    background-color: #CECE9C;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.boxbody h4 {
    display: inline;
    font-size: 105%;
}

.boxfooter_left {
    background: url(../../images/box/body_left.gif) no-repeat bottom left;
    margin: 0;
    padding-top: 10px;
}

.sidebox {
    background: url(../../images/box/body_right.gif) no-repeat bottom right;
    font-size: 100%;
    margin: 0 auto; /* center for now */
    width: 17em; /* ems so it will grow */
}

.widthlessbox {
    background: url(../../images/box/body_right.gif) no-repeat bottom right;
    font-size: 100%;
    margin-bottom: 15px;
    width: 100%;
}