a  { color:antiquewhite;
        text-decoration: none;
        text-decoration-line: none;
        }
    a:visited { color:#C0C0C0; }
    a:hover { color:#FF6600; }
    a:active { color:#FF9900; }

        body {
            margin: 0;
            padding: 0;
            font-family: "Amaranth", Arial, sans-serif;
            color: #707070;
            background-color: #f9f9f9;
        }

        header {
            background-image: url("https://mlpvu7wgwflk.i.optimole.com/co-ZpyQ-NqMbv3Tv/cb:mv2XneSJ.l8BuPgug/w:auto/id:8827185c38c3e6647292bfb10f818d61/directUpload/open-book.webp"); /* Replace with your header image URL */
            background-size: Xpx 250px; /* Replace X with the actual width */
            background-size: cover;
            background-position: center;
            height: 250px;
           color: antiquewhite;
             font-family: 'Amaranth', Arial, sans-serif;
            
        }

img {
    max-width: 100%;
    height: auto;
}
        nav {
        background-color: #212529;
        color: #fff;
        text-align: center;
        height: 30x;
        padding: 10px;
            z-index: 1000;
      position: relative;
        
           
        }

/* Base styling for the menu */
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
/*background-color: #333;*/
        display: flex;
    justify-content: space-around;
    align-items: center;
}

nav li {
  display: inline-block;
  position: relative;
}

nav a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #fff;
}

/* Styling for the dropdown submenu */
.dropdown:hover .submenu {
  display: block;
    width: 200px;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #333;
}

.submenu li {
  display: block;
}

.submenu a {
  padding: 10px 20px;
    display: block;
}

/* Styling for the top-level menu items */
nav li:hover > a {
  background-color: #555;
}

/* Style for the submenu items on hover */
.submenu li:hover a {
  background-color: #555;
}


        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .main-content {
            margin: auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-content: center;
        }

        .column {
            display: flex;
           
            flex: 1;
            margin: 5px;
            padding: 10px;
            background-color: ;
            flex-direction: column;
            
            justify-content: center; /* Center content horizontally */
            align-items: center; /* Center content vertically */

        }

        .footer {
            background-color:#212529;
            color: #fff;
            text-align: center;
            padding: 10px;
        }
        
        .section {
            margin: auto;
            width: 90%;
                display:flex;
            justify-content: space-evenly;
            align-content: center;
            vertical-align: middle;
        }
        .a {
            color: antiquewhite;
        }
        .h1 {
            color: antiquewhite;
             margin: 20px;
            font-size:  36px;
            font-family: 'Amaranth', Arial, sans-serif;

        }
        
        .h2 {
             color: saddlebrown;
             margin: 20px;
            font-size:  36px;
            font-family: 'Amaranth', Arial, sans-serif;

        }
.column-pic {
   
            display: flex;
           
            flex: 1;
            margin: 10px;
            padding: 20px;
            background-color: ;
            flex-direction: column;
   
            justify-content: center; /* Center content horizontally */
            align-items: center; /* Center content vertically */

        
}



h3 {
    color: orange;
}
/* Base styling for the button */
.my-button {
  background-color: orange;
  color: whitesmoke;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

/* Styling for the button on hover */
.my-button:hover {
  background-color: #212529;
  color: antiquewhite;
}

.section-image {
       
            margin: auto;
            width: 90%;
                display:flex;
            justify-content: space-evenly;
            align-content: center;
            vertical-align: middle;
    padding-top: 10px;
     
}

.text-link {
    color: orange;
}

.text-link:hover {
    color: #212529;
    text-decoration: underline;
      cursor: pointer; /* Change the cursor to a pointer on hover */
}

h4 {
    color: orange;
}

#aus-slider {
   
    height: 250px;
    width: 90%;
}

h1 {
    padding-top: 40px;
    margin-top: -20px;
    padding-left: 10px;
}

.subtitle {
    padding-left: 10px;
}

/* Add this CSS to your stylesheet */
#sticky-menu {
    position: relative;

    width: 100%;
     /* Adjust the background color as needed */
    z-index: 1000; /* Ensure the nav is above other content */
}

/* Rest of your navigation styles remain the same as in the previous answer */

#sticky-menu.sticky {
    position: fixed;
    top: 0;
}
#sticky-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 30px; /* Adjust the height as needed */
}

#sticky-nav li {
    position: relative;
}

#sticky-nav a {
    text-decoration: none;
    color: #fff; /* Adjust the text color as needed */
    padding: 10px 20px;
    display: block;
}

#sticky-nav .dropdown:hover .submenu {
    display: block;
}

#sticky-nav .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    z-index: 1000;
}

#sticky-nav .submenu li {
    display: block;
}

/* Add any other styles or adjustments you need */
/* Rest of your styles remain the same */

#sticky-nav .dropdown:hover .submenu {
  display: block;
  position: absolute; /* Add this line to ensure proper dropdown position */
}