/* -- Default for All Elements -- */
*, html { padding: 0; margin: 0; }

/* -- Basic HTML Tags; unused tags will take on their default styles -- */
body { background: #F0F0F0; font: normal 10pt/14pt Verdana, Arial, Helvetica; color: #000000; }
p, h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; }
img { border: none; }
br { clear: both; }
label { cursor: pointer; }
a, a:link, a:visited
{
    color: #076236;
    background: transparent;
    text-decoration: underline;
}
a:hover { text-decoration: none; }



/* -- Structural Elements; these MUST exist -- */
#PgWrapper
{
    width: 100%;
    padding: 20px 0;
    background: #F0F0F0;
}
#PgContainer
{
    width: 748px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid #BABABA;
}


/* -- Header Bar -- */
#PgHeader
{
    height: 86px;
    color: #333333;
    background: #FFFFFF;
    vertical-align: top;
}
#PgHeaderParts { height: 95px; }


/* -- Top Menu -- */
#PgMenuTop
{
    height: 30px;
    color: #FFFFFF;
    padding-right: 10px;
    background: #01663A;
    font: bold 10pt/14pt Verdana, Arial, Helvetica;
}


/* -- Left Menu -- */
#PgMenuLeft
{
    width: 154px;
    height: auto;
    padding: 10px;
    vertical-align: top;
}
#PgMenuLeft a, #PgMenuLeft a:link, #PgMenuLeft a:visited, #PgMenuLeft a:hover
#PgMenuLeft a.Active, #PgMenuLeft a.Active:link, #PgMenuLeft a.Active:visited, #PgMenuLeft a.Active:hover
{
    display: block;
    width: 128px;
    height: auto;
    color: #333333;
    padding: 0 0 0 20px;
    background: #FFFFFF;
    border: 1px solid #00460C;
    text-decoration: none;
    font: bold 12px/17px Verdana, Arial, Helvetica;
}
#PgMenuLeft a.Active, #PgMenuLeft a.Active:link, #PgMenuLeft a.Active:visited, #PgMenuLeft a.Active:hover,
#PgMenuLeft a:hover
{
    text-decoration: none;
    color: #969696;
}


/* -- Right Menu -- */
#PgRightMenu
{
    width: 154px;
    height: auto;
    padding: 10px;
    vertical-align: top;
}


/* -- Bread Crumbs -- */
#PgBreadCrumbs
{
}


/* -- Footer Bar -- */
#PgFooter
{
    width: auto;
    height: auto;
    color: #333333;
    background: #FFFFFF;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #BABABA;
    font: normal 10px/12px Verdana, Arial, Helvetica;
}



/* -- Body Content -- */
#PgContentTD
{
    padding: 10px 0;
    vertical-align: top;
}
#PgContent { margin: 3px 0 1px 0; }
#PgContent ul,
#PgContent ol
{
    margin: 0 0 0 35px;
}
#PgContent h1
{
    font-size: 1.4em;
    color: #D64C3F;
    background: #FFFFFF;
    font-weight: bold;
}
#PgContent h2
{
    font-size: 1.3em;
    color: #D64C3F;
    background: #FFFFFF;
    font-weight: bold;
}
#PgContent h3
{
    font-size: 1.2em;
    color: #D64C3F;
    background: #FFFFFF;
    font-weight: bold;
}
#PgContent h4
{
    font-size: 1.1em;
    color: #5E5E5E;
    background: #FFFFFF;
    font-weight: bold;
}
#PgContent h5
{
    font-size: 1.05em;
    color: #5E5E5E;
    background: #FFFFFF;
    font-weight: normal;
}
#PgContent h6
{
    font-size: 1em;
    color: #5E5E5E;
    background: #FFFFFF;
    font-weight: normal;
}

#PgContent .TabLink,
#PgContent .TabLinkActive
{
    width: auto;
    height: 22px;
    padding: 0 0 0 10px;
    background: #63A986;
    color: #FFFFFF;
    vertical-align: middle;
    text-decoration: none;
}
#PgContent .TabLinkActive
{
    background: #006131;
}
#PgContent .TabLink a,
#PgContent .TabLink a:link,
#PgContent .TabLink a:visited,
#PgContent .TabLink a:hover,
#PgContent .TabLinkActive a,
#PgContent .TabLinkActive a:link,
#PgContent .TabLinkActive a:visited,
#PgContent .TabLinkActive a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
#PgContent .TabLink a:hover,
#PgContent .TabLinkActive a:hover
{
    text-decoration: underline;
}

