BODY
{
/*  Region Properties */
    background-color: Silver;

    margin: 0px;

/*  Font Properties */
    font-family: Tahoma, serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    color: #000000;   /* Black */
}

BODY.menu
{
/*  Region Properties */
    background-image: url(../images/bg-menu.gif);
}

BODY.display
{
/*  Region Properties */
    margin-left: 10px;
}

BODY.corner
{
/*  Region Properties */
    background-color: Black;

/*  Font Properties */
    color: White;
}

BODY.toc
{
/*  Region Properties */
    background-image: url(../images/bg_toc.gif);
    background-color: inherit;

/*  Font Properties */
    color: White;
}

/* Because XHTML 1.0 will not validate with a border='0'
   attribute defined at the tag level */
IMG
{
    border: 0px;
}

/* Best way I know how to define the border treatment
   for the DIVs in a single place.
   Whatever side is not needed is ZEROed out at that level. */
DIV.title,
DIV.footer
{
/*  Region Properties */
    border: 2px gray groove;
}

DIV.title
{
/*  Font Properties */
    font-weight: bold;
    font-size: 14pt;

/*  Region Properties */
    padding-top: 4px;

    border-top: 0px;
    border-left: 0px;
    border-right: 0px;

    padding-bottom: 4px;
    margin-bottom: 10px;
}

DIV.voice
{
/*  Region Properties */
    padding-left: 60px;

/*  Font Properties */
    font-family: "Times New Roman", serif;
    font-weight: bold;
    font-style: italic;

    font-size: 12pt;

/*  Text Properties */
    text-indent: -1em;

}

DIV.intro
{
/*  Region Properties */
    position: relative;

    padding-top: 10px;
    padding-left: 20px;
    padding-right: 10px;
    overflow: auto;

    width: 95%;
    height: 50%;
}

DIV.picture
{
    /*  Region Properties */
    padding-top: 10px;
}

DIV.desc
{
    /*  Region Properties */
    margin-right: 15%;
}

DIV.showList
{
/*  Region Properties */
    border: solid silver 2px;
    border-style: inset;
    width: 450px;
    height: 160px;
    overflow: scroll;
    float: left;

    padding: 4px;
}

DIV.footer
{
/*  Region Properties */
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;

    width: 95%;
    margin-top: 20px;
    padding-top: 10px;

/*  Text Properties */
    text-align: right;
}


/* Menu Panel */
DIV.btn
{
    position: absolute;
    top: 2px;
    margin-left: 20px;
}

IMG.corner
{
    position: absolute;
    margin-top: -1px;
}

/* Portrait Panel - lower left */
DIV.welcome
{
/*  Region Properties */
    position: absolute;
    top: 2px;

    background-color: transparent;
    width: 100%;

/*  Font Properties */
    font-size: 14pt;
    color: #FFFFFF;   /* White */

/*  Text Properties */
    text-indent: -20px;
    padding-left: 70px;
}

SPAN.login,
TD.login,
TD.user
{
/*  Region Properties */
    padding-left: 10px;
    padding-right: 10px;

/*  Font Properties */
    font-size: 10pt;

/*  Text Properties */
    text-align: center;
    vertical-align: middle;
}


SPAN.login
{
/*  Region Properties */
    position: relative;
    float: right;
    clear: both;
    background-color: inherit;

    top: -26px;

/*  Font Properties */
    color: White;
}

.epsName
{
/*  Region Properties */
    padding-bottom: 10px;

/*  Font Properties */
    font-weight: bold;
    font-style: italic;

    font-size: 14pt;

}


/* ============================================== */

TABLE,
TD
{
/* Font Properties */
    font-family: inherit;
    font-size: 10pt;
    color: #000000;   /* Black */
}

TD.data
{
/* Region Properties */
    padding-right: 4px;
}

TD.err
{
/* Font Properties */
    Xfont-family: inherit;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    color: #FD0000;   /* Red */
}

TABLE.form
{
/* Region Properties */
    border: thin inset #76B5B6;  /* Teal */

    margin-left: 20px;
}

TABLE.footer
{
/* Region Properties */
    width: 96%;
}

TABLE.data
{
/* Region Properties */
    width: 99%;
    margin: 0px;
}

LABEL
{
/* Region Properties */
    padding-left: 4px;
    padding-right: 4px;

    Xborder: 2px red solid;
    float: right;
    clear: both;
}