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%;}
#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;}
.table-container {display: flex;flex-direction: column;width: 98%;border: 1px solid #ddd;}
.table-header{display: flex;background-color: #eee;font-weight: bold;}
.table-row {display: flex;background-color: #fff;}
.col-1, .col-2, .col-3, .col-4 {padding: 10px;border: 1px solid #ddd;}

.bMenu {display: grid;grid-template-columns: repeat(7, 1fr);gap: 4px;background:#333;padding-top: 30px;
  padding-bottom: 50px;margin-top:50px;}
.bColumn {padding: 10px;text-align: center;background:#333;color:#fff;}
.bColumn h3 {color:#fff;}
.bColumn a{	color:#fff; text-decoration: none; }
.bColumn a:hover {color: #008000;text-decoration:underline;}
.bRow {grid-column: 1 / -1;padding: 10px;background: #333;color: #fff;display: flex;justify-content: center; align-items: center; }
.bRow a{	color:#fff; text-decoration: none; }
.bRow a:hover {color: #008000;text-decoration:underline;}
.search-container {  display: flex;justify-content: center;align-items: center;width: 100%;margin-top:30px;}
.search-group {display: flex;}
/* 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;}   
  #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;}  
  #addRight{float: left;}  
  h1{font-size: 120%;}h2{font-size: 110%;}h3{font-size: 90%;}
  
  .bMenu {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));font-size: 210%;}  
  .search-container {flex-direction: column;align-items: center;}
}

@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;}   
  #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;}   
  #addRight{float: left;}  
  h1{font-size: 120%;}h2{font-size: 110%;}h3{font-size: 90%;}
  
  .bMenu {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));font-size: 210%;}  
  .search-container {flex-direction: column;align-items: center;}
}

@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;}   
  #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;}  
  #addRight{float: left;}  
  h1{font-size: 120%;}h2{font-size: 110%;}h3{font-size: 90%;} 
  
  .bMenu {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));font-size: 210%;}  
}