html {
												color: black;
												font-family: sans-serif, sans;
												font-weight: normal;
												text-align: justify;				
											}
											
											* {
												margin: 0 0 0 0;
												padding: 0 0 0 0;											
											}											
											
											a:link {text-decoration:underline;}        	
											a:visited {text-decoration:underline;}
											
											.treebodytext {
												clear: none;
												margin: 0 6% 4% 0;												
											}
											
											#treecontentpage {
												background-color: lightcyan;
											   }
											
											#treehomepage {
												background-color: lemonchiffon;									
											   }
	
											#treehomearticle {
												float: right;
												margin-right: 20%;
												width: 50%;
											}
											
											.treecontentarticle { /* content page article */
												margin: 0 auto;
												width: 60%;
											}											
											
											#treenav { /* nav bar home page */
												width: 15%;
												float: left;
												margin-left: 12%;
												margin-right: 3%;
											}	
											
											#treenavlist {
												list-style-type: none;
												font-size: 110%;
												font-weight: 500;
											}
											   
											#treenavlist a {
												text-decoration: none;
											}
											
											#treenavlist li {
												padding-bottom: 1em;
											}										
											
											.treeheader {
												background-color: gray;
												height: 10vh;
												width: 100%;
											}	

											.treeheader p {
												font-size: 200%;
												font-weight: 600;
												text-align: left;
												color: white;
												line-height: 10vh;
												margin-left:5vw;
											}
											
											.treeheader a {
												text-decoration: none;
											}											
											
											#treehomelink {
												margin-top: 2vh;
												margin-left:5vw;												
												font-size: 110%;
												font-weight: 600;	
											}
											
											#treehomepagetitle {
												margin-top: 3em;
											}											
											
											.treepagetitle {
												text-align: center;											
												font-size: 290%;
												font-weight: 700;												
												clear: both;
												margin-top: 1em;												
												margin-bottom: 1em;												
											}												
											
											.treefooter {
												position: fixed;
												bottom: 0;
												width: 100%;
												height: 4em;
												background-color: firebrick;
											}

											.treefooter p {
												text-align: center;
												line-height: 4em;
												color: white;
											}
											
											.cleartreefooter {
												margin-bottom: 6em;
											}
											
											.majorheading {
												text-align: left;												
												font-size: 160%;
												font-weight: 700;
												text-align: left;
												margin-bottom: 0.8em;	
												clear: none;												
											}
											
											.minorheading {
												text-align: left;												
												font-size: 115%;
												font-weight: 500;
												text-align: left;
												margin-bottom: 1%;
												clear: none;												
											}
											
											.treeimageright {
												float: right;
												margin: 2% 0 2% 2%;
											}	
											
											
		/*------ media 400 ----------------- media 400 ---------------------- media 400 -------- media 400 --*/		
							@media only screen and (max-width: 401px) { 
							    
											#treehomearticle {
												float: right;
												margin-right: 5%;
												width: 90%;
											}											
											
											#treenav { /* nav bar home page */
												width: 90%;
												float: left;
												margin-left: 5%;
											}	
					}