﻿/* This css file is typically specified in the text "Help_Headers"

/*  Note!  If CSS seems to stop working - try clearing browser data, a reboot, and a full recompile..  */

/* Page basics--------------------------------------------------------------------------------------------------- */

/*  Use #name for HTML ID names                           */
/*  Use #parent .child for ID within ID (more reliable)   */
/*  Use .name for HTML CSS class                          */
/*  Use name for HTML tags                                */


/* Colour themes ------------------------------------------------------------------------------------------------- */
/* Grey */
.textblack{color:#000000;}
.textvdark{color:#444444;}
.textdark{color:#888888;}
.textmedium{color:#AAAAAA;}
.textpale{color:#CCCCCC;}
.textvpale{color:#EEEEEE;}
.textbright{color:#EEEEEE;}
.textwhite{color:#FFFFFF;}
.textvdarkalt{color:#555555;}
.textdarkalt{color:#999999;}
.textmediumalt{color:#BBBBBB;}
.textpalealt{color:#DDDDDD;}
.textvpalealt{color:#EEFFEE;}
.textbrightalt{color:#EEFFEE;}
.textvdarktwo{color:#666666;}
.textdarktwo{color:#888888;}
.textmediumtwo{color:#AAAAAA;}
.textpaletwo{color:#CCCCCC;}
.textvpaletwo{color:#EEEEEE;}

.paperblack{background:#000000;}
.papervdark{background:#444444;}
.paperdark{background:#888888;}
.papermedium{background:#AAAAAA;}
.paperpale{background:#CCCCCC;}
.papervpale{background:#EEEEEE;}
.paperbright{background:#EEEEEE;}
.paperwhite{background:#FFFFFF;}
.papervdarkalt{background:#555555;}
.paperdarkalt{background:#999999;}
.papermediumalt{background:#BBBBBB;}
.paperpalealt{background:#DDDDDD;}
.papervpalealt{background:#EEFFEE;}
.paperbrightalt{background:#EEFFEE;}
.papervdarktwo{background:#666666;}
.paperdarktwo{background:#888888;}
.papermediumtwo{background:#AAAAAA;}
.paperpaletwo{background:#CCCCCC;}
.papervpaletwo{background:#EEEEEE;}

.borderblack{border-color:#EEEEEE;}
.bordervdark{border-color:#EEEEEE;}
.borderdark{border-color:#EEEEEE;}
.bordermedium{border-color:#EEEEEE;}
.borderlight{border-color:#EEEEEE;}  /* 87DDAD;} */
.bordervlight{border-color:#EEEEEE;}  /* A8E6C4;} */
.borderbright{border-color:#EEEEEE;}
.borderwhite{border-color:#EEEEEE;}


/* Try and get rid of all borders... */
div, #pagecontainer, #leader, #menu, #maincolumn, #maincolumnpanel, #OneColumn, #TwoColumn, #ThreeColumn,
#mainborder, #leftfloatcolumn, #rightfloatcolumn, #leftcolumn, #rightcolumn, #footer
{
    border-style:none;
    border-width:0;
}


/* --------------------------------------------------------------------------------------------------------------- */
body
{
    /*background:#EEEEEE url(../VerticalFader.ashx?TOP=FFFFFF&BOTTOM=EEEEEE) repeat-x; */
    background:#F2FFF2 url(../VerticalFader.ashx?TOP=FAFFFA&BOTTOM=F2FFF2) repeat-x;
    border-style:none;
}

#mainborder
{
    padding:20px 0px 0px 0px;  /*  this moves the content down within the column */
    padding:2vw 0px 0px 0px;  /*  9/6/23 scaling */
}

#menu
{
    /*background-color:#E6E6FA;  /* Lavender */
    /*background-color:#D3D3D3;  /* LightGray */
    background-color:#C0C0C0;  /* Silver */
/*    color:#A52A2A; */ /* brown */
}
#menu hover
{
    /*color:#000000;*/
}
#menu .level1
{    
    font-family: Tahoma, Geneva, sans-serif;  /* fontarial */
    /*font-family:Comic Sans MS;*/  /*  Watch out! */
    font-style: italic;
    font-weight:bold;
    background-color:#DCDCDC;  /* Gainsboro */
    color:#2F4F4F;  /* DarkSlateGray */
}
#menu .level1 :hover
{
    color:#A52A2A;  /* Brown */
}
#menu .level2
{
    font-weight:bold;
    background-color:#D3D3D3;  /* LightGray #CCCCCC; */
    color:#4682B4;  /* RoyalBlue */
}
#menu .level2 :hover
{
    color:#483DAB;  /* DarkSlateBlue */
}


/* Common HTML tags ---------------------------------------------------------------------------------------------- */
h1
{
    font-family: Tahoma, Geneva, sans-serif;  /* fontarial */
    text-align:center;
    color:Brown;
    /*font-size: 26px;  12/6/23 */
    /*font-size: 1.5vw;  8/6/23 scaling font size, placed after older sizing for legacy browsers */
    font-weight:bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2
{
    font-family: "Trebuchet MS", Helvetica, sans-serif;  /* fontalt */
    font-style: italic; 
    text-align:center;
    display:block;
    color:CadetBlue;
    /*font-size: 22px;  12/6/23 */
    /*font-size: 1.4vw;  8/6/23 scaling font size, placed after older sizing for legacy browsers */
    font-weight:bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

h3
{
    color:Brown;
    /*font-size: 20px;  12/6/23 */
    /*font-size: 1.3vw;  8/6/23 scaling font size, placed after older sizing for legacy browsers */
    /*font-weight:bold;*/
    margin-top: 0px;
    margin-bottom: 0px;
}

h4
{
    color:CadetBlue;
    /*font-size: 18px;  12/6/23 */
    /*font-size: 1.2vw;  8/6/23 scaling font size, placed after older sizing for legacy browsers */
    margin-top: 0px;
    margin-bottom: 0px;
}

h5
{
    color:DarkSlateGray;
    /*font-size: 16px;  12/6/23 */
    /*font-size: 1.1vw;  8/6/23 scaling font size, placed after older sizing for legacy browsers */
    margin-top: 0px;
    margin-bottom: 0px;
}

h6
{
    color:DarkSlateGray;
    /*font-size: 12px;  12/6/23 */
    /*font-size: 1.0vw;  8/6/23 scaling font size, placed after older sizing for legacy browsers */
    font-weight:bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Display a bullet list as two columns--------------------------------------------------------------------------- */


#doublen
{
    width:100%;
    font-family: Comic Sans MS, cursive, sans-serif;
}

#doublen:after
{ /* Need this as the height of doublen is miscalculated by browser - this forces it to behave sensibly... */
    content:"      ";  /* "This is here "; */
    display: block;
    clear: both;
}

#doubleli
{
    display:inline;
    float: left;
    width: 50%;  /* to determine number of columns, for instance 33.3% displays 3 columns  */
}

#tripleli
{
    display:inline;
    float: left;
    width: 33%;  /* to determine number of columns, for instance 33.3% displays 3 columns  */
}


/* --------------------------------------------------------------------------------------------------------------- */
