body {
    background-color: #001a00; /* Dark, retro green background */
    font-family: 'Courier New', Courier, monospace; /* Retro-style font */
    font-size: 14px; /* Slightly larger, clearer for older style fonts */
    line-height: 1.4em;
    width: 70%;
    min-width: 700px;
    margin: 1em auto;
    color: #00ff00; /* Bright, classic "terminal green" text */
    text-shadow: 0 0 5px #00ff00; /* Subtle text-glow effect */
}

div#box {
    background-color: #002b00; /* Slightly lighter dark green for elements */
    border: solid #00ff00 2px; /* Thicker, brighter green border */
}

div#menu, div#content, div#footer {
    padding: 2em;
}

div#header {
    padding: 0.5em 2em;
    position: relative;
    background-color: #002b00; /* Match box background */
    border-bottom: 2px solid #00ff00;
}

div#header a {
    text-decoration: none;
    color: inherit; /* Inherits bright green */
}

div#header a:hover {
    color: #ffffff; /* Contrast on hover for header links */
}

div#header img {
    padding-left: 0.7em;
    display: inline;
    filter: sepia(100%) hue-rotate(90deg) saturate(300%); /* Force image to match green theme */
}

div#header h1 {
    font-size: 32px;
    position: absolute;
    display: inline;
    top: 5px;
    left: 2.8em;
    font-weight: bold;
    color: #00ff00; /* Explicit bright green */
}

div#content {
    margin-left: 10px;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
    color: #ccffcc; /* Slightly paler green for headings to stand out */
    border-bottom: 0;
    margin: 1.2em 0em 0.5em -10px;
    padding: .3em 0 .1em 10px;
}

div#content h1,
div#content h2,
div#content h3 {
    border-bottom: 2px solid #00ff00; /* Solid border for major headings */
}

p {
    margin-top: 0.5em;
    margin-right: 5%;
}

a {
    color: #ffff00; /* Retro yellow/cyan links for contrast against green text */
    text-decoration: underline;
}

a:hover {
    color: #00ff00;
    background-color: #ffff00;
}

div#menu {
    background-color: #004400; /* Darker green bar */
    padding: 0.6em 0 0.6em 2.6em;
    border-bottom: 2px solid #00ff00;
}

#menu span {
    background-color: transparent; /* Remove background on span */
    font-weight: bold;
    padding: 0.6em;
}

#menu span.current {
    background-color: #00ff00; /* Bright green background for current page */
    color: #001a00; /* Dark text for contrast */
}

#menu span.current a {
    color: #001a00; /* Ensure links in current span are dark */
}

#menu a {
    color: #00ff00; /* Matching green links */
    text-decoration: none;
    text-transform: uppercase; /* Classic CRT look */
}

#menu a:hover {
    background-color: transparent;
    color: #ffffff;
}

div#footer {
    color: #008800; /* Dimmer green for footer text */
    text-align: center;
    font-size: small;
    border-top: 2px solid #00ff00;
}

div#footer a {
    color: #008800;
    text-decoration: none;
}

div#footer a:hover {
    color: #00ff00;
    background-color: transparent;
}

pre {
    border: 1px dashed #00ff00;
    background: #000000; /* True black background for code */
    color: #33ff33; /* Slightly different green for code text */
    font-size: 13px;
    padding: 1em;
    margin-right: 5%;
    overflow-x: auto; /* Handle overflow */
}

/* --- THE MAP PART - RETAINED ORIGINAL STYLE --- */
div#map {
    border: 1px solid black;
    width: 95%;
    height: 500px;
    background-color: #EEEEEC;
    color: black; /* Ensure text within map controls remains visible */
    font-family: Arial, sans-serif; /* Reset font for map controls */
    text-shadow: none;
}
/* Ensure links and content within map don't get the green theme */
div#map a, div#map span, div#map div {
    color: initial;
    text-shadow: none;
}
/* --- END MAP PART --- */

.code {
    border: 1px dashed #00ff00;
    background: #000000;
    color: #33ff33;
    font-size: 13px;
    padding: 1em;
}

th {
    padding-right: 1.5em;
    color: #ccffcc;
    text-transform: uppercase;
}

td.value{
    padding: 0 2em;
}
.capabilities {
    padding: 1em;
    background-color: #003300;
    border: 1px solid #00ff00;
}

div.capabilities span{
    padding-right:1.5em;
}

.mapBtn {
    margin-right: 10px;
    margin-top: 5px;
    background-color: #004400;
    border: 2px solid #00ff00;
    color: #00ff00;
    font-family: 'Courier New', sans-serif;
    padding: 5px 10px;
    cursor: pointer;
}

.mapBtn:hover {
    background-color: #00ff00;
    color: #001a00;
}