body, ul, li, p {
      margin: 0;
      padding: 0;
	  font-family: Verdana, sans-serif;
    }
    ul { list-style: none; }

    h1, h2, h3 {
	  font-family: "Delicious Handrawn", cursive;
	}
	
	h2, h3 {
	  font-size: 20px;
	}
	
	h1, h2, h3, a:link{
	  color:#607B8F;
	}

	a:visited {
	  color:  #607B8F;
	}

	a:hover {
	  color: #E97F4A;
	}
 
    .tagline {
      font-family: "Delicious Handrawn", cursive;
      color: #333;
      margin: 5px 0;
    }
    
	
	h4{
		display:block;
		line-height:22px;
		font-size:20px;
		background-color:#E97F4A;
		letter-spacing:1px;
		padding:6px;
		color:#fff;
		font-family: "Delicious Handrawn", cursive;
	}
        
    .headerBar {
      display: flex;
      align-items: center;  
    }
    
    .headerLogo {
      margin-right: auto;  
    }
    
    .headerLogo img {
      height: 80px;
      width: auto;
    }
	
	
    footer {
      text-align: center;
      padding: 1.5em;
    }
   
 
    .phoneNumber {
      font: bold 12px Arial, sans-serif;
      margin: 5px 0 10px 0;
      color: #000;
	  text-align: right;
    }
    .phoneNumber span {
      margin-right: 15px;
    }
    
 
    .navbar {
      background: #111505; 
      border: 1.5px solid #000;
      height: flex;
      line-height: 30px;
	  border-radius: 15px; 
      display: flex;
      position: relative;
    }
    .navbar > li > a {
      display: flex;
      padding: 0 10px;
	  border-radius: 15px; 
      font: bold 19.55px Arial, sans-serif;
      color: #fff;
      text-decoration: none;
      border-right: 1px solid #fff;
    }
    .navbar > li > a:hover,
    .navbar > li > a.active {
      background: #607B8F; 
    }
 
    .navbarBorder {
      height: 2px;
      margin: 5px 0;
    }
 
     
    .pageWrapper {
      width: 800px;        
      margin: 0 auto;       
      background: #F7FAEA;  
      border: 1px solid #ccc;
      padding: 10px;
      box-sizing:border-box;
      
    }
    

    .contentBox {
		background-color: #F7FAEA;
        padding: 20px;
        font-size: 14px;
        border-style: groove;
        border-color:black;
    }

     .contentBox img {
      max-width: 50%;
      height: auto;
      margin: 0px 10px 20px 15px;
    }
    
  

    aside {
		background-color: #F7E396;
		padding: 20px;
		font-size: smaller;
		max-width: 200px; 
		border-style: groove;
		border-color: black;
		line-height: 1.4; 
		word-wrap: break-word;
		overflow-wrap: break-word;
		max-height: 200px;
    }
	

	.sidebar {
	  float: right;
	  padding: 5px;
	  width: 220px;
	  max-height: 400px;
	}
	
	.mainContent {
	  flex: 1;
	}
	
	.mainLayout {
	  display: block;
	}
	.mainLayout::after {
	  content: "";
	  display: block;
	  clear: both;
	}
    
    
	.page {
	  display: none;
	}

	.page.active {
	  display: block;
	}
		 
  
  
	.popbox {
	  width: 326px;
	  background-color: #F7E396;
	  border-style: groove;
	  border-color: black;
	  padding: 12px;
	}

	.popbox img {
	  width: 90%;
	  height: 170px;
	  display: block;
	  max-width: none;
	  margin-bottom: 10px;
	}

	.gridbox {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 20px;
	  max-width: 960px;
	}

	.posterboy { 
	  position: relative;
	  width: 65%;
	  height:300px;
	  overflow: hidden;
	  border: 1px solid #ccc;
	}

	.posterboy img {
	  width: 100%;
	  display: block;
	  object-fit: cover;
	  max-width: none;
	}

	.posterboy .overlay {
	  position: absolute;
	  bottom: 0;
	  background: rgba(67, 78, 120, 0.85);
	  color: #fff;
	  width: 100%;
	  padding: 10px;
	}

	.posterboy h3 {
	  margin: 0;
	  font-size: 16px;
	  color: #fff;
	}