/********************   Main Program code   *********************************/

body{ 
	margin: 0;
	padding: 0;
	border: 0;
	margin-right: 3.0vw;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	background-color: #C9D174;
	}
		
img {
	border: solid black 2px;
	}
/********************   END main program code   *********************************/



/********************   Boxes   *******************/

.header {
	position: absolute;
	height: 10.0vh;
	top: 1.0vh;
	left: 8.0vw;
	right: 1.0vw;
	border: double 6px black;
	border-radius: 20px;
	background: darkGreen;  
	}
	
.headerRetMain{
        position: absolute;
        height: 7.0vh;
        width: 15vw;
        top: 1.5vh;
        left: 1.0vw;
        /* border: solid yellow 3px; */
        }
        
.header a:hover {
        color: white;
        }

.headerTitle {
	position: absolute;
	height: 7.0vh;
	width: 30.0vw;
	top: 3.5vh;
	left: 35.0vw;
	text-align: center; 
	/* border: solid 3px black; */
	/* background: #BCD8F1; */
	/* SEE Text Defs for font parameters */
	}
	
.footer {
	position: absolute;
	height: 8.0vh;
	bottom: 0.5vh;
	left: 8.0vw;
	right: 1.0vw;
	border: double 6px black;
	border-radius: 20px;
	background: darkGreen; 
	}

.footer a:hover {
        color: white;
        }

.footerUpdated {
	position: absolute;
	height: 4.5vh;
	width: 35.0vw;
	bottom: 1.0vh;
	left: 35vw;
	text-align: center;
        /* border: solid blue 3px; */
	}

.footerRetTop {
        position: absolute;
        top: 1.0vh;
        left: -1.5vw;
        height: 6vh;
        width: 15vw;
        margin-left: 2.7vw;
        margin-right: 0.5vw;
        text-decoration: none;
        /* border: solid 2px blue; */
        }

#footerRetTopInner a:link {
        text-decoration: none;
        }
        
.mainContent{
	position: absolute;
	top: 13.0vh;
	bottom: 11.0vh;
	left: 8.0vw;
	right: 1.0vw;
	padding-left: 2vw;
	padding-right: 2vw;
	overflow: auto; 
	border-top: solid 2px green;
	border-bottom: solid 2px green;
	}
	
.textBox{
        position: relative;
        width: 80vw;
        height: 30vh;
        border: solid 4px red;
        }
        
.pixBoxRight{
        position: absolute;
        width: 40vw;
        height: 30vh;
        top: 10vh;
        right: 2vw;
        text-align: center;
        // border: solid black 3px;
        }
        
.pixBoxLeft{
        position: absolute;
        width: 40vw;
        height: 30vh;
        top: 5vh;
        left: 2vw;
        text-align: center;
        border: solid black 3px;
        }
        
        
        
        
/* .textBoxInner is indeed used on Documentation page, but code def has been deleted... */
/* restored here, but un-edited ... */
.textBoxInner{
	position: relative;
	padding: 25px;
	width: 70vw;
	/*overflow: auto; */
	border: solid 3px black;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4vh;
	}
        
.captionTextBox{
        position: absolute;
        border: none; /* solid 2px yellow; */
        }
	
	
/* .pixBoxLeft is indeed used on Template page, but code def has been deleted... */

/**************************   END box defs   ************************/



/****************************   Return-to-Top button   ************************/

.retTopBtn {
        position: relative;
        /*height: 40vh;
        width: 55vw;*/
        padding: 1.0vh 2.0vw;
        font-family: Georgia;
        font-size: 3vh;
        color: red;  /* #29830E; */
        display: inline-block;
        border: solid 1px #41C32D;
        border-radius: 15px;
        cursor: pointer;
        box-shadow: 3px 4px 0px 0px #054205;
	text-shadow:0px 1px 0px black; /* #e1e2ed; */
	text-decoration: none;
        background:linear-gradient(to bottom, #92FD81 5%, #41C32D 100%);
        background-color: #92FD81;
       }

.retTopBtn a:link,
           a:visited {
        text-decoration: none;
        }

.retTopBtn:hover {
	background:linear-gradient(to bottom, #41C32D 5%, #92FD81 100%);
        background-color: #BAB1BA;
        text-decoration: none;
        }

.retTopBtn:active {
        position: relative;
        top: 1px;
        background: gray;
        }
        
/********************   END retTopBtn   *********************************/



/********************   Tables   *********************************/

table, th, td {
    /* border: 1px solid black; */
    padding: 15px;
    text-align: center;
}

/********************   END tables   *********************************/



/* ****************   Text Definitions   ************************ */

h1{   /* content section title */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 6vh;
	}

h2{   /* header title */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 5.0vh;
	}

.h3Text{
        font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 3.0vh;
	font-weight: bold;
	}


.h4Text{
        font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 2.4vh;
	font-weight: bold;
	}

h5{    /* small link text (footer updated & return to top) */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0vh;
	}

h5b{    /* small link text */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 3.0vh;
	line-height: .8em;
	}
	
h6{   /* main menu head */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 4.0vh;
	}
	
.captionText{
	font-family:"Times New Roman", Times, serif;
	font-size: 5.0vh;
	text-align: center;
	margin-top: 2px;
	}
	
.headerTitleText{
        font-family: Georgia, serif;
        font-size: 5.0vh;
        font-weight: bold;
        color: white;
        }
        
.footerUpdateText{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7vh;
	font-weight: bold;
	color: white;
        }
        
.pageMenuHead{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 4.5vh;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 3.0vw;
	color: black;
        }

.menuLi {
        font-size: 5vh;
        }

.sepLine{
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 4vh;
        font-weight: bold;
        }

/*************   END text defs   ************/

	
	
/****************   Colors   ********************/
	
	
.colorGray{  /* gray-out text */
	color: #775932; /* Dk Brn */
	}
	
.colorLink{  /* for all(?) li's/links */
	color: #EA4D19; 
	}

.noLink{
	color: #775932; /* gray; */
	}

/* color codes:
   01DF74; Med Green; 
   347234; Dk Green
   3EAC77; Dk Green;
   A1310C; darker orangish;
   C68D2B; Gold;
   C83201; orangish;
   C8DAE9; Lt Blu;
   DCF03F; Pale Green;
   E9B04E; Lt Gold;
   EA4D19; link color?
   F0FFFF; Azure Blue;
   F5C167; even lighter Gold;
   F7C46A; lighter Gold;
*/

/*
   body background color is coded in page code under <body bgcolor...>
   link colors are coded in link section below and documented in .colorLink   */


/******************   END colors   **********************/



/* *******************   link code   ******************* */

.mainContent a:link,
.mainContent a:visited {
	color: darkGreen; 
	text-decoration: underline;
	}

.mainContent a:hover{  
        color: red;
        } 




/*******************   END   **************************/