<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="info@hungate.info">
    <title>Sitemap - Hungate Info</title>
    <link href="/images/COAb2.png" rel="icon" type="image/png">

    <style>
        body {
            background-color: #FFFFFF;
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 10px;
            color: #000000;
        }

        /* Layout Container */
        .wrapper-table {
            border-collapse: collapse;
            border: 1px solid #111111;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
        }

        /* Header Styling */
        .header-bg {
            background-color: #1F68A5;
            padding: 15px;
            text-align: center;
        }
        .header-logo {
            background-color: #C6D580;
            display: block;
            margin: 0 auto 10px auto;
            border: none;
        }
        .header-title {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 24pt;
            font-weight: bold;
            color: #FFFFFF;
            margin: 0;
        }
        .header-subtitle {
            font-family: Verdana, Geneva, sans-serif;
            font-size: 20px;
            color: #FFFFFF;
            font-weight: bold;
            margin-top: 5px;
        }

        /* Horizontal Top Navigation */
        .nav-bar-bg {
            background-color: #FFCC66;
            padding: 5px;
        }
        .top-nav {
            width: 100%;
            border-collapse: separate;
            border-spacing: 5px;
        }
        .top-nav td {
            background-color: #2C8AD8;
            text-align: center;
            padding: 6px;
            width: 20%;
        }
        .top-nav a {
            color: #FFFFFF;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12pt;
            font-weight: bold;
            text-decoration: none;
            display: block;
        }

        /* Main Section & Sidebar Layout */
        .content-container {
            vertical-align: top;
            background-color: #FFFFFF;
            padding: 10px;
        }
        
        /* Sidebar Navigation */
        .sidebar-table {
            width: 200px;
            border-collapse: collapse;
            border: 1px solid #003399;
            margin-right: 10px;
        }
        .sidebar-header {
            background-color: #1F68A5;
            color: #FFFFFF;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12pt;
            font-weight: bold;
            padding: 6px;
        }
        .sidebar-content {
            padding: 10px;
            background-color: #FFFFFF;
        }
        .sidebar-content a.sidebar-link {
            color: #1F68A5;
            font-size: 12pt;
            text-decoration: none;
            display: inline-block;
            margin-bottom: 5px;
        }

        /* Sitemap Main Area */
        .sitemap-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #CCCCCC;
        }
        .sitemap-header {
            background-color: #1F68A5;
            color: #FFFFFF;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 14pt;
            font-weight: bold;
            text-align: center;
            padding: 8px;
        }
        .sitemap-body {
            padding: 20px;
        }
        .links-table {
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #111111;
        }
        .links-table th {
            background-color: #1F68A5;
            color: #FFFFFF;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 14pt;
            padding: 10px;
            text-align: left;
        }
        .links-table td {
            background-color: #FFFFFF;
            padding: 10px;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 12pt;
            border: 1px solid #DDDDDD;
            vertical-align: top;
        }
        .links-table a {
            color: #000000;
            text-decoration: none;
        }
        .links-table a:hover {
            color: #1F68A5;
            text-decoration: underline;
        }

        /* Footer */
        .footer {
            background-color: #1F68A5;
            color: #FFFFFF;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 14px;
            text-align: center;
            padding: 10px;
        }
    </style>
</head>
<body>

<table class="wrapper-table">
    <tbody>
        <!-- Banner Header -->
        <tr>
            <td class="header-bg">
                <a href="https://www.hungate.info/index.html">
                    <img src="/images/COAb2.png" alt="hungate info logo" width="133" height="157" class="header-logo">
                </a>
                <div class="header-title">hungate info</div>
                <div class="header-subtitle">Sitemap</div>
            </td>
        </tr>

        <!-- Horizontal Top Navigation -->
        <tr>
            <td class="nav-bar-bg">
                <table class="top-nav" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td><a href="https://www.hungate.info/index.html">Home</a></td>
                        <td><a href="https://www.hungate.info/about/about.html">About</a></td>
                        <td><a href="https://www.hungate.info/contact/contact.html">Contact</a></td>
                        <td><a href="https://www.hungate.info/faq/faq.html">FAQ</a></td>
                        <td><a href="https://www.hungate.info/products/products.html">Products</a></td>
                    </tr>
                </table>
            </td>
        </tr>

        <!-- Main Body Content -->
        <tr>
            <td class="nav-bar-bg">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <!-- Left Sidebar Menu -->
                        <td class="content-container" style="width: 200px;">
                            <table class="sidebar-table">
                                <tr>
                                    <td class="sidebar-header">Main Menu</td>
                                </tr>
                                <tr>
                                    <td class="sidebar-content">
                                        <a class="sidebar-link" href="https://www.hungate.info/index.html" title="Home">Home</a><br />
                                        <a class="sidebar-link" href="https://www.hungate.info/about/about.html" title="About">About</a><br />
                                        <a class="sidebar-link" href="https://www.hungate.info/contact/contact.html" title="Contact">Contact</a><br />
                                        <a class="sidebar-link" href="https://www.hungate.info/faq/faq.html" title="FAQ">FAQ</a><br />
                                        <a class="sidebar-link" href="https://www.hungate.info/products/products.html" title="Products">Products</a>
                                    </td>
                                </tr>
                            </table>
                        </td>

                        <!-- Right Sitemap Directory Area -->
                        <td class="content-container">
                            <table class="sitemap-table">
                                <tr>
                                    <td class="sitemap-header">Site Directory</td>
                                </tr>
                                <tr>
                                    <td class="sitemap-body">
                                        <table class="links-table">
                                            <tr>
                                                <th style="width: 50%;">Main Site</th>
                                                <th style="width: 50%;">Shopping Cart</th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <a href="https://www.hungate.info/index.html"><strong>hungate.info</strong></a><br><br>
                                                    <a href="https://www.hungate.info/about/about.html">About</a><br><br>
                                                    <a href="https://www.hungate.info/contact/contact.html">Contact</a><br>
                                                    &nbsp;&nbsp;&nbsp;&nbsp;&bull; <a href="https://www.hungate.info/tcatnoc/contact_form.html">Contact Form</a><br><br>
                                                    <a href="https://www.hungate.info/faq/faq.html">FAQ</a><br><br>
                                                    <a href="https://www.hungate.info/products/products.html">Products</a>
                                                </td>
                                                <td>
                                                    <a href="https://www.hungate.info/shop/"><strong>Cart</strong></a><br><br>
                                                    <a href="https://www.hungate.info/shop/about-us">About</a><br><br>
                                                    <a href="https://www.hungate.info/shop/contact-us">Contact Us</a><br><br>
                                                    <a href="https://www.hungate.info/shop/books">Books (free download)</a><br><br>
                                                    <a href="https://www.hungate.info/shop/recipes">Recipes (free download)</a><br><br>
                                                    <a href="https://www.hungate.info/shop/privacy-policy">Privacy Policy</a><br><br>
                                                    <a href="https://www.hungate.info/shop/terms-and-conditions">Terms and Conditions</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!-- Footer -->
        <tr>
            <td class="footer">
                &copy; <span id="year"></span> Hungate Info Online. All rights reserved.
            </td>
        </tr>
    </tbody>
</table>

<script>
    document.getElementById("year").textContent = new Date().getFullYear();
</script>

</body>
</html>