/*This is CSS Style sheet for teaching trees */
html { font-size: calc(0.2em + 1vw);
   }

body{background: linear-gradient(#587c24, #a7c876);
font-size: 1em;
	}

p{font-family:"Verdana", sans-serif;
	word-spacing:normal;
	text-align:left;
	font-size: 1em;;
		} 
h1{font-size:1em; text-align:left;}
h2{font-size:1.5em; text-align:left; vertical-align:text-top;}
h3{font-size:2em; text-align:center;}
h4{font-size:2.2em; text-align:center;}
h5{font-size:2.5em;}
h6{font-size:1.3em; text-align:left;font-style: italic; font-weight: bold;}
h7{font-size:1em; text-align:left; font-style: italic; font-weight: bold; }

.fcolor1{color:#000;}
.fcolor2{color:#ffd582;}
.fcolor3{colour:#123dab;}

/*<!--a{
  color: blue;
}-->*/
a:link {
	color:##ADD8E6;
  text-decoration: none;
}
a.ex1:hover{color:#123dab; background:none; padding:0px 0px;}/*yell  ow & dk blue*/
a.ex2:hover{color:#123dab; background:#0F2F49; color:#FFD582; padding:15px 0px;}/*yell  ow & dk blue*/
a.ex3:hover{color:#FFD582; background:none; text-decoration:underline; font-weight:bold; padding:0px 0px;}
a.ex3:visited{text-decoration:none; color:#FFD582;}  
a.ex3:link{text-decoration:none; color:#F486F4;}      /*dark blue   #123dab     */


hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 2px;
  border-color: #5d8129;
}
hr.pix1 {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  border-color: #5d8129;
}

  /******************************************************Tables  ********************************************************************/
	
table, td, tr{ 
	  caption-side:top;
	  table-layout:fixed;
	  margin:1.1em auto;
	  font-size:0.9em;
	  border-bottom: 1px solid #587c24;
	  border-left: 0;
 	  border-right: 0;
	  line-height: .9em;
}
th{
	  background-color:#70933d;
	  color:white;
	  text-align:center;
	  border-color:#70933d;
	}
	
th .vi{
	  background-color:#70933d;
	  color:white;
	  text-align:left;
	  border-color:#70933d;
	}

td { 
	vertical-align: middle;	

 }
	  
table{
	width:80%;
}

.table1 {
   caption-side:top;
	  table-layout:fixed;
	  font-size:1em;
	  border-bottom: 0.2em solid #587c24;
	  border-top: 0.2em solid #587c24;
	  border-left: 0;
 	  border-right: 0;
	  width: 80%;
}

.table2 {
   caption-side:top;
	  table-layout:fixed;
	  margin:1.1em auto;
	  font-size:0.9em;
	  border-bottom: 1px solid #587c24;
	  border-left: 0;
 	  border-right: 0;
	  width: 80%;
	   line-height: 1.6;
}

.table2 tr{
	height: 2em;
	}


tr{
	height:0.5em; 
	border-color:#70933d;
}
details > summary {
  font-size:0.9em;
  font-weight: strong;
  padding: 1px;
  margin-left: 10%;
  /*  width: 245px;*/
  width: 13.5em;
  background-color:#70933d;
  color:white; 
  text-align:center; 
 border: 1px solid #587c24;
 cursor: pointer;
}

details > p {
  background-color: #70933d;
  padding: 0.2em;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}

                          	     /*000000000000000000000000000   discription list oooooooooooooooooooooooooooo-*/
	
dt{
	display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 40%;
	}	
	
	
	
	
.titleband{                     /* Second Row TITLE and Catch phrse Bar oooooooooooooooooooooooooooo-*/
	background:#5d8129;
	margin:0px auto;
	border:0px solid #000;
	 }
	 
.title{
	 	text-align:center;
		border: 0 0 solid #000;
		font-size:1em;
 }

.titleband .center{
	width:54em;
	margin:0 auto; 
	overflow:hidden; 
	}
	
.NV{width:100%;
	float:left; 
	border:0px #000 solid;
	padding:1.1em 0px 0.6em 0px;}	

	
.third{                     /*    ooo  CONTENT  ROW  Third Row Content Bar ooooooooooooooooooo*/
	background:url(images/lesa.png) center 0 no-repeat;
	margin:0 auto;
	border:0px solid #000;
	overflow:hidden;
	 }
         /* oooooo  YELLOW BOX   oooooooooooooooo*/
.content{           
    background:url("images/contentBG2.png");
	border:3px solid #000;
	border-radius:1.1em;
	/*padding:15px;*/
	margin:0 auto;
	overflow:hidden;
	width:54em;
		}
#navbar{
	padding:1.7em 0.6em 0.6em 2em;
}	

#navbar ul{            /*LIST THAT CONTAINS NAVAGATION LINKS*/
	margin:0.6em;
	padding:1.1em 0 0.8em 0;
	text-decoration:none;
}
	
#navbar li{
	list-style-type:none;
	font-size:1.1em;
	font-weight:bold;
	float:left;
	padding: 0em 0.8em;
	} 

.blackback{     /* oooo Black background box oooo*/
	background:#000000;
	border:0px solid #000;
	border-radius:1.1em;
	width:51.5em;
	margin:2.3em auto; 
	padding: 0.8em 0;
	overflow:hidden;
	}

.picbox{               /* oooo CONTENT PICTURE BOX oooo*/
	background:color:#000;
	border:0px solid #000;
	border-radius:1.1em;
	width:15.8em;
	float:left;
	margin:1.7em 0.6em 0.8em 1.1em;
	padding:0.3em auto;
}

.top{float:right;
	}

	/* <***************************************IMAGES  **********************************************!---->*/
	
img {
  	border: 1px solid #000;
	margin: 1em auto;
/*	margin-top: 1em;
*/  
}

.center0 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}	

.center {
display: block;
  margin-left: auto;
  margin-right: auto;
width:75%;
}

.center20 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 20%;
}	
	
.center40 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 40%;
}	
.center50 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 50%;
}	

.center60 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 60%;
}	

