body { margin: 0; background: #FFFFFF;}
img { max-width: 100%;height: auto;}
.imgCenter{display: block;margin-left: auto;margin-right: auto;}
h1{font-family:"Times New Roman", Times, serif;font-size: 150%; color: #008000;} 
h2{font-family:"Times New Roman", Times, serif;font-size: 130%;color: #008000;}
h3{font-family:"Times New Roman", Times, serif;font-size: 100%;color: #008000;}
#menu{display: flex;background-color:  #333;width: 100%;margin-top:0px;position: -webkit-sticky;position: sticky;top: 0;z-index: 10;}
#tnav {width: 100%;background-color:  #333;overflow: hidden;}        
#topnav {white-space: nowrap;background-color:  #333;padding:8px;}
#topnav a {color: #f2f2f2;padding:18px;font-size: 20px;text-decoration: none;}
#topnav a:hover {background-color: #008000;color: #f2f2f2;}
#leftBtn{background-color:#333;color:  #f2f2f2;border:none;font-size: 28px;padding-left:10px;} 
#rightBtn{background-color:#333;color:  #f2f2f2;border:none;font-size: 28px;padding-right:10px;}#content{width: 96%;margin: 0px auto;background: #ffffff;overflow:auto;border:0px solid red;display: flex;flex-direction: row;}
#content{width: 96%;margin: 0px auto;background: #ffffff;overflow:auto;border:0px solid red;display: flex;flex-direction: row;}
#author{border:0px solid green;font-family: "Times New Roman", Times, serif;font-size: 18px;}
#author a{	color:#333; text-decoration: none; }	
#author a:hover {color: #008000;text-decoration:underline;}
#lcol{width: 17%;float: left;padding-left:1%;font-family: "Times New Roman", Times, serif;font-size: 19px;background: #ffffff;border:0px solid black;text-align: left;}
#main{width: 53%;float: left;font-family: "Times New Roman", Times, serif;font-size: 21px;line-height: 1.6em;text-align: justify;text-justify: inter-word;background: #fff;border:0px solid green;}	
#rcol{width: 22.5%;float: left;font-family: "Times New Roman", Times, serif;font-size: 19px;background: #ffffff;border:0px solid blue;padding-left:3%;}
#infobox{width: 75%;margin: 0px auto;background:#fff;color:#333;padding:3%;}  
#infobox a { color:#084B8A; }
#searchterm { float:left; }
#searchbox { float:left; width: 30%; }
#mailto { float:right; }
#bottommenu{width: 100%;margin: 0px auto;font-family: "Times New Roman", Times, serif;font-size: 18px;background:#fff;color:#333;text-align: center;border-top:1px solid #333;}
#bottommenu a{	color:#333; text-decoration: none; }
#bottommenu a:hover {color: #008000;text-decoration:underline;}
#bottominfo{width: 100%;margin: 0px auto;font-family: "Times New Roman", Times, serif;font-size: 18px;background:#fff;color:#333;text-align: center;}
#bottominfo a{	color:#333; text-decoration: none; }
#bottominfo a:hover {color: #008000;text-decoration:underline;}
#tutbottom{display: inline-block;border:0px solid red;vertical-align: top;width: 15%;padding-top:1%;line-height: 1.7em;}
#iqbottom{display: inline-block;border:0px solid red;vertical-align: top;width: 15%;padding-top:1%;line-height: 1.7em;}
#resbottom{display: inline-block;border:0px solid red;vertical-align: top;width: 15%;padding-top:1%;line-height: 1.7em;}
#bhead{border:1px solid #fff;background:#333;color:#fff;padding:2%;font-size: 20px;font-weight: bold;}
#bottom{clear:both;width: 100%;font-family: "Times New Roman", Times, serif;font-size: 12px;background:#333;color:#f2f2f2;padding-top:2.5%;padding-bottom:2.5%;text-align: center;}
#bottom a{color: #f2f2f2;}
#addRight{float: right;margin-bottom: 5%;}
#sideLink{clear:both;}
#download { width: 47%;	 float:left;}
#print { width: 47%;	 float:right;}
.fullcontent {}
.morecontent {display: none;}
.show-more-content:checked ~ .morecontent {display: block;}
#toggle-checkbox-content {display: none;}
#toggle-checkbox-content:checked + label {display: none;}
label#readmore-label{border:1px solid #000;padding:1.5% 7% 1.5% 7%;border-radius:25px;font-size:20px;}
.morelinks{width:100%;}
.morelinks-hidden{display:none;}
.show-more-links:checked ~ .morelinks-hidden{display:block;}
.morelinks-list {list-style-type: square;margin:0px;}
.morelinks-list li {padding: 8px 6px;border-bottom: 1px solid #ccc;}
.morelinks-list li a {text-decoration: none;font-family: Arial, sans-serif;font-size: 16px;color: #333;}
.morelinks-list li a:hover {text-decoration: underline;color: #008000;}
.mainList li{display: block;border:1px solid #ccc;margin: 0 0 .2em 0;width:100%;}
.mainList ol, ul { list-style: none; margin: 0; padding: 0; }
.mainList a {display: block;color:#036;background-color: #fff;padding: .2em .8em;text-decoration: none;}
.mainList a:hover{background-color: #008000;color: #FFF;text-decoration: underline;}
.mainheader{widh=96%;padding:1px;background-color: #008000;color:#fff;margin: 0 0 .2em 0;font-weight:bold;}
.mainheader a {color:#fff;background-color: #008000;text-decoration: none;}
.mainheader a:hover{background-color: #008000;color: #fff;text-decoration: underline;}
.multiSource{ width: 97%;font-family: "Courier New", Courier, monospace;font-size: 16px;  background-color : #f7f9f9;color:#0000FF;padding-top:1px;padding-bottom:10px; padding-left:15px;white-space: pre;margin-top: 10px;margin-bottom: 10px;line-height: 1.5em; overflow-x:scroll;}
.next {text-align:right;}
.next a{text-decoration: none;font-family: Arial, sans-serif;font-size: 17px;color: #333;}
.next a:hover {text-decoration: underline;color: #008000;}
#leftmenu {width:90%;border:0px solid green;margin-top:90px;color:#008000;font-size:24px;}
.leftlinks-list {list-style-type: none;margin: 0; padding: 5px;}
.leftlinks-list li {padding: 8px 0px;border-bottom: 1px solid #ccc;}
.leftlinks-list li a {text-decoration: none;font-family: Arial, sans-serif;font-size: 16px;color: #333;}
.leftlinks-list li a:hover {text-decoration: underline;color: #008000;}
/* Media Queries modity
--------------------------------------------- */
@media only screen and (max-width: 480px) {
  .topnav > :not(:nth-child(-n+3)) {display: none;}
  .topnav{ width: 100%; margin-left:0px;}
  .topnav a {padding: 10px 12px;font-size: 17px;}   
  #bottommenu {display:block;	width: 100%;	border-top:0px;font-size: 22px;}
  #bottominfo {display:block;	width: 100%;	border-top:0px;}
  #bottom{width: 100%;}
  #content{width: 100%;background: #ccc;flex-direction: column;}  
  #content > div:first-child {order: 3;}
  #content > div:last-child {order: 1;}
  #main{width: 96%;padding-left:2%;padding-right:2%; }  
  #rcol{width: 96%;padding-left:2%;padding-right:2%;float: left;}  
  #lcol{width: 94%;padding-left:4%;padding-right:2%;float: left;}  
  #infobox{width: 94%;}  
  #addRight{float: left;}  
  #searchterm {width:95%;}
  #searchbox { float:left; width: 95%;}
  #mailto { float:left;  width: 95%;}  
  #tutbottom {width: 100%;}
  #iqbottom {width: 100%;}
  #resbottom {width: 100%;}
  #searchterm { display:none; }
  #searchbox { padding:2% }
  #mailto { padding:2% }  
  h1{font-size: 120%;}h2{font-size: 110%;}h3{font-size: 90%;}
}

@media only screen and (max-width: 768px) {
  .topnav > :not(:nth-child(-n+4)) {display: none;}
  .topnav{ width: 100%; margin-left:0px;}
  .topnav a {padding: 10px 12px;font-size: 17px;}   
  #bottommenu {display:block;	width: 100%;	border-top:0px;font-size: 22px;}
  #bottominfo {display:block;	width: 100%;	border-top:0px;}
  #bottom{width: 100%;}
  #content{width: 100%;background: #ccc;flex-direction: column;}  
  #content > div:first-child {order: 3;}
  #content > div:last-child {order: 1;}
  #main{width: 96%;padding-left:2%;padding-right:2%; }  
  #rcol{width: 96%;padding-left:2%;padding-right:2%;float: left;}  
  #lcol{width: 94%;padding-left:4%;padding-right:2%;float: left;}   
  #infobox{width: 94%;}  
  #addRight{float: left;}  
  #searchterm {width:95%;}
  #searchbox { float:left; width: 95%;}
  #mailto { float:left;  width: 95%;}  
  #tutbottom {width: 100%;}
  #iqbottom {width: 100%;}
  #resbottom {width: 100%;}
  #searchterm { display:none; }
  #searchbox { padding:2% }
  #mailto { padding:2% }  
  h1{font-size: 120%;}h2{font-size: 110%;}h3{font-size: 90%;}
}

@media only screen and (max-width: 1279px) {
  .topnav > :not(:nth-child(-n+5)) {display: none;}
  .topnav{ width: 100%; margin-left:0px;}
  .topnav a {padding: 10px 12px;font-size: 17px;}   
  #bottommenu {display:block;	width: 100%;	border-top:0px;font-size: 22px;}
  #bottominfo {display:block;	width: 100%;	border-top:0px;}
  #bottom{width: 100%;}
  #content{width: 100%;background: #ccc;flex-direction: column;}  
  #content > div:first-child {order: 3;}
  #content > div:last-child {order: 1;}
  #main{width: 96%;padding-left:2%;padding-right:2%; }  
  #rcol{width: 96%;padding-left:2%;padding-right:2%;float: left;}  
  #lcol{width: 94%;padding-left:4%;padding-right:2%;float: left;}  
  #infobox{width: 94%;}  
  #addRight{float: left;}  
  #searchterm {width:95%;}
  #searchbox { float:left; width: 95%;}
  #mailto { float:left;  width: 95%;}  
  #tutbottom {width: 100%;}
  #iqbottom {width: 100%;}
  #resbottom {width: 100%;}
  #searchterm { display:none; }
  #searchbox { padding:2% }
  #mailto { padding:2% }
  h1{font-size: 120%;}h2{font-size: 110%;}h3{font-size: 90%;}
}