body
{
    padding: 0px;
    margin: 0px;
}

body, table, td, div, span, input, select, textarea
{
    color: #202020;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
}

.titlebar
{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #87A2BD;
    padding: 2px;
    white-space: nowrap;
}

.bannerleft
{
    color: #FFFFFF;
    padding: 10px;
    font-weight: bold;
    background-color: #87A2BD;
    border-bottom: 1px solid #FFFFFF;
}

.bannerright
{
    padding: 5px;
    color: #FFFFFF;
    text-align: right; 
    font-weight: bold;
    vertical-align: bottom;
    background-color: #87A2BD;
    border-left: 1px solid #FFFFFF; 
    border-bottom: 1px solid #FFFFFF;
}

.contentarea
{
    height: 100%; 
    vertical-align: top;
}

.contentbox
{
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #87A2BD;
}

.forminputtext
{
    border: 1px inset #EAEDF2;
    background-color: #F5F6BE;
    width: 160px;
}

.formtextarea
{
    border: 1px inset #EAEDF2;
    background-color: #F5F6BE;
    width: 160px;
}

.formitem
{
    vertical-align: top;
    white-space: nowrap;
    background-color: #D9E1E4;
}

.errmsg
{
    padding: 8px;
    height: 30px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    border: 1px solid #990000;
    background-color: #FFDDDD;
}

.okmsg
{
    padding: 8px;
    height: 30px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    border: 1px solid #2B572E;
    background-color: #E2FFE4;
}

.navipanel
{
    color: #FFFFFF;
    font-weight: bold;
    background-color: #87A2BD;
    padding: 0px;
    padding-top: 25px;
    width: 150px;
    height: 100%;
    vertical-align: top;
}

.contentpanel
{
    vertical-align: top;
    padding: 15px;
}

.footerbar
{
    padding: 2px;
    text-align: center;
    background-color: #87A2BD;
}

.footer1
{
    text-align: center;
    font-size: 10px;
    font-family: Arial,Tahoma;
    color: #FFFFFF;
    background-color: #87A2BD;
    padding: 0px;
    width: 150px;
}

.footer2
{
    color: #CCCCCC;
    text-align: right;
    padding-right: 5px;
    padding-bottom: 5px;
}

.arl
{
    padding: 3px;
    font-size: 12px;
    white-space: nowrap;
    background-color: #FFFFFF;
}

.ard
{
    padding: 3px;
    font-size: 12px;
    white-space: nowrap;
    background-color: #D9E1E4;
}

.navilink:link    { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #87A2BD; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilink:active  { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #87A2BD; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilink:visited { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #87A2BD; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilink:hover   { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #9EB4CA; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }

.navilinks:link    { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #87A2BD; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilinks:active  { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #87A2BD; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilinks:visited { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #87A2BD; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilinks:hover   { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #87A2BD; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }

.navilinkb:link    { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #9EB4CA; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilinkb:active  { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #9EB4CA; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilinkb:visited { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #9EB4CA; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }
.navilinkb:hover   { display: block; width: 150px; height: 26px; border-top: 1px solid #FFFFFF; background-color: #9EB4CA; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none; line-height: 24px; }

.textlink:link    { font-size: 12px; color: #5D82A7; }
.textlink:active  { font-size: 12px; color: #5D82A7; }
.textlink:visited { font-size: 12px; color: #5D82A7; }
.textlink:hover   { font-size: 12px; color: #800000; }