.center80 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 80%;
}	


.center100 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 80%;
}	

caption {
	padding: 0.5em 0;
	font-size: 0.9em;
	text-align: left;
}


.caption {
	padding: 0.5em 0;
	font-size: 0.8em;
	text-align: left;
}

.figcaption {
  padding: 0.1em;
  /*text-align: center;*/
  font-size: 0.8em;
}
.figcapcenter {
  padding: 0.1em;
  text-align: center;
  font-size: 0.8em;
}

.floatrt{
	float:right;
	width: 30%;
	margin:1em;
	padding:0.3em auto;
	}


 /*    ************************************  Two IMAGES side by side *****************************************************/

.flex-container {
    display: flex;
	justify-content: center;
/*    border: solid #FFF;
*/}

.flex-child {
    flex: 1;
	margin: 0.3em 3.4em;
/*    border: 2px solid yellow;
*/}  

.flex-child:first-child {
    margin-right: 10%;
} 
  
.flex-child:first-child {
    margin-right: 0%;
} 

.column {
  float: left;
  width: 33.33%;
  padding: 0.3em;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
} 
 
	
.birdbox{               /* oooo- Talks Page  CONTENT TEXT BOX oooo*/
	background:#000;
	border:0px solid #000;
	border-radius:1.1em;
	padding:1.1em 0.8em;
	text-align:center;
	color:#ffd582;
	margin:1.7em 0.6em 0.6em 1.2em;
}

.me{               /* oooo- Talks Page  CONTENT TEXT BOX oooo*/
	background:#000;
	border:0px solid #000;
	border-radius:1.1em;
	padding:0.6em 0.6em;
	text-align:center;
	margin:0 auto;
 	}


.articlebox{
	background:#ffd582;
	border:0px solid #000;
	border-radius:1.1em;
	padding:1.7em 1.7em;
	margin:0 auto;
	width:42.2em;
}


.footwrapper{
	background:#a5c674;
	border:0px solid #000;
	padding:2px 0;
	overflow:hidden;
	margin:0 auto;
	}

.footer{
	background:url("images/contentBG2.png") repeat-x;
	border:0.15em solid #000;
	border-radius:1.1em;
	width:53.5em;
    overflow:hidden;
	padding:0.3em;
	margin:0 auto;
	}

table{
width:80%;
}
/*tr{
height:1.7em;
}*/
	
.rightfoot{
float:right;
overflow:hidden;
margin:0 auto;			
	}

.rightfoot ul{            /*LIST THAT CONTAINS FOOTER NAVAGATION LINKS*/
	margin:0 auto;
	float:right;
	padding:0.8em;
	text-decoration:none;
}
	
.rightfoot li{
	list-style-type:none;
	font-size:1em;
	text-decoration:underline;
	/*font-weight:bold;*/
	float:left;
	}