#PgContent div.divProduct
{
    width: auto;
    text-align: center;
    border: 1px solid #A6A6A6;
    margin: 0.5em;
    padding: 0.5em 0.5em 1px 0.5em;
}
#PgContent div.divProduct p
{
    text-align: center;
    font-size: smaller;
    text-indent: 0;
    padding: 0.5em;
    margin: 0 -0.5em 0 -0.5em;;
    border-top: 1px solid #A6A6A6;
    background: #06A25D;
    color: #FFFFFF;
}
#PgContent div.divProduct p a,
#PgContent div.divProduct p a:link,
#PgContent div.divProduct p a:visited,
#PgContent div.divProduct p a:hover
{
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}
#PgContent div.divProduct p a:hover
{
    text-decoration: underline;
}
#PgContent div.divProduct img.imgScaled { width: auto; text-align: center; }



/* -- Dynamic Structural Elements -- */
#PgError { }
#PgUpdate { }



.BorderBox
{
    padding: 10px;
    background: #F0F0F0;
    border: 1px solid #A6A6A6;
}
.BorderBox p
{
    color: #303030;
    margin: 10px 0 0 0;
    background: transparent;
    font: normal 12px/14px Verdana, Arial, Helvetica;
}
.BorderBox p.Title,
.BorderBox p.TitleSmall
{
    color: #00692C;
    margin: 0;
    background: transparent;
    font: bold 18px/22px Verdana, Arial, Helvetica;
    letter-spacing: -1px;
}
.BorderBox p.TitleSmall { font: bold 14px/18px Verdana, Arial, Helvetica; }
.BorderBox td
{
    color: #303030;
    background: transparent;
    font: normal 12px/14px Verdana, Arial, Helvetica;
}
.BorderBox td a,
.BorderBox td a:link,
.BorderBox td a:visited,
.BorderBox td a:hover
{
    color: #036534;
    background: transparent;
    text-decoration: underline;
    font: normal 12px/14px Verdana, Arial, Helvetica;
}
.BorderBox td a:hover
{
    text-decoration: none;
}



/* -- Form Element Styles -- */
input, textarea { } /* All Text Boxes */
select { width: auto; }
option { width: auto; padding: 0 5px; }
input.iButton, input.iButtonHover
{
    color: #FFFFFF;
    text-transform: uppercase;
    background: #004242;
    border: 1px solid #FFFFFF;
    padding: 1px 5px;
    cursor: pointer;
    font-size: 0.95em;
    font-weight: bold;
}
/* \*/ * html input.iButton { padding: 0; } /* IE/Win Specific */
input.iButton:hover, input.iButtonHover
{
    color: #F6F2A6;
}
/* \*/ * html input.iButtonHover { padding: 0; } /* IE/Win Specific */


input.iImage { }

input.iCheckbox, .iCheckbox input { margin: 0 5px; }
/* \*/ * html input.iCheckbox, * html .iCheckbox input { margin: 0 3px; } /* IE/Win Specific */

input.iRadio, .iRadio input { margin: 0 5px; }
/* \*/ * html input.iRadio, * html .iRadio input { margin: 0 3px; } /* IE/Win Specific */


/* Fixed-Width Table */
.FixedWidthTable { width: 100%; margin: 0; }


/* Bordered Table */
.tBorderTable
{
    border: solid #006699;
    border-width: 2px 0;
    border-collapse: collapse;
    background: #EEEEEE;
    margin-bottom: 3px;
}
.tBorderTable td p
{
    display: inline;
    margin: 0;
    padding: 0;
}


