/* 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                                */

/* --------------------------------------------------------------------------------------------------------------- */
/* declare this first, to give a default background colour  */
body
{
    /*background:#EEEEEE url(../VerticalFader.ashx?TOP=FFFFFF&BOTTOM=EEEEEE) repeat-x; */
    /*background: #c8f0d2 url(../VerticalFader.ashx?TOP=c8f0d2&BOTTOM=F2FFF2) repeat-x; */
    background: #c8f0d2;
    border-style: none;
}


/* Colour themes ------------------------------------------------------------------------------------------------- */
/* Grey-Green (as original) */
.textblack{color:#000000;}  /*black;}*/
.textvdark{color :#1b642e;}
.textdark{color:#37c85b;}
.textmedium{color:#87de9d;}
.textpale{color:#c8f0d2;}  /* Original walks paper colour */
.textvpale{color:#d7f4de;}
.textbright{color:#ebfaef;}
.textwhite{color:#ffffff;}  /*white;}*/
/* Green */
.textvdarkalt{color:#004d00;}
.textdarkalt{color:#009999;}
.textmediumalt{color:#00ff00;}
.textpalealt{color:#4dff4d;}
.textvpalealt{color:#99ff99;}
.textbrightalt{color:#ccffcc;}
/* Blue */
.textvdarktwo{color:#00004d;}
.textdarktwo{color:#000099;}
.textmediumtwo{color:#0000ff;}
.textpaletwo{color:#4d4dff;}
.textvpaletwo{color:#9999ff;}
.textbrighttwo{color:#ccccff;}

/* Grey-Green (as original) */
.paperblack{background:#000000;}  /*black;}*/
.papervdark{background :#1b642e;}
.paperdark{background:#37c85b;}
.papermedium{background:#87de9d;}
.paperpale{background:#c8f0d2;}  /* Original walks paper colour */
.papervpale{background:#d7f4de;}
.paperbright{background:#ebfaef;}
.paperwhite{background:#ffffff;}  /*white;}*/
/* Green */
.papervdarkalt{background:#004d00;}
.paperdarkalt{background:#009999;}
.papermediumalt{background:#00ff00;}
.paperpalealt{background:#4dff4d;}
.papervpalealt{background:#99ff99;}
.paperbrightalt{background:#ccffcc;}
/* Blue */
.papervdarktwo{background:#00004d;}
.paperdarktwo{background:#000099;}
.papermediumtwo{background:#0000ff;}
.paperpaletwo{background:#4d4dff;}
.papervpaletwo{background:#9999ff;}
.paperbrighttwo{background:#ccccff;}

.borderblack{border-color:#000000;}  /*black;}*/
.bordervdark{border-color :#262626;}
.borderdark{border-color:#4d4d4d;}
.bordermedium{border-color:#808080;}
.borderpale{border-color:#a6a6a6;}
.bordervpale{border-color:#bfbfbf;}
.borderbright{border-color:#e6e6e6;}
.borderwhite{border-color:#FFFFFF;}  /*white;}*/

/* --------------------------------------------------------------------------------------------------------------- */


/* No borders unless we specify them... */
div, #pagecontainer, #leader, #menu, #maincolumn, #maincolumnpanel, #OneColumn, #TwoColumn, #ThreeColumn,
#mainborder, #leftfloatcolumn, #rightfloatcolumn, #leftcolumn, #rightcolumn, #footer
{
    border-style:none;
    border-width:0px;
}


#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: #c8f0d2;
}
    #menu hover {
        color: #c8f0d2;
    }
#menu .level1
{    
    font-family: Tahoma, Geneva, sans-serif;  /* fontarial */
    /*font-family:Comic Sans MS;*/  /*  Watch out! */
    font-style: italic;
    font-weight:bold;
    background-color: darkseagreen;
    color:#2F4F4F;  /* DarkSlateGray */
}
    #menu .level1 :hover {
        color: #c8f0d2;
    }
#menu .level2
{
    font-weight:bold;
    background-color:#D3D3D3;  /* LightGray #CCCCCC; */
    color:#4682B4;  /* RoyalBlue */
}
#menu .level2 :hover
{
    color:#483DAB;  /* DarkSlateBlue */
}


.bold
{
    font-weight:bold;
    font-style: italic; 
    color:#000099;
}




/* 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: #0000ff;  /* blue */
    /*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:#000099;  /* dark blue */
    /*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  */
}


/* --------------------------------------------------------------------------------------------------------------- */

.linkbutton { /*  Bigger buttons for Walks! */
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 10px 10px 10px 10px;
    padding: 0.6vw 0.6vw 0.6vw 0.6vw; /* 9/6/23 */}