<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */

/* CSS Document */

@media (max-width: 768px) { #sidebar-R { display: none;}

	}


.sidebar-l, #sidebar-l{	

	text-align: center;
	margin-top: -25px; 	
    margin-left: 30px;
	top: 0;
	bottom: 0;
	position: fixed;
    background-color: #008000;
   
    overflow-y: scroll;
    width: 265px;
    left: 0;
}
	


.sidebar-c,#sidebar-c{
			
    padding-left:0px;
	padding-right: 5px;	
    width: maxwidth;
	float: left;
	margin-top: -25px; 	
  	margin-left: 290px;
  	margin-right: 135px;
	height: 100%;
    background-color: #B7E3A4; /* Background color of the main content */
    position:static;
} 


.sidebar-r, #sidebar-r{	
    
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;	
    width: 143px;
	float: left;
	margin-top: -10px; 	
  	margin-left:403px;
	margin-right: 0px;
  	 overflow-y: scroll;
    top: 0;
    bottom: 0;
    background-color: #008000; /* Background color of the main content */
    position:fixed;
	right: 0;
}


	
  .footer, #footer{/*This means that the styles within these curled brackets will apply to html tags with class="footer" or id="footer"*/
  width:100%;
 
  margin-left: 260px;
  margin-right: 160px;
 text-align: left;
       height: fit-content;
    
    /*Background color of the footer*/
    padding-bottom: 0px;
    padding-top: 0px;
    bottom: -10px;
	 position: relative;
  margin-top: -180px;
  /* negative value of footer height */
  height: 180px;
     clear: both;
 }



#footer{
 position:fixed;
 bottom: 0px;
 left:1000px;
}
i { 
    font-style: italic;
} 

img{
	Padding:5px; 
}
</pre></body></html>