*
{
    margin: 0;
    padding: 0;
}
IMG
{
    display: block; /* Prevent unwanted space under images on IE and Firefox */
    border: 0;
}
TABLE IMG
{
    display: inline;
}
BODY
{
    /* Width of the page - remove this for full width */
	width: 768px;
    /* This centers the content in the browser window */
	margin: 0 auto; 
	padding: 0;
	font: 10pt/1.5 Arial Narrow, Arial, Verdana;
	color: #555658; /* #6D6E71; */
	background-color: #FFFFFF;
}
P
{
    margin-bottom: 1em;
}
A
{
    color: #808284;
}
H1
{
    font: 24pt/1.1 Arial Narrow, Arial, Verdana;
    letter-spacing: 2px;
    margin-bottom: 8px;
}
H2
{
    font: 20pt/1.1 Arial Narrow, Arial, Verdana;
    letter-spacing: 2px;
}
a:hover
{
    color: #26647F;
}
#page
{
    border: 1px solid #CDCDCD;
    border-width: 0 1px;
    padding: 6px 6px 0 6px;
}
#menu
{
    padding-top: 6px;
    font: 10pt/1.1 Verdana;
}
#menu UL
{
    margin: 6px;
    list-style-type: none;
}
#menu UL LI
{
    display: inline;
}
#menu A
{
    padding: 0 6px 0 12px;
    text-decoration: none;
}
#menu A:hover
{
    text-decoration: underline;
}

#main
{
    border-top: 1px solid #CDCDCD;
    margin-top: 12px;
    padding: 20px 10px 20px 10px;
}
.box.left, .box
{
    float: left;
    margin: 6px 20px 20px 10px;
    clear: left;
}
.box.right
{
    float: right;
    clear: right;
    margin: 6px 10px 20px 20px;
}
.textbox
{
    text-align: center;
    border: 1px solid #CDCDCD;
}
.textbox.right
{
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}
.textbox.left
{
    float: left;
    clear: left;
    margin: 0 1em 1em 0;
}
.textbox .header
{
    padding: 3px;
    background-color: #E8E8FF;
    letter-spacing: 2px;
    font-weight: bold;
}
.textbox .body
{
    padding: 0 5px 5px 5px;
    background-color: #F8F8FF;
}

#copy
{
    clear: both;
    background-color: #5898AB;
    color: #FFFFFF;
    font: 8pt/1.0 Verdana;
    width: 754px;
}
#copy DIV
{
    padding: 6px;
}
#wflogo
{
    font-family: Arial;
    margin-top: 5px;
}
#wflogoimage
{
    float: right;
    margin: 2px 0 0 4px;
}
#wflogotext
{
    float: right;
}
#wflogourl
{
    clear: right;
    text-align: right;
}
TABLE CAPTION
{
    background-color: #E0E0E0;
    letter-spacing: 2px;
    font-weight: bold;
}
TABLE.left TH, TABLE.left THEAD TD
{
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
TD.left, TH.left
{
    text-align: left;
}
TD.center, TH.center
{
    text-align: center;
}
TD.right, TH.right
{
    text-align: right;
}
TABLE.grid
{
    border: 1px solid #CDCDCD;
    border-collapse: collapse;
}
TR.stripe
{
    background-color: #F9F9F9;
}
div.photo
{
    border: 10px outset silver;
    width: 200px;
    float: left;
    margin: 0 20px 20px 0;
}
div.photo:hover
{
    border: 10px outset #26647F;
}
div.photo span.label
{
    background-color: #FFFFDD;
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
}
div.photo a
{
    text-decoration: none;
}
#bigphoto
{
    margin: 0 auto;
}

@media screen
{
    .print
    {
        display: none;
    }
    #wflogourl
    {
        display: none;
    }
}
@media print
{
    .screen
    {
        display: none;
    }
    #logo
    {
        float: right;
    }
    BODY
    {
        width: auto;
    }
    #page
    {
        border: none;
        padding: 0;
    }
    #menu
    {
        display: none;
    }
    #main
    {
        padding: 0;
        border: none;
    }
    #copy
    {
        border-top: 1px solid #CDCDCD;
        background-color: Transparent;
        color: #000000;
    }
    #box
    {
        margin-left: 0;
    }
}