@charset "UTF-8";
/* Main Website Styles */
/* Sticky Footer Setup */
html, body {
  height: 100%;
}

body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 20px;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.container {
  max-width: 900px;
  margin: 0 auto 20px auto; /* Added bottom margin */
  background: white;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  flex: 1; /* Takes up available space */
}

/* Sticky Footer */
.footer {
  background-color: #2c3e50;
  color: white;
  text-align: center;
  padding: 20px;
  margin-top: auto; /* Pushes footer to bottom */
  border-top: 3px solid #e74c3c;
}

h1 {     color: #2c3e50;     border-bottom: 2px solid #e74c3c;     padding-bottom: 10px; }
h2 {   color: #34495e;   margin-top: 30px; }
h3 {   color: #7f8c8d; }
p {     margin-bottom: 15px; }

.content { margin-top: 20px; }
.back-link { display: inline-block; margin-top: 20px; padding: 8px 15px; background: #3498db; color: white; text-decoration: none; border-radius: 4px; }
.back-link:hover { background: #3CA95C; }
ul { margin-left: 20px; }
li { margin-bottom: 8px; }
a {color: #3CA95C}]
a.anchor { color: #e74c3c; text-decoration: none; margin-left: 5px; }
a.anchor:hover { text-decoration: underline; }
a.bookmark-link { color: #3498db; text-decoration: none; border-bottom: 1px dotted #3498db; }
a.bookmark-link:hover { color: #2980b9; border-bottom: 1px solid #2980b9; }
.bookmark-target { scroll-margin-top: 20px; }


    /* ===== NAVBAR STYLES ===== */
    nav {
        background-color: #A44010;
        font-family: Arial, sans-serif;
    }

    .menu {
        display: flex;
        justify-content: flex-start;
        list-style: none;
    }

    .menu > li {
        position: relative;
    }

    .menu > li > a {
        display: block;
        padding: 14px 20px;
        color: white;
        text-decoration: none;
        font-weight: bold;
        transition: background 0.3s;
    }

    .menu > li > a:hover {
        background-color: #8C360D;
    }

    /* ===== DROPDOWN STYLES ===== */
    .submenu {
        display: none;
        position: absolute;
        background-color: #C24F16;
        list-style: none;
        top: 100%;
        left: 0;
        min-width: 160px;
        border-radius: 0 0 6px 6px;
    }

    .submenu li a {
        display: block;
        padding: 10px 16px;
        color: white;
        text-decoration: none;
        font-size: 0.9em;
    }

    .submenu li a:hover {
        background-color: #A44010;
    }

    /* Show submenu on hover */
    .menu > li:hover .submenu {
        display: block;
    }

    /* ===== BREADCRUMB STYLES ===== */
    .breadcrumb {
        background-color: #f4f4f4;
        padding: 10px 20px;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    .breadcrumb a {
        color: #A44010;
        text-decoration: none;
    }

    .breadcrumb a:hover {
        text-decoration: underline;
    }

    .breadcrumb span {
        color: #555;
        margin: 0 5px;
    }

    /* ===== NAVIGATION STYLES ===== */
    .navigation a { 
        background-color: #f4f4f4;
        padding: 10px 20px;
        font-family: Arial, sans-serif;
        font-size: 14px;
   }

    .navigation a {
        color: #A44010;
        text-decoration: none;
    }

    .navigation a:hover {
        text-decoration: underline;
    }