/* -- Default for All Elements -- */
*, html { padding: 0; margin: 0; }

/* -- Basic HTML Tags; unused tags will take on their default styles -- */
body { font: normal 14px/18px Arial, sans-serif; color: #333333; background: #A70905; }
p, h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; }
img { border: none; }
a, a:link, a:visited { color: #540000; text-decoration: underline; }
a:hover { color: #540000; text-decoration: overline; }
label { cursor: pointer; }



/* -- Structural Elements; these MUST exist -- */
#PgWrapper { }
#PgContainer
{
    width: 100%;
}



/* -- Header Bar -- */
#PgHeader
{
    width: 100%;
    height: 91px;
    background: #FFFFFF url(../include/images/ui/header_bg.gif) repeat-x top left;
}



/* -- Header Bar Links -- */
#PgHeaderLinks
{
    width: auto;
    height: 31px;
    color: #A40703;
    font: normal 14px/18px Arial, sans-serif;
    padding: 5px 10px;
}
#PgHeaderLinks table
{
    float: right;
}
#PgHeaderLinks .LE
{
    width: 10px;
    height: 31px;
    background: #FFFFFF url(../include/images/ui/toplinks_le.gif) no-repeat top left;
}
#PgHeaderLinks .RE
{
    width: 10px;
    height: 31px;
    background: #FFFFFF url(../include/images/ui/toplinks_re.gif) no-repeat top left;
}
#PgHeaderLinks .BG
{
    width: auto;
    height: 31px;
    padding: 0 5px;
    background: #FFFFFF url(../include/images/ui/toplinks_bg.gif) repeat-x top left;
}
#PgHeaderLinks a, #PgHeaderLinks a:link, #PgHeaderLinks a:visited
{
    color: #A40703;
    text-decoration: none;
    margin: 0 10px
}
#PgHeaderLinks a:hover { text-decoration: underline; }




/* -- Top Menu -- */
#PgTopMenu
{
    vertical-align: bottom;
    padding: 0 5px;
}
#TopMenuTabs
{
    float: right;
}
#PgTopMenu a
{
    cursor: pointer;
}
#PgTopMenu a span.Text,
#PgTopMenu a:link span.Text,
#PgTopMenu a:visited span.Text,
#PgTopMenu a:hover span.Text,
#PgTopMenu a.Active span.Text,
#PgTopMenu a.Active:link span.Text,
#PgTopMenu a.Active:visited span.Text,
#PgTopMenu a.Active:hover span.Text
{
    display: block;
    float: left;
    width: auto;
    height: 31px;
    color: #A7A7A7;
    padding: 0 5px;
    vertical-align: middle;
    text-decoration: none;
    font: bold 14px/31px Arial, sans-serif;
    background: #FFFFFF url(../include/images/ui/toptab_bg.gif) repeat-x top left;
}
#PgTopMenu a span.LE,
#PgTopMenu a:link span.LE,
#PgTopMenu a:visited span.LE,
#PgTopMenu a:hover span.LE,
#PgTopMenu a.Active span.LE,
#PgTopMenu a.Active:link span.LE,
#PgTopMenu a.Active:visited span.LE,
#PgTopMenu a.Active:hover span.LE
{
    display: block;
    float: left;
    width: 10px;
    height: 31px;
    background: #FFFFFF url(../include/images/ui/toptab_le.gif) no-repeat top left;
}
#PgTopMenu a span.RE,
#PgTopMenu a:link span.RE,
#PgTopMenu a:visited span.RE,
#PgTopMenu a:hover span.RE,
#PgTopMenu a.Active span.RE,
#PgTopMenu a.Active:link span.RE,
#PgTopMenu a.Active:visited span.RE,
#PgTopMenu a.Active:hover span.RE
{
    display: block;
    float: left;
    width: 10px;
    height: 31px;
    margin-right: 5px;
    background: #FFFFFF url(../include/images/ui/toptab_re.gif) no-repeat top left;
}

#PgTopMenu a.Active
{
    cursor: default;
}
#PgTopMenu a.Active span.Text,
#PgTopMenu a.Active:link span.Text,
#PgTopMenu a.Active:visited span.Text,
#PgTopMenu a.Active:hover span.Text
{
    color: #FFFFFF;
    background: #FFFFFF url(../include/images/ui/toptab_bga.gif) repeat-x top left;
}
#PgTopMenu a.Active span.LE,
#PgTopMenu a.Active:link span.LE,
#PgTopMenu a.Active:visited span.LE,
#PgTopMenu a.Active:hover span.LE
{
    background: #FFFFFF url(../include/images/ui/toptab_lea.gif) no-repeat top left;
}
#PgTopMenu a.Active span.RE,
#PgTopMenu a.Active:link span.RE,
#PgTopMenu a.Active:visited span.RE,
#PgTopMenu a.Active:hover span.RE
{
    background: #FFFFFF url(../include/images/ui/toptab_rea.gif) no-repeat top left;
}

#PgTopMenu a:hover span.Text
{
    color: #FFFFFF;
    background: #FFFFFF url(../include/images/ui/toptab_bgh.gif) repeat-x top left;
}
#PgTopMenu a:hover span.LE
{
    color: #FFFFFF;
    background: #FFFFFF url(../include/images/ui/toptab_leh.gif) no-repeat top left;
}
#PgTopMenu a:hover span.RE
{
    color: #FFFFFF;
    background: #FFFFFF url(../include/images/ui/toptab_reh.gif) no-repeat top left;
}



/* -- Top Sub Menu -- */
#PgTopMenuSub
{
    width: auto;
    height: 34px;
    vertical-align: bottom;
    padding: 0 5px;
    background: #FFFFFF url(../include/images/ui/topmenu_bg.gif) repeat-x top left;
}
#PgTopMenuBGB
{
    width: auto;
    height: 7px;
    background: #FFFFFF url(../include/images/ui/submenu_bg.gif) repeat-x top left;
}
#TopMenuSubTabs
{
}
#PgTopMenuSub a
{
    cursor: pointer;
}
#PgTopMenuSub a span.Text,
#PgTopMenuSub a:link span.Text,
#PgTopMenuSub a:visited span.Text,
#PgTopMenuSub a:hover span.Text,
#PgTopMenuSub a.Active span.Text,
#PgTopMenuSub a.Active:link span.Text,
#PgTopMenuSub a.Active:visited span.Text,
#PgTopMenuSub a.Active:hover span.Text
{
    display: block;
    float: left;
    width: auto;
    height: 28px;
    padding: 0 5px;
    vertical-align: middle;
    text-decoration: none;
    font: bold 14px/28px Arial, sans-serif;
    color: #FFFFFF;
}
#PgTopMenuSub a span.LE,
#PgTopMenuSub a:link span.LE,
#PgTopMenuSub a:visited span.LE,
#PgTopMenuSub a:hover span.LE,
#PgTopMenuSub a.Active span.LE,
#PgTopMenuSub a.Active:link span.LE,
#PgTopMenuSub a.Active:visited span.LE,
#PgTopMenuSub a.Active:hover span.LE
{
    display: block;
    float: left;
    width: 9px;
    height: 28px;
}
#PgTopMenuSub a span.RE,
#PgTopMenuSub a:link span.RE,
#PgTopMenuSub a:visited span.RE,
#PgTopMenuSub a:hover span.RE,
#PgTopMenuSub a.Active span.RE,
#PgTopMenuSub a.Active:link span.RE,
#PgTopMenuSub a.Active:visited span.RE,
#PgTopMenuSub a.Active:hover span.RE
{
    display: block;
    float: left;
    width: 9px;
    height: 28px;
    margin-right: 5px;
}

#PgTopMenuSub a.Active
{
    cursor: default;
}
#PgTopMenuSub a.Active span.Text,
#PgTopMenuSub a.Active:link span.Text,
#PgTopMenuSub a.Active:visited span.Text,
#PgTopMenuSub a.Active:hover span.Text
{
    color: #FFFFFF;
    background: #FFFFFF url(../include/images/ui/subtab_bga.gif) repeat-x top left;
}
#PgTopMenuSub a.Active span.LE,
#PgTopMenuSub a.Active:link span.LE,
#PgTopMenuSub a.Active:visited span.LE,
#PgTopMenuSub a.Active:hover span.LE
{
    background: #FFFFFF url(../include/images/ui/subtab_lea.gif) no-repeat top left;
}
#PgTopMenuSub a.Active span.RE,
#PgTopMenuSub a.Active:link span.RE,
#PgTopMenuSub a.Active:visited span.RE,
#PgTopMenuSub a.Active:hover span.RE
{
    background: #FFFFFF url(../include/images/ui/subtab_rea.gif) no-repeat top left;
}

#PgTopMenuSub a:hover span.Text
{
    background: #FFFFFF url(../include/images/ui/subtab_bgh.gif) repeat-x top left;
    color: #999999;
}
#PgTopMenuSub a:hover span.LE
{
    background: #FFFFFF url(../include/images/ui/subtab_leh.gif) no-repeat top left;
    color: #999999;
}
#PgTopMenuSub a:hover span.RE
{
    background: #FFFFFF url(../include/images/ui/subtab_reh.gif) no-repeat top left;
    color: #999999;
}


/* Body - (Content + Menus) */
#PgBody
{
    background: #FFFFFF;
    padding: 10px;
}



/* -- Left Menu -- */
#PgLeftMenu
{
    width: 200px;
    vertical-align: top;
}

#PgLeftMenu .Header .HeaderLE
{
    width: 2px;
    height: 27px;
    background: #FFFFFF url(../include/images/ui/leftmenu_hle.gif) no-repeat top left;
}

#PgLeftMenu .Header .HeaderRE
{
    width: 10px;
    height: 27px;
    background: #FFFFFF url(../include/images/ui/leftmenu_hre.gif) no-repeat top left;
}

#PgLeftMenu .Header .HeaderBG
{
    width: auto;
    height: 27px;
    color: #FFFFFF;
    font: bold 14px/27px Arial, sans-serif;
    vertical-align: middle;
    background: #FFFFFF url(../include/images/ui/leftmenu_hbg.gif) repeat-x top left;
}
#PgLeftMenu .Header .HeaderBG span
{
    margin: 0 0 0 10px;
}

#PgLeftMenu .MenuItem
{
    width: 181px;  /* #PgLeftMenu[Width] - #PgLeftMenu .MenuArrow[Width] */
    height: 22px;
    color: #A40703;
    border: 1px solid #A40703;
    background: #FFFFFF url(../include/images/ui/link_bg.gif) repeat-x top left;
    cursor: pointer;
}
#PgLeftMenu .MenuItem:hover { border: 1px solid #575757; color: #575757; }

#PgLeftMenu .MenuItem a,
#PgLeftMenu .MenuItem a:link,
#PgLeftMenu .MenuItem a:visited,
#PgLeftMenu .MenuItem a:hover
{
    display: block;
    width: auto;
    height: 22px;
    color: #A40703;
    font: normal 12px/20px Arial, sans-serif;
    vertical-align: middle;
    text-decoration: none;
    padding: 0 0 0 10px;

}
#PgLeftMenu .MenuItem a:hover { color: #575757; text-decoration: none; }

#PgLeftMenu .MenuArrow
{
    width: 19px;  /* #PgLeftMenu[Width] - #PgLeftMenu .MenuItem[Width] */
    height: 22px;
    color: #A40703;
    border: 1px solid #A40703;
    background: #FFFFFF url(../include/images/ui/darrow.gif) no-repeat top left;
    cursor: pointer;
}
#PgLeftMenu .MenuArrow:hover { border: 1px solid #575757; }

#PgLeftMenu .SubMenu
{
    display: none;
    overflow: hidden;
    width: auto;
    color: #A40703;
    background: #FFFFFF url(../include/images/ui/sub_bg.gif) repeat-y top left;
}
#PgLeftMenu .SubMenu table
{
    width: 100%;
    border: 1px solid #A40703;
}

#PgLeftMenu .SubMenu a,
#PgLeftMenu .SubMenu a:link,
#PgLeftMenu .SubMenu a:visited,
#PgLeftMenu .SubMenu a:hover
{
    display: block;
    width: auto;
    height: 22px;
    color: #A40703;
    font: normal 12px/20px Arial, sans-serif;
    vertical-align: middle;
    text-decoration: none;
    padding: 0 0 0 10px;
    margin: 3px 3px 0 3px;
}
#PgLeftMenu .SubMenu a:hover
{
    height: 20px;
    color: #575757;
    border: 1px solid #C18686;
    background: #FFFFFF;
    text-decoration: none;
}


/* -- Content -- */
#PgContent
{
    vertical-align: top;
    padding: 0 0 0 15px;
}

/* -- Right Menu -- */
#PgRightMenu
{
    vertical-align: top;
}


/* -- Footer Bar -- */
#PgFooter
{
    width: auto;
    height: 41px;
    color: #FFFFFF;
    padding: 0 10px;
    vertical-align: middle;
    font: normal 12px/41px Arial, sans-serif;
    background: #FFFFFF url(../include/images/ui/footer_bg.gif) repeat-x top left;
}
#PgFooter #Links
{
    text-align: left;
}
#PgFooter #Copy
{
    text-align: right;
}
#PgFooter a, #PgFooter a:link, #PgFooter a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    margin: 0 10px
}
#PgFooter a:hover { color: #F6F2A6; text-decoration: underline; }



/* Sub-Footer Area */
#PgSubFooter
{
    padding: 10px;
    color: #A40703;
    background: #FFF7DE;
    border-top: 1px solid #A40703;
}



/* -- Bread Crumbs -- */
#PgBreadCrumbs
{
    color: #A40703;
    font: normal 14px/18px Arial, sans-serif;
}


/* -- Dynamic Structural Elements -- */
.PgError { }
.PgUpdate { }



/* -- Form Element Styles -- */
input, textarea { } /* All Text Boxes */
select
{
    width: auto;
    color: #A40703;
    font: normal 14px/20px Arial, sans-serif;
}
option
{
    width: auto;
    color: #A40703;
    font: normal 14px/20px Arial, sans-serif;
    padding: 0 5px;
}
select.Small, select.Small option { font: normal 12px/16px Arial, sans-serif; }
select.Small option { background: #FFFFFF; }

select.SearchSelect
{
    width: 175px;
    height: 20px;
    color: #A40703;
    font: normal 14px/20px Arial, sans-serif;
    vertical-align: middle;
    border: 1px solid #A7A7A7;
    padding: 0 0 0 25px;
    background: #FFFFFF url(../include/images/favstar.gif) no-repeat center left;
}
select.SearchSelect option
{
    color: #A40703;
    height: 20px;
    font: normal 14px/20px Arial, sans-serif;
    vertical-align: middle;
    padding-left: 25px;
    background: #FFFFFF url(../include/images/magnifyglass.gif) no-repeat center left;
}
select.SearchSelect optgroup
{
    background: #FBEDED;
    padding-left: 15px;
    border-top: 1px solid #F0B758;
}
select.SearchSelect optgroup option
{
}
input.SearchInput
{
    width: 200px;
    height: 20px;
    color: #A40703;
    font: normal 14px/20px Arial, sans-serif;
    vertical-align: middle;
    border: 1px solid #A7A7A7;
    padding: 0 0 0 25px;
    background: #FFFFFF url(../include/images/magnifyglass.gif) no-repeat center left;
}
input.iButton, input.iButtonHover
{
    color: #A40703;
    border: 1px solid #A40703;
    padding: 1px 5px;
    cursor: pointer;
    font: normal 14px/18px Arial, sans-serif;
    vertical-align: middle;
    background: #F1B95B url(../include/images/ui/button_bg.gif) repeat-x top left;
}
input.iButton:hover, input.iButtonHover
{
    background: #F1B95B url(../include/images/ui/button_bgh.gif) repeat-x top left;
}
input.SearchButton
{
    font: bold 14px/18px Arial, sans-serif;
    height: 22px;
}
input.iImage { }
input.iCheckbox { margin: 0 5px 0 0; }
input.iRadio { margin: 0 5px 0 0; }

/* -- Regular Font Styles -- */
.BreakAll { word-break: break-all; }
.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; }

/* -- Alignment Styles -- */
.FloatRight { float: right; }
.FloatLeft { float: left; }
.AlignRight { text-align: right; }
.AlignCenter { text-align: center; }
.AlignLeft { text-align: left; }
