/**
    Created By: IT Serenity
    =======================================================================
    Created On: 2021 - 07 - 07
    =======================================================================
    Purpose: Cascading Style Sheets Supporting Same Named .php Script
**/
#Menu
{
    margin: 1px 1px;
    position: relative;
    z-index: 3000;
}

#Menu a
{
    margin: 0 12px 0 0 !important;
    white-space: nowrap;
}
#Menu a:link, #Menu a:visited, #Menu a:hover, #Menu a:active
{
    color: #ffff00;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.MenuSep
{
    margin: 4px 0 0 10px;
    text-align: center;
}
.MenuSep hr
{
    margin: 0;
    padding: 0;
}
.MenuSep span
{
    color: #ffffff;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

/* Dropdown Button */
.dropbtn
{
    padding: 0 6px 10px;
    border: none;
    color: #ffff00;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

/* The container <div> - needed to position the dropdown content */
.dropdown
{
    position: relative;
    display: inline-block;
    
    text-align: left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content
{
    display: none;
    position: absolute;
    background-color: #005580;
    border-Left: 2px solid #99ccff;
    border-right: 2px solid #99ccff;
    border-bottom: 2px solid #99ccff;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin: 7px 0 0;
    /*z-index: 1;*/
}

/* Links inside the dropdown */
.dropdown-content a
{
    cursor: pointer;
    padding: 12px 16px;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover
{
    color: #ff4000;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content
{
    display: block;
}
.dropbtn:focus-within .dropdown-content
{
    display: block;
}
.dropdown:focus-within .dropdown-content
{
    display: block;
}
#Menu a:focus .dropdown-content
{
    display: block;
}