body{
        background-color: #bebebe ;
/*	margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:0px;*/
	font-family: Verdana, Arial, Sans-serif;
	color: black;
/*	position: absolute;*/ /* Paul notes, position,top,right side of page*/
/*	top: 1px;      */     /* Paul notes, */
/*        left: 1px;   */       /* Paul notes, */
/*        width: 75%; */
        
}

h1 {      
          margin: auto;
          color: Yellow;
          /*padding: 5px 5px 5px 5em;  PAUL notes last one adjusts right the H1 text */
          font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }

h2 {      
          margin-left: 30%;
          color: Red;
          padding: 5px 5px 5px 5px; 
          font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }
          
h3 {      
          /*margin: auto;*/
          margin-left: 30%;
  	  /*margin-right: auto;*/
          width: 50%;
          color: #686868;
          /*padding: 5px 5px 5px 5px; */
          font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }
          
h4 {      
          margin-left: 30%;
          color: #00CCFF; /*bluey*/
          padding: 5px 5px 5px 5px; 
          font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif }    



/*Responsive layout - makes the three columns stack on top of each other instead of next to each other 
@media screen and (max-width: 600px) {
  .body, .tree {
    width: 100%;
  }
}*/

A:link{color: YELLOW;text-decoration:none;}
A:active {color:WHITE;text-decoration:none; }
A:visited {COLOR:RED; text-decoration:none;  }
A:hover {COLOR: fuchsia; text-decoration:none;}


UL.tree LI { /*This adjusts the main LI heading */
	FONT-SIZE: 0.7em;        /* PAUL notes adjust this for controlling font */
	COLOR: PURPLE; /*aquamarine*/
}

UL.tree LI UL LI {               /*This adjusts the sub LI menu */
	FONT-SIZE: 0.8em;        /* PAUL notes adjust this for controlling font */
	padding:0px 0px 0px 0px; /* PAUL notes padding for li*/
	
}

.tree {
    float: left;
    /*padding-left: 0em;*/
    width: 25%;
    position: sticky; /* Paul notes, position,top,left keep the menu in the left side of page*/ 
    top: 5em;           /* Paul notes, position,top,left keep the menu in the left side of page*/
/*    left: 1em;  */        /* Paul notes, position,top,left keep the menu in the left side of page*/
    padding: 0px 0px 0px 1em;
    dashed #3399CC;
    background-color:#bebebe; 
    font-weight:bold;
    CURSOR: default;  
}

UL.leaf LI { /*This adjusts the main LI heading */
	FONT-SIZE: 0.7em;        /* PAUL notes adjust this for controlling font */
	COLOR: #7FFFD4; /*aquamarine*/
}

UL.leaf LI UL LI {               /*This adjusts the sub LI menu */
	FONT-SIZE: 0.8em;        /* PAUL notes adjust this for controlling font */
	padding:0px 0px 0px 0px; /* PAUL notes padding for li*/
	
}

.leaf {
    width: 15em;
    position: absolute; /* Paul notes, position,top,left keep the menu in the left side of page*/
    top: 2em;           /* Paul notes, position,top,left keep the menu in the left side of page*/
    left: 1em;          /* Paul notes, position,top,left keep the menu in the left side of page*/
    padding: 0px 0px 0px 1em;
    border:0px dashed #3399CC;
    background-color:BLUE; 
    font-weight:bold;
    CURSOR: default; 
}

UL.leafier LI { /*This adjusts the main LI heading */
	FONT-SIZE: 0.7em;        /* PAUL notes adjust this for controlling font */
	COLOR: #7FFFD4; /*aquamarine*/
}

UL.leafier LI UL LI {               /*This adjusts the sub LI menu */
	FONT-SIZE: 0.8em;        /* PAUL notes adjust this for controlling font */
	padding:0px 0px 0px 0px; /* PAUL notes padding for li*/
	
} 

.leafier {
    width: 15em;
    position: absolute; /* Paul notes, position,top,left keep the menu in the left side of page*/
    top: 2em;           /* Paul notes, position,top,left keep the menu in the left side of page*/
    left: 1em;          /* Paul notes, position,top,left keep the menu in the left side of page*/
    padding: 0px 0px 0px 1em;
    border:0px dashed #3399CC;
    background-color:gray; 
    font-weight:bold;
    CURSOR: default; 
}

.toprhs {
    width: 7em;
    position: absolute; /* Paul notes, position,top,right side of page*/
    top: 1px;           /* Paul notes, */
    right: 1px;          /* Paul notes, */
    padding: 0px 0px 0px 1px;
    border:0px dashed #3399CC;
    /*background-color:PURPLE; */
    font-weight:bold;
    CURSOR: default; 
    
}
  
.yellow {
    background-color:yellow;
    
}

.gray {
    background-color:gray;
    
}

.mid {
    text-align: center;
    width: 15em;
    position: absolute; /* Paul notes, */
    top: 50%;
    left: 50%;
    margin-top: -190px; /* y =half the image height (top minus half the image height)*/
    margin-left: -240px; /* y= half the image width (left minus half the image width)*/
    padding: 0px 0px 0px 1em;
    border:0px dashed #3399CC;
    font-weight:bold;
    CURSOR: default; 
}