/* Simple Table Styles */
table.tSimpleTable
{
    border: 1px solid #FFFFFF;
    border-collapse: collapse;
    margin-bottom: 10px;
}
table.tSimpleTable td
{
    border: 1px solid #FFFFFF;
    background: #DADADA;
    color: #4E4E4E;
    padding: 3px;
}
tr.tSimpleHeader td
{
    background-color: #636563;
    color: #E1E1E1;
}
.tSimpleRow { }
td.tSimpleSeparator { background: #FFFFFF; }
.tSimpleFooter
{
    background: #CCCCCC;
    color: #333333;
}

/* Alternating Table Styles */
table.tAltTable
{
    border: 2px solid #FFFFFF;
    border-collapse: collapse;
    margin-bottom: 10px;
}
table.tAltTable td
{
    border: 1px solid #FFFFFF;
    padding: 3px;
}
.tAltHeader { background-color: #636563; color: #E1E1E1; }
.tAltRow1 { background-color: #F1F1F1; color: #4E4E4E; }
.tAltRow2 { background-color: #DADADA; color: #4E4E4E; }
.tAltRow3 { background-color: #CDCDCD; color: #4E4E4E; }
.tAltSeparator { background-color: #FFFFFF; color: #4E4E4E; }
.tAltFooter { background-color: #B1B1B1; color: #4E4E4E; }

/* -- Regular Font Styles -- */
.fontSmaller { font-size: 0.8em; }
.fontSmall { font-size: 0.9em; }
.fontMedium { font-size: 1.0em; }
.fontLarge { font-size: 1.1em; }
.fontLarger { font-size: 1.2em; }

/* -- Title Font Styles -- */
.fontTitleSmall { font-size: 14px; font-weight: bold; color: #00539B; }
.fontTitleMedium { font-size: 16px; font-weight: bold; color: #00539B; text-transform: uppercase; }
.fontTitleLarge { font-size: 18px; font-weight: bold; color: #00539B; text-transform: uppercase; }

/* -- Common Font Extra-Styles -- */
.star { color: #FF0000; }
.bold { font-weight: bold; }
.error { color: #FF0000; }

/* -- Image Styles -- */
.right { float: right; }
.left { float: left; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


A { COLOR:#006633; text-decoration:underline; }
A:visited { COLOR:#006633; text-decoration:underline; }
A:hover { COLOR:#666666; text-decoration:underline; }

.MainFt { font-family:Arial,Verdana,Helvetica; font-size:12px; color:#000000; }
.RiteFt { font-family:Verdana,Arial,Helvetica; font-size:11px; color:#000000; }
A.RiteLk    { COLOR:#026433; text-decoration:underline; }
A.RiteLk:visited { COLOR:#979797; text-decoration:underline; }
A.RiteLk:hover { COLOR:#FDCC05; text-decoration:none; }

.RiteSubFt { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:bold; }
.RiteSpecial { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:normal; }

.Foot   { font-family:Verdana,Arial,Helvetica; font-size:10px; color:#FFFFFF; }
A.FootLk    { COLOR:#FFFFFF; text-decoration:underline; }
A.FootLk:visited { COLOR:#FFFFFF; text-decoration:underline; }
A.FootLk:hover { COLOR:#EEEEEE; text-decoration:none; }

.SearchBd { font-family:Verdana,Arial,Helvetica; font-size:11px; font-weight:bold; color:#000000; }
.SearchFt { font-family:Arial,Verdana,Helvetica; font-size:12px; color:#000000; }

.LeftFt { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:bold; }
A.LeftLkUp { COLOR:#006633; text-decoration:none; }
A.LeftLkUp:visited { COLOR:#006633; text-decoration:none; }
A.LeftLkUp:hover { COLOR:#666666; text-decoration:none; }
A.LeftLkDn { COLOR:#666666; text-decoration:none; }
A.LeftLkDn:visited { COLOR:#666666; text-decoration:none; }
A.LeftLkDn:hover { COLOR:#666666; text-decoration:none; }

A.LeftSubLkUp { COLOR:#F68A1F; text-decoration:none; }
A.LeftSubLkUp:visited { COLOR:#F68A1F; text-decoration:none; }
A.LeftSubLkUp:hover { COLOR:#F68A1F; text-decoration:none; }
A.LeftSubLkDn { COLOR:#F68A1F; text-decoration:none; }
A.LeftSubLkDn:visited { COLOR:#F68A1F; text-decoration:none; }
A.LeftSubLkDn:hover { COLOR:#F68A1F; text-decoration:none; }

.SubFt { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:bold; COLOR:#999999; }
A.SubLk { COLOR:#999999; text-decoration:underline; }
A.SubLk:visited { COLOR:#999999; text-decoration:underline; }
A.SubLk:hover { COLOR:#666666; text-decoration:underline; }

.Title { font-family:Arial,Verdana,Helvetica; font-size:20px; font-weight:bold; COLOR:#006531; font-style:italic;}
.SubTitl { font-family:Arial,Verdana,Helvetica; font-size:18px; font-weight:bold; COLOR:#000000; }
.SubSmal { font-family:Arial,Verdana,Helvetica; font-size:16px; font-weight:bold; COLOR:#000000; }
.SbFt { font-family:Arial,Verdana,Helvetica; font-size:12px; color:#000000; }

/* Table */
.TbTitlFt   { font-family:Verdana,Arial,Helvetica; font-size:12px; font-weight:bold; color:#FFFFFF; }
.TbNormBd   { font-family:Verdana,Arial,Helvetica; font-size:12px; font-weight:bold; color:#000000; }
.TbNormFt   { font-family:Verdana,Arial,Helvetica; font-size:12px; font-weight:normal; color:#000000; }
.TbSmalBd   { font-family:Verdana,Arial,Helvetica; font-size:11px; font-weight:bold; color:#000000; }
.TbSmalFt   { font-family:Verdana,Arial,Helvetica; font-size:11px; font-weight:normal; color:#000000; }

/* Employee Portal Use */
.Welcome { font-family:Arial,Verdana,Helvetica; font-size:14px; font-weight:bold; COLOR:#006633; }
.RtTitl { font-family:Arial,Verdana,Helvetica; font-size:12px; font-weight:bold; COLOR:#006633; }
.RtBd { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:bold; COLOR:#333333; }
.RtFt { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:normal; COLOR:#333333; }

/* Customer Portal Login Use */
.cuslogTl { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:bold; COLOR:#EFEFEF; }
.cuslog { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:bold; COLOR:#EFEFEF; }
.cuslogFt { font-family:Verdana,Arial,Helvetica; font-size:10px; COLOR:#EFEFEF; }
.cuslogFm { font-family:Verdana,Arial,Helvetica; font-size:10px; }
A.cuslogLk1 { COLOR:#FFFFFF; text-decoration:none; }
A.cuslogLk1:visited { COLOR:#FFFFFF; text-decoration:none; }
A.cuslogLk1:hover { COLOR:#EEEEEE; text-decoration:underline; }
A.cuslogLk { COLOR:#FFFFFF; text-decoration:underline; }
A.cuslogLk:visited { COLOR:#FFFFFF; text-decoration:underline; }
A.cuslogLk:hover { COLOR:#EEEEEE; text-decoration:underline; }

a.tabLn:link        { color:#FFFFFF; text-decoration:none; }
a.tabLn:visited { color:#FFFFFF; text-decoration:none; }
a.tabLn:hover       { color:#FFFFFF; text-decoration:underline; }


/* Table - Client, Admin */
.TbTitlBg { font-family:Arial,Verdana,Helvetica; font-size:11px; font-weight:normal; background-color:#006131; }
.TabBg { font-family:Arial,Verdana,Helvetica; font-size:11px; font-weight:normal; background-color:#63A986; }
.TbRow1Bg { background-color:#E7E7E7; }
.TbRow2Bg { background-color:#EFEFEF; }
.TbRowTotlBg { background-color:#CCCCCC; }

/* Photo Gallery */
.albumtitle { font-family:Arial; font-size:14px; font-weight:bold; font-style:italic; COLOR:#FFFFFF; }
.albumdate { font-family:Arial; font-size:12px; COLOR:#FFFFFF; }
.albumtitle1 { font-family:Arial; font-size:14px; font-weight:bold; font-style:italic; COLOR:#006633; }
.albumdate1 { font-family:Arial; font-size:12px; COLOR:#006633; }

#photo image {
    border-left: 1px solid #006633;
    border-right: 1px solid #006633;
    border-top: 1px solid #006633;
    border-bottom: 1px solid #006633;
    }

#PgContent .ConverterTable
{
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #A6A6A6;
    margin-bottom: 15px;
}
#PgContent .ConverterHeader
{
    background: #00A25A;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 5px;
}
#PgContent .ConverterBody { background: #FFFFFF; color: #000000; }