/*  Here the CSS for the outer div */
.box
    {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding: 0px;
    text-align: left;

    width: 40em;                /* <-- use this for a set width */
    background-color: #eeeeee;
    }

.OuterDivContent
    {
    padding:10px;
    text-align: left;
    }

.valentine
{
   padding-top: 6px;
   margin: 0px;
   width: 100%;
   height: 45px;
   text-align: center;

}



/* ---=== border code follows ===--- */
/*
    tlc = top left corner
    trc = top right corner
    blc = bottom left corner
    brc = bottom right corner
    lb = left border
    rb = right border
    tb = top border
    bb = bottom border
*/

.tlc, .trc, .blc, .brc
    {
    background-color: transparent;
    background-repeat: no-repeat;
    }

.tlc
    {
    background-image:url(/images/outer_table_topleft.gif);
    background-position: 0% 0%;
    }

.trc
    {
    background-image:url(/images/outer_table_topright.gif);
    background-position: 100% 0%;
    }

.blc
    {
    background-image:url(/images/outer_table_bottomleft.gif);
    background-position: 0% 100%;
    }

.brc
    {
    background-image:url(/images/outer_table_bottomright.gif);
    background-position: 100% 100%;
    }

.tb, .bb
    {
    background-color: transparent;
    background-repeat: repeat-x;
    }

.tb
    {
    background-image:url(/images/outer_table_top.gif);
    background-position: top center;
    }

.bb
    {
    background-image:url(/images/outer_table_bottom.gif);
    background-position: 50% 100%;
    }

.rb
    {
    background-image:url(/images/outer_table_right.gif);
    background-position: 100% 0%;
    background-repeat: repeat-y;
    }

.lb
    {
    background-color: #FFFFFF;
    background-image:url(/images/outer_table_left.gif);
    background-position: 0% 100%;
    background-repeat: repeat-y;
    }