body {
    padding: 5px;
    margin: 0px;
    font-family: Arial;
    background-image: url(../Images/PageBack.png);
    font-style: italic;
}
div {
    padding: 0px;
    margin: 0px;
}
a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}


.SectionBlock
{
    display: block;
    padding: 0px;
    margin-bottom: 5px;
    background-color: #E6F6FF;
    width: calc(100% - 7px);
    border-top: solid 3px silver;
    border-left: solid 3px silver;
    border-bottom: solid 3px gray;
    border-right: solid 3px gray;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
    overflow: auto;
}
.Footer
{
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 10px;
    font-style: italic;
    width: 100%;
    text-align: center;
    color: #A8FBFF;
    text-shadow: 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1);
}
.Header
{
    width: calc(100% - 10px);
    font-size: 28px;
    font-style: italic;
    font-family: Arial;
    padding: 5px;
    display: block;

    background-color: #000000;
    color: #A8FBFF;
    text-shadow: 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1);
}
.Detail
{
    width: calc(100% - 10px);
    display: block;
    overflow: auto;
    padding: 5px;
}



.MenuSelected
{
    font-family: Arial;
    font-style: italic;
    font-weight: 900;
    font-size: 24px;
    color: #A8FBFF;
    text-shadow: 0px 0px 1px rgba(7, 69, 255, 1), 0px 0px 2px rgba(7, 69, 255, 1), 0px 0px 3px rgba(7, 69, 255, 1), 0px 0px 4px rgba(7, 69, 255, 1), 0px 0px 5px rgba(7, 69, 255, 1), 0px 0px 6px rgba(7, 69, 255, 1), 0px 0px 7px rgba(7, 69, 255, 1);
}
.MenuNotSelected
{
    cursor: pointer;
    font-family: Arial;
    font-style: italic;
    font-weight: 900;
    font-size: 22px;
    color: #00F3FF;
    text-shadow: none;
    opacity: 0.6;
}
.MenuOver
{
    cursor: pointer;
    font-family: Arial;
    font-style: italic;
    font-weight: 900;
    font-size: 24px;
    color: #54C8CD;
    text-shadow: 0px 0px 1px rgba(3, 35, 127, 1), 0px 0px 2px rgba(3, 35, 127, 1), 0px 0px 3px rgba(3, 35, 127, 1), 0px 0px 4px rgba(3, 35, 127, 1), 0px 0px 5px rgba(3, 35, 127, 1), 0px 0px 6px rgba(3, 35, 127, 1), 0px 0px 7px rgba(3, 35, 127, 1);
}
.PopupMenu
{
    display: block;
    position: absolute;
    z-index: 100;
    background-image: url(../Images/PageBack.png);
    border-top: solid 3px silver;
    border-left: solid 3px silver;
    border-bottom: solid 3px gray;
    border-right: solid 3px gray;
    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.75);
    width: 270px;
    padding: 2px;
    padding-bottom: 4px;
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .BannerLogo
    {
        margin-bottom: 5px;
        margin-left:  0px;
        box-shadow: 5px 2px 2px rgba(0, 0, 0, 0.75);
        display: block;
        width: 100%;
        float: left;
    }
    .MenuTable
    {
        display: none; 
        float: left; 
        margin-top: 11px;
        margin-bottom: 16px;
        margin-left: 0px;
    }
    .MenuTableCompact
    {
        display: block; 
        float: left; 
        margin-top: 6px;
        margin-bottom: 11px;
        margin-left: 0px;
    }
    .FeatureImageLargeScreen
    {
        display: none;
    }
    .FeatureImageMediumScreen
    {
        display: none;
    }
    .FeatureImageSmallScreen
    {
        display: block;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .BannerLogo
    {
        margin-bottom: 5px;
        margin-left:  0px;
        box-shadow: 5px 2px 2px rgba(0, 0, 0, 0.75);
        display: block;
        width: 100%;
        float: left;
    }
    .MenuTable
    {
        display: none; 
        float: left; 
        margin-top: 11px;
        margin-bottom: 16px;
        margin-left: 0px;
    }
    .MenuTableCompact
    {
        display: block; 
        float: left; 
        margin-top: 6px;
        margin-bottom: 11px;
        margin-left: 0px;
    }
    .FeatureImageLargeScreen
    {
        display: none;
    }
    .FeatureImageMediumScreen
    {
        display: block;
    }
    .FeatureImageSmallScreen
    {
        display: none;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .BannerLogo
    {
        margin-bottom: 5px;
        margin-left:  calc(50% - 271px);
        box-shadow: 5px 2px 2px rgba(0, 0, 0, 0.75);
        display: block;
        width: 542px;
        float: left;
    }
    .MenuTable
    {
        display: block; 
        float: left; 
        margin-top: 11px;
        margin-bottom: 16px;
        margin-left: calc(50% - 375px);
    }
    .MenuTableCompact
    {
        display: none; 
    }
    .FeatureImageLargeScreen
    {
        display: none;
    }
    .FeatureImageMediumScreen
    {
        display: block;
    }
    .FeatureImageSmallScreen
    {
        display: none;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 970px) {
    .BannerLogo
    {
        margin-bottom: 5px;
        margin-left:  calc(50% - 271px);
        box-shadow: 5px 2px 2px rgba(0, 0, 0, 0.75);
        display: block;
        width: 542px;
        float: left;
    }
    .MenuTable
    {
        display: block; 
        float: left; 
        margin-top: 11px;
        margin-bottom: 16px;
        margin-left: calc(50% - 375px);
    }
    .MenuTableCompact
    {
        display: none; 
    }
    .FeatureImageLargeScreen
    {
        display: block;
    }
    .FeatureImageMediumScreen
    {
        display: none;
    }
    .FeatureImageSmallScreen
    {
        display: none;
    }
}

/* Large devices (laptops/desktops, 1320px and up) */
@media only screen and (min-width: 1320px) {
    .BannerLogo
    {
        margin-bottom: 5px;
        margin-left: 0px;
        box-shadow: 5px 2px 2px rgba(0, 0, 0, 0.75);
        display: block;
        width: 542px;
        float: left;
    }
    .MenuTable
    {
        display: block; 
        float: left; 
        margin-top: 54px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .MenuTableCompact
    {
        display: none; 
    }
    .FeatureImageLargeScreen
    {
        display: block;
    }
    .FeatureImageMediumScreen
    {
        display: none;
    }
    .FeatureImageSmallScreen
    {
        display: none;
    }
}