* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            height: 100vh;
            font-size:14px;
            color: green;
        }
      
        header, footer {
            position: fixed;
            width: 100vw;
            background: green;
            color: white;
            text-align: center;
        }
        header {
            top: 0;
            height:110px;
            padding: 10px;
        }
            header a {
                float: left;
                margin-left:10px;
            }
            header h1 {
                padding-top:15px;
            }
        footer {
            height:60px;
            padding:5px;
            bottom: 0;
        }
        .container {
            display: flex;
            /*margin-top: 50px;*/
            margin-bottom: 50px;
        }
      
        .sidebar {
            width: 200px;
            background: #E3E8E3;
            border-right: thick solid green;
            color: green;
            font-weight: bold;
            padding: 15px;
            position: fixed;
            height: 100%;
            top: 110px;
            left: 0;
            overflow-y: auto;
            transition: transform 0.3s ease;
        }
            .sidebar a {

                 text-decoration:none;
                 color:green;
                 font-weight: bold;
            }
            .sidebar a:hover{
                 text-decoration:none;
                 background-color:green;
                 color:white;
                 font-weight: bold;
            }
 
        .sidebar ul {
            list-style: none;
            margin-top:10px;
             margin-left:20px;
        }
        .sidebar li{
            margin-bottom: 20px;
            cursor: pointer;
        }
        .sidebar li ul{
            font-size:85%;
            margin-bottom: -20px;
             margin-left:15px;
        }
        .sub-menu li {
             margin-bottom:15px;
        }
        .sub-menu li:last-child {
             margin-bottom:40px;
        }
        .sub-menu {
              display: none;
        }
        
        .sidebar ul li.active .sub-menu {
            display: block;
        }
        .safeguarding ul {
            padding-left:25px;
        }
        .content {
            /*flex: 1;*/
            display: flex;
    /*align-items: center;*/ /* Align items vertically */
            gap: 40px; /* Adds space between image and text */
            padding: 20px;
            margin-left: 250px;
            margin-top:130px;
            margin-right:30px;
            width: 100%;
           margin-bottom:60px;
        }
            .content img {
                display:block;
                margin:auto;
            }
        .left {
           /*max-width: 50%;*/
           flex: 1;
           height: auto; /* Maintain aspect ratio */
           /*background:lightgoldenrodyellow;*/
         }
          .right {
             /*max-width: 100vw;*/
             flex: 1;
             /*background:FloralWhite;*/
         }
            .left .right img {
                max-width:50vw;
            }
        .hamburger {
            display: none;
            background-color: green;
            border: none;
            position: fixed;
            top: 10px;
            right: 0;
            padding:10px;
            font-size: 24px;
            color: white;            
            cursor: pointer;
        }
        .mobile {
            display:none;
        }
           h2{
        padding-top:6px;
    }
        h3 {
            padding-bottom:10px;
        }
        p {
            width:100%;
            padding-bottom:8px;
            font-size:110%;
        }

        a{
	        color:Green;
	        font-weight:bold;
	        font-size: 17px;
            text-decoration:none;
        }
         .sub-menu a {
                font-size:14px;
                padding-bottom:5px;
            }
    a:hover
    {
	    background-color:Green;
	    color:White;
	    text-decoration:none;
		    font-size: 12pt;
    }
    /*.linkImg a{
        color:white;
        background-color:white;
        border:0;
        !important;
    }

    .linkImg a:hover{
        display:inline;
        background-color:white;
        border:0;
        !important;
    }*/
    .map-iframe {
      width: 100%;
      border: 0;
      height: 70vh;
    }

.indent li {
    padding-left:20px;
    padding-bottom:5px;
}
/*.whatson{
		table {height: 457px;width:100%}
		tbody
		{height: 452px; overflow: auto;
		}
		td { padding: 0 10px;}
		th { padding: 6px 10px 0;text-align: left;font-size: 11pt;}
		tr, tbody{display:block;}  
		}*/    
             
@media (max-width: 768px) {
    
    header {
        font-size: 65%;
    }

     header a {
            margin-left: -5px;
        }
   
    footer {
        padding: 0;
    }

    .sidebar {
        transform: translateX(-100%);
    }

        .sidebar.open {
            transform: translateX(0);
        }

    .content {
        margin-left: 0;
        flex-direction: column;
        text-align: center;
        margin-top: 95px;
        margin-right:0;
    }
    .content img{
        width:90vw;
    }
    .left, .right {
        max-width: 100%;
    }

    .hamburger {
        display: block;
    }
    .safeguarding ul li{
            list-style:none;
            padding-bottom:6px;
        }
    
    .mobile{
        display:block;
    }
 
    .notmobile {
        display:none;
    }
    
    /*.hide
    {
    display:none;
    }*/

    .map-iframe {
        width: 100%;
        border: 0;
        height: 50vh;
    }
    
    .notcentered {
       text-align:left;
    }

}