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

	}




.sidebar-l, #sidebar-l{	

	text-align: center;
	margin-top: -25px; 	
    margin-left: 0px;
	top: 0;
	bottom: 0;
	position: fixed;
    background-color: #0000ff;
   
    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: #dda0dd; /* Background color of the main content */
    position:static;
} 
#sidebar-c p font {
}


.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: #0000ff; /* 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;
  
}

.header {
     position: fixed;
}

body {
     padding-top: 50px; /* Height of your header*/
}