/* CSS Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

html { font-size: 100%; } /* 1 rem = 16px */

body { background-color: White; color: Black; }
body { font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; }
body { font-size: 1.00em; font-weight: normal; font-style: normal; text-align: left; }

table { width: 100%; border: none; margin: 0 auto; font-size: 12pt; color: MidnightBlue; }
table { table-layout: fixed; border-collapse: collapse; overflow: hidden;}

iframe {border: none; margin: 0px; padding: 0px; background: #FFFFFF; overflow: hidden;}
input, select, textarea {font-size: 11px; color: #33546C;}
form {margin: 0px;}
p { margin: 0px 0px 12px 0px; font-size: 1.20em; font-weight: 500; }
p+p {margin: 10px 0px 0px 0px;}
img {border: none; margin: 0px; padding: 0px;}

/* Headings - Default Settings */
h1, h2, h3, h4, h5, h6 { line-height: 120%; font-weight: bold; color: MidnightBlue; }

h1 { margin: 0.00em 0.00em 0.75em 0.00em; font-size: 1.50em; font-weight: bold; }
h2 { margin: 0.00em 0.00em 0.50em 0.00em; font-size: 1.25em; font-weight: bold; }
h3 { margin: 0px 0px 0px 0px; font-size: 12pt; font-weight: bold; }
h4 { margin: 0px 0px 0px 0px; font-size: 12pt; font-weight: bold; }
h5 { margin: 2px 0px 2px 0px; font-size: 11pt; font-weight: bold; }
h6  {margin: 2px 0px 2px 0px; font-size: 11pt; font-weight: bold; }

a { font-style: italic; color: BlueViolet; text-decoration: none;}
a:hover { font-style: italic; color: Green; text-decoration: underline;}

/* Other Elements */
img {
    max-width: 100%;        /* Responsive images */
    height: auto;           /* Maintain aspect ratio */
}

button {
    padding: 0.50em 1.00em; /* Button padding */
    border: none;           /* Remove default border */
    cursor: pointer;        /* Pointer cursor */
}

.banner {
    width: 880px;
    height: 32px;
    margin: 0px auto 0px auto;
    padding: 0px;
    text-align: center;
    border: none;
}

.smaller { font-size: 0.90em; }
.regular { font-size: 1.00em; }
.hidden {display: none; visibility: hidden;}
.center { margin-left: auto; margin-right: auto }
.shown {visibility: visible;}
.right { text-align: right; }
.left { text-align: left; }
.red {color: Red;}

.listline1 { margin: 8px 0px 0px 48px; color: Maroon; font-weight: bold; font-size: 0.80em; }
.listline2 { color: Maroon; font-weight: bold; font-size: 0.80em; }

/*#swc {margin: 10px auto; border: none; padding: 16px; width: 746px; height: 430px; overflow: hidden;}*/

.pageBlock     { width: 1024px; margin: 0 auto; padding: 0; background-color: White; color: Black; }
.mainmenuBlock { background: url('https://www.americansrestoringamerica.com/images/navbar_bg.png') left top repeat-x; }

.headerBlock { margin: 12px auto 0px auto; padding: 0; height: 240px; border: solid 1px DarkGrey; }
.headerBlock { background-image: url("/images/licensed/header.jpg"); }
.headerBlock h1 { z-index: 999; margin: 0.00em 2.50em; text-align: left; font-size: 2.75em; color: White; }
.headerBlock h2 { z-index: 999; margin: 0.00px 4.65em; text-align: left; font-size: 1.50em; color: White; }
.headerBlock h5 { z-index: 999; margin: 0.00em 1.750em 0.00em 0.00em; text-align: right; font-size: 1.20em; color: White; }
.headerBlock h6 { z-index: 999; margin: 0.00em 0.00em 0.00em 1.75em; text-align: left; font-size: 1.20em; color: White; }
.headerBlock a { font-size: 1.00em; color: White; text-decoration: none; }
.headerBlock a:hover { font-size: 1.00em; color: Yellow; text-decoration: underline; }
.headerBlock table { height: 100%; }

.contentBlock { margin: 0 auto; padding: 0; background-color: White; color: Black; }
.contentBlock { border-style: none solid none solid; border-width: 1px; border-color: DarkGrey; margin: 0.00em auto; padding: 16px; }
.contentBlock h1 { margin: 0.00em 0.00em 0.50em 0.00em; font-size: 1.50em; font-style: bold; font-variant: small-caps; }
.contentBlock h2 { margin: 0.00em 0.00em 0.25em 0.00em; font-size: 1.25em; font-weight: bold; font-variant: small-caps; }
//.contentBlock span { margin: 4px 0px 20px 72px; font-size: 1.20em; }
.contentBlock ol { margin: 1.00em 2.00em; }
.contentBlock li { margin-bottom: 8px; margin-right: 16px; line-height: 120%; font-size: 1.00em; font-style: regular; color: Black; }
.contentBlock a  { line-height: 120%; font-size: 1.00em; font-style: italic; text-decoration: none; color: BlueViolet; }
.contentBlock a:hover { text-decoration: underline; color: Green; }
.contentBlock button	{ width: 256px; font-size: 1.20em; font-weight: bold; }

/* JBJ 01/2025: The 'logregBlock' is used for the Sign In, Registration, and Members Area */
/* Pages. The changes below are for the sole purpose of rendwering a slightly different   */
/* style for the 3 interactive documents presented.  There are special formats for the    */
/* various questions and answer fields which include normal and error responses.  These   */
/* may be brought in line with the standarn formats offered earlier in this CSS document. */                                            */

.logregBlock { border: solid 1px DarkGrey; }
.logregBlock .quest { height: 24px; line-height: 22px; vertical-align: middle; text-align: right; }
.logregBlock .quest { font-size: 1.10em; color: <?php echo $quecol; ?>; }
.logregBlock .anser { width: 100%; margin: 4px 0px 0px 8px; padding-left: 4px; height: 24px; line-height: 22px; }
.logregBlock .anser { font-size: 0.90em; font-weight: bold; color: <?php echo $anscol; ?>; }
.logregBlock .comnt { width: <?php echo $cmtlog; ?>px; margin-left: 8px; border: Silver 1px solid; }
.logregBlock .comnt { font-size: 0.90em; color: DarkSlateGrey; background-color: WhiteSmoke; }
.logregBlock .privy { width: 90%; margin: 8px auto 20px auto; text-align: justify; font-size: 1.00em; font-weight: normal; color: Black }
.logregBlock .tinfo { width: 96%; margin: 0px 0px 0px 20px; text-align: justify; font-size: 1.00em; font-weight: bold; color: <?php echo $prvcol; ?>; }
.logregBlock .twarn { width: 96%; margin: 4px 20px 0px 20px; text-align: justify; font-size: 1.00em; font-weight: bold; color: MediumVioletRed; }
.logregBlock .ckbtn { width: 54px; margin: 3px 0px 0px 24px; vertical-align: middle; color: DarkGreen; font-size: 0.8em; font-weight: bold; text-align: middle; }
.logregBlock .submt { width: 120px; padding: 3px; vertical-align: middle; text-align: middle; font-size: 1.0em; font-weight: bold; color: DarkGreen; }
.logregBlock .forgt { width: 200px; margin: 4px 0px 0px 16px; padding-left: 8px; height: 24px; line-height: 22px; font-size: 0.80em; font-weight: normal; color: <?php echo $forcol; ?>; }
.logregBlock .dspsm { width: ".$anslog."px; margin: 4px 0px 0px 8px; padding-left: 8px; height: 24px; line-height: 22px; font-size: 0.80em; font-weight: bold; color: <?php echo $anscol; ?>; }
.logregBlock .dspmd { width: ".$anslog."px; margin: 4px 0px 0px 8px; padding-left: 8px; height: 24px; line-height: 22px; font-size: 1.00em; font-weight: bold; color: <?php echo $anscol; ?>; }
.logregBlock .dspqu { width: ".$quelog."px; height: 24px; line-height: 22px; vertical-align: middle; text-align: right; font-weight: bold; font-size: 0.90em; color: <?php echo $quecol; ?>; }
.logregBlock .hrbar { width: 90%; margin: 0px 20px 0px 20px; bold; color: DarkGrey; height: 1px; }

.ans { padding: 1px 10px; font-size: 1.00em; font-weight: bold; text-align: left; }
.req { background-color: LightYellow; color: RebeccaPurple; border: solid 1px LightSlateBlue; padding: 0px 2px; margin: 1px; }
.opt { background-color: White; color: RebeccaPurple; border: solid 1px LightSlateBlue; padding: 0px 2px; margin: 1px; }
.err { background-color: LightPink; color: RebeccaPurple; border: solid 1px LightSlateBlue; padding: 0px 2px; margin: 1px; }
.dsp { padding: 0px 0px 0px 10px; }"

/* JBJ 01/2025: The 'legalBlock' is used for the Terms and Privacy Pages. The changes */
/* below are for the sole purpose of rendwering a slightly different style for the    */
/* legal documents presented.  These may be brought in line with the standarn formats */
/* offered earlier in this CSS document.                                              */

.legalBlock { }
.legalBlock h1 { margin-bottom: 0.00em; }
.legalBlock h3 { margin-top: 1.00em; margin-bottom: 0.50em; }
.legalBlock h5 { margin-top: 1.00em; margin-bottom: 0.50em; }
.legalBlock h6 { font-size: 1.00em; font-style: bold; text-align: right; }
.legalBlock p { font-size: 1.00em; }
.legalBlock pre { margin: 8px 16px 0px 16px; font-size: 1.20em; font-style: regular; color: DarkBlue; }
.legalBlock li { margin: 6px 16px 0px 24px; }

/* JBJ 01/2025: The 'actionBlock' is used for the "Weekly Conference Calls". The changes */
/* below are for the sole purpose of rendwering a slightly different style for the       */
/* legal documents presented.  These may be brought in line with the standarn formats    */
/* offered earlier in this CSS document.                                                 */

.actionBlock { border: solid 1px DarkGrey; border-style: solid solid none solid; background-color: Gainsboro; text-align: center; }
.actionBlock h1 { margin: 12px 0px 0px 0px; font-size: 2.00em; }
.actionBlock h2 { margin: 2px 0px 0px 0px; font-size: 0.90em; }
.actionBlock h3 { margin: 0px 0px 4px 0px; font-size: 1.40em; color: DarkRed; }
.actionBlock h4 { margin: 0px 0px 8px 0px; font-size: 1.33em; }
.actionBlock h5 { margin: 4px 0px 12px 0px; font-size: 1.10em; }
.actionBlock h6 { margin: 12px 0px 0px 0px; font-size: 1.00em; color: Red; }
.actionBlock p { margin: 4px auto 0px auto; font-size: 1.10em; font-weight: bold; }
.actionBlock span { margin: 0.00em; color: Red; }

/* JBJ 01/2025: The 'footerBlock' is used for the Footer Map Section and Copyright Secions.  */
/* The "top" and "bot" sections aid is displaying a slightly different format with the two   */
/* sections.                                                                                 */

.footerBlock { margin: 0.00em auto; padding: 1.00em 0.00em 0.00em 0.00em; background-color: Black; }
.footerBlock { border-style: solid; border-width: 1px; border-color: Black; }
.footerBlock { font: normal normal normal 14px Verdana, Arial, sans-serif; text-align: center; }
.footerBlock { color: GhostWhite; font-size: 0.90em; text-align: center; }
.footerBlock p { margin: 0.00em 0.00em 0.25em 0.00em; padding: 0px; font-size: 1.00em; font-style: normal; font-weight: normal; color: GhostWhite; }
.footerBlock a { font-size: 0.90em; font-style: normal; }
.footerBlock h4 { margin: 16px auto; padding: 0px; color: White; font: 2.25em "Oswald", sans-serif; color: GhostWhite; }
.footerBlock h5 { margin: 0px; padding: 0px; font: 1.10em "Oswald", sans-serif;color: HotPink; }

.footerBlock-top { vertical-align: top; }
.footerBlock-top a { color: GhostWhite; text-decoration: none; }
.footerBlock-top a:hover { color: magenta; }

.footerBlock-bot { margin: 0px; padding: 12px; vertical-align: bottom; }
.footerBlock-bot a { margin: 0px; padding: 0px; font-style: normal; font-weight: normal; color: GhostWhite; text-decoration: none; }
.footerBlock-bot a:hover { color: magenta; }


/* ToolTip classses */
.tooltip { display: absolute; color: MidnightBlue; font-size: 0.90em; font-weight: normal; }
.tooltip .tooltiptext {
    margin-left: 2px;
    width : 300px;
    visibility: hidden;
    background-color: LightSteelBlue;
    border-radius: 4px;
    border: 1px solid SteelBlue;
    position: absolute;
    z-index: 99;
    padding: 8px;
    margin-top: 4px;
    transition: opacity 1s;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 10%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent SteelBlue transparent transparent;
}

.tooltip:hover .tooltiptext { visibility: visible; animation: tooltipkeys 1.00s 1; opacity: 1; }

@-webkit-keyframes tooltipkeys { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes tooltipkeys { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes tooltipkeys { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@keyframes tooltipkeys { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }

.tab {background: #EDE4CE; padding: 4px 10px;}
.tab_b {background: #EDE4CE url(images/tab_b.gif) no-repeat center bottom; cursor: default; color: #808080; text-align: center; font-weight: normal; }
.tab_f {background: #EDE4CE url(images/tab_f.gif) no-repeat center bottom; cursor: default; color: #000000; text-align: center; font-weight: normal; }
.tab_h {background: #EDE4CE url(images/tab_h.gif) no-repeat center bottom; cursor: default; color: #404040; text-align: center; font-weight: normal; }
.tab_n {cursor: default;}
.tool       {float: left; background: url('images/navbar_bg.png') left top repeat-x; height: 48px; border: none; color: #FFFFFF; font-weight: bold; cursor: pointer; text-align: center;}
.tool:hover {float: left; background: url('images/navbar_bu.png') left top repeat-x; height: 48px; border: none; color: #333333; font-weight: bold; cursor: default; text-align: center;}
.toolSel    {float: left; background: url('images/navbar_fs.png') left top repeat-x; height: 48px; border: none; color: #000000; font-weight: bold; cursor: default; text-align: center;}