<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Under Construction</title>
<style>
    body {
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #f4f4f4;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        text-align: center;
        color: #333;
    }

    .construction-container {
        background: #ffffff;
        padding: 60px 40px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        max-width: 500px;
        width: 90%;
    }

    .construction-icon {
        font-size: 48px;
        margin-bottom: 20px;
    }

    h1 {
        margin: 0 0 15px;
        font-size: 28px;
        letter-spacing: 1px;
    }

    p {
        margin: 0;
        font-size: 16px;
        color: #666;
    }
</style>
</head>
<body>

<!-- GLOBAL TOOLBAR -->
<iframe src="toolbar.htm"
        style="position:fixed; top:0; left:0; width:100%; height:400px; border:0; z-index:9999;" /* 400 makes the drop downs visible */
        scrolling="no">
</iframe>

<style>
body {
  padding-top: 105px; /* Prevent content from hiding under toolbar was originally 95*/
}
</style>



<div class="construction-container">
    <div class="construction-icon">🚧</div>
    <h1>Page Under Construction</h1>
    <p>This section is currently being built. Please check back soon!</p>
</div>

</body>
</html>