@charset "UTF-8";
/* CSS Document */

  body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
	  font-size:24px;
  }
	

	.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0px;
    box-sizing: border-box;
  }

.ebg-red {color:#8D2924}

p.content {text-indent:1.2em; text-align: justify;}

.container h2 {text-align:center; font-size:125%;margin-top:20px;}
.container h1 {text-align:center; font-size:155%;}
.container h3 {text-align:center; font-size:115%;color:darkgray;}
.kicker {font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-style:italic;}

.responsive-image {
  max-width: 100%; /* Ensure the image never exceeds its parent container's width */
  height: auto; /* Maintain the aspect ratio of the image */
  display: block; /* Ensure the image behaves as a block-level element */
  margin: 0 auto; /* Center the image horizontally */
}

.container ul, ol {
}


span.highlight {background:yellow;}
span.underline {text-decoration:underline;}

.container ul li, ol li {font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	text-align: justify; 
	font-size: 24px; 
	line-height: 1.25em;
	margin-bottom: 10px;
	margin-left:1.2em;
	  padding-left: 20px; /* Adjust the left padding as needed */

}
.container p {font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
	          font-size: 24px; line-height: 1.25em; text-indent: 1.2em; text-align:justify;}

.container p.tagline {font-style:italic; margin-top: -15px}

.container p.first {text-indent:0; font-weight: bold;}

 header, footer {
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 10px 0;
  }


header{max-width:900px; width: 100%; margin: 0 auto;}


header img {
  width: 100%; /* Make the image fill the width of its container */
  height: auto; /* Maintain aspect ratio */
  display: block; /* Ensure the image takes up the full width of its container */
}

footer {
	  font-size: 60%;
	  border-top: 1px solid black;
	  padding-top:50px;
		  
  /* position: fixed;
    bottom: 0;*/
    width: 900px;
	  height: 100px;
	  margin:0px auto;
  }
  
  @media screen and (max-width: 768px) {
    .container {
      padding: 10px;
    }
  }


  @media screen and (max-width: 480px) {
	.container {
      padding: 20px;
    }
	  
	  .container {
    max-width: 480px;
  }
	  
	.header{max-width:480px; width:100%; margin: 0 auto;}
	  
	  footer {
	  font-size: 50%;
	  border-top: 1px solid black;
	  padding-top:20px;
		  
  /* position: fixed;
    bottom: 0;*/
    width: 100%;
	  height: 50px;
	  margin:0px auto;
  }

	  
	  .container ul li, ol li {
	font-size: 18px;  
    margin-bottom: 10px;
		  margin-left:0em;
	  padding-left: 10px; /* Adjust the left */
	}
	  
	  .container p {font-size:18px;text-indent:1.2em;
	
	  }

.container h2 {text-align:center; font-size:22px;}
	  
.container h1 {text-align:center; font-size:28px;}  
}

  .image-container {
    float: left; /* Float the container to the left side */
   
	margin-right: 15px; /* Add margin to the right of the container */
    margin-bottom: 15px; /* Add margin to the bottom of the container */
	   margin-top: 7px; /* Add margin to the top of the container */
    clear: both; /* Clear floats */
  }

  .image-container img {
    width: 100%; /* Ensure the image fills the container */
    display: block; /* Prevent any default margin or padding from affecting the image */
  }

  .image-container .caption {
	margin: 10px auto;
	max-width:300px;
  }
		
  .image-container .caption p {
	  text-align:center; 
	  font-size:16px; 
	  font-family:"Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
	  font-style:italic;
		text-indent:0;}
	  
	  /* Media query for mobile devices */
  @media only screen and (max-width: 600px) {
    .image-container {
      float: none; /* Remove float for mobile devices */
      margin: 0 auto 15px; /* Center the container horizontally and add margin at the bottom */
    }
	    .image-container .caption {
	margin: 10px auto;
	max-width:300px;
  }
	
	  
  }