/* --- GIGW Dropdown & Submenu Structural Infrastructure --- */
.has-submenu {
    position: relative; /* Anchor for absolute positioning of dropdown */
}

/* Base style for dropdown tray (Strictly Hidden by default at start) */
.submenu {
    display: none !important; /* Forces the menu to stay hidden initially */
    position: absolute;
    top: 100%;
    left: -24px;
    background-color: var(--bg-color, #ffffff);
    min-width: 180px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-top: 3px solid var(--primary-color, #0b4c8c);
    list-style: none;
    //padding: 10px 0;
    margin: 0;
    z-index: 999;
	opacity: 85%;
	font-size: 1.2em;
}

/* Formatting for secondary links within dropdown */
.submenu li a {
    display: block;
    padding: 12px 20px;
    color: var(--text-color, #222222);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    text-align: left;
    transition: background-color 0.2s ease;
}

/* Hover and Keyboard Focus highlight states for submenu items */
.submenu li a:hover, .submenu li a:focus {
    background-color: var(--light-bg, #f4f6f9);
    color: var(--primary-color, #0b4c8c) !important;
}

/* --- MOUSE HOVER AND ACCESSIBILITY OVERRIDES --- 
   This shows the menu on mouse over and hides it on mouse out automatically */
.has-submenu:hover .submenu,
.has-submenu:focus-within .submenu,
.has-submenu.open .submenu {
    display: block !important;
}

/* --- MOBILE RESPONSIVE ADAPTATIONS --- */
@media (max-width: 768px) {
    .submenu {
        position: relative; /* Decouples from absolute desktop floating mechanics */
        top: 20px;
        width: 100%;
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.04); /* Soft tint */
        padding-left: 15px; 
	    border-top:none;
    }
}
.marqueetxt{
font-size:16px;
color:#FFFFFF;
float:none;
margin-left:10%;
padding:10px;
text-align:left;
}
.marqdiv{
background-color:#0b4c8c;
color:#FFFFFF;
height:45px;
}
.marqdiv marquee span a{
color:#FFFFFF;
padding:0px;
text-decoration:none;
}
.marqdiv marquee span a:hover{
padding:0px;
font-weight:bold;
}
.marqueetitle{
background-color:#042f58;
font-size:24px;
font-weight:bold;
color:#FFFFFF;
float:left;
width:10%;
height:45px;
padding:6px;
}