/* Font */
@font-face
{
    font-family: My7Seg;
    src: url('../Font/c7seg.eot'); /* this will be applied from IE 9 compatibility mode*/
    src: url('../Font/c7seg.eot?') format('embedded-opentype'), /* IE prior versions */ url('../Font/c7seg.woff') format('woff'), /* modern browser that support web open font */ url('../Font/c7seg.ttf') format('truetype'); /* browsers that support true type */
}
.a7seg
{
    font-family: 'My7Seg';
    font-weight: bold;
    font-size: 28px;
    background-color: Black;
    color: White;
}

/* Body */
*
{
    box-sizing: border-box;
}
body
{
    font-family: Times New Roman;
    margin: 0;
}

/* Navigation */
#Head
{
    background-color: #000064;
    text-shadow: 0.1em 0.1em #0000FF;
    /* margin-top: -16px; HeadLess Margin-Top */
    font-weight: bolder;
}
#nav
{
    width: 952px; /* 7 * (132 + 4) = 952 */
    height: 32px;
    margin-top: 0; /* Top Main Header */
    margin-left: auto;
    margin-right: auto; /*text-shadow: 0.1em 0.1em #FFC060;*/
    font-weight: bolder;
}
#nav ul
{
    padding-left: 0;
    list-style: none;
}
#nav ul li
{
    background-color: #000064;
    border-width: 0;
    width: 132px; /* 132px; */
    height: 32px;
    line-height: 32px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 1001;
}
#nav ul li a
{
    text-decoration: none;
    color: White;
    display: block;
    font-weight: bold;
}
#nav ul li a:hover
{
    color: #FE9900;
}
#nav ul ul
{
    position: absolute;
    display: none;
}
#nav ul ul li
{
    text-align: left;
    padding: 0 8px 0 8px;
}
#nav ul li:hover > ul
{
    display: block;
}
#nav ul ul ul
{
    margin-left: 132px; /* 124px; */
    margin-top: -35px;
}
#Footer
{
    clear: both;
    width: 100%;
    height: 36px;
    text-align: center;
    position: fixed;
    bottom: 0;
    white-space: nowrap;
    padding: 8px 0 8px 0;
    background-color: rgba(30,49,63,0.75);
    z-index: 1;
}
#ibTT:hover
{
    transform: scale(1.15);
}
#home:hover
{
    border: 1px solid #FE9800 !important;
}
#lblFooter
{
    font-size: 16px;
    font-weight: bold;
    color: White;
    text-decoration: none;
}
#lblFooter:hover
{
    text-shadow: 0.1em 0.1em #FE9800;
}
#aTop
{
    display: none;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 99;
    font-size: 12px;
    border: none;
    outline: none;
    font-weight: bold;
    color: #FE9800;
    cursor: pointer;
    padding: 0px;
    opacity: 75%;
    text-align: center;
}
#aTop:hover
{
    color: #000064;
}
h1
{
    margin: 16px 0 12px 0;
    color: #000064;
    font-size: clamp(12px, 2vw, 20px);
    font-weight: bold;
}
h2
{
    margin: 16px 0 12px 0;
    color: #000064;
    font-size: clamp(18px, 3vw, 32px);
    font-weight: bold;
}
.ft
{
    font-size: 16px;
    font-weight: bold;
    color: #FE9900;
    text-decoration: none;
}
.ft:hover
{
    color: White !important;
    text-shadow: 0.1em 0.1em #AAAAAA;
}
.lk
{
    color: Blue;
    font-weight: bold;
    text-decoration: none;
}
.lk:hover
{
    text-shadow: 0.1em 0.1em aqua;
}
.mist
{
    font-family: Mistral;
}
.R
{
    color: #FE9900;
}
.T
{
    color: #000064;
}
.decor
{
    text-decoration: none;
}
.tleft
{
    text-align: left;
}