html, body {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.bg {
  width: 100%;
  height: 200px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.sticky-header {
    position: sticky;
    top: 0;
    width: 100%;
    height: 200px;
    background: #040208;
    z-index: 10000;
    display: flex;
    flex-direction: column;
}

.top-menu {
    width: 100%;
    height: 38px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
}

.side-menu {
    width: 200px;
    flex-shrink: 0;
    background: transparent;
    padding: 0px;
    position: sticky;
    top: 0;                    /* sticks to the top of .page-content as it scrolls */
    align-self: flex-start;    /* prevents flexbox from stretching full height */
}

.main-content {
    flex: 1;
    padding: 15px;
    min-width: 0;
}

.page-content {
    height: calc(100vh - 200px);
    overflow-y: auto;
    background: 
	linear-gradient(to right, #001030 200px, transparent 200px),
	url("/graphics/background/dblue-bg.png") repeat;
    display: flex;
    align-items: flex-start;
}

/* *************************
FONTS AND CHARACTER STYLES 
*****************************/

.banner75 {
         Font-Size:75px;
         Font-Weight:500;
         Color:#ffffff;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.banner100 {
         Font-Size:100px;
         Font-Weight:500;
         Color:#ffffff;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.banner150 {
         Font-Size:150px;
         Font-Weight:500;
         Color:#ffffff;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.banner400{
         Font-Size:400px;
         Font-Weight:900;
         Color:#ffffff;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.blutxt12 {
         Font-Size:12px;
         Font-Weight:100;
         Color:#386697;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.blutxt14 {
         Font-Size:14px;
         Font-Weight:100;
         Color:#386697;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ctext12 {
         Font-Size:12px;
         Font-Weight:100;
         Color:#00FFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ctext14 {
         Font-Size:14px;
         Font-Weight:400;
         Color:#00FFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ctext15 {
         Font-Size:15px;
         Font-Weight:600;
         Color:#00FFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.headtext {
         Font-Size:14px;
         Font-Weight:700;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.menutext {
         Font-Size:13px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.btext10 {
         Font-Size:10px;
         Font-Weight:900;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.btext11 {
         Font-Size:11px;
         Font-Weight:900;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.btext12 {
         Font-Size:12px;
         Font-Weight:400;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.btext13 {
         Font-Size:13px;
         Font-Weight:600;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.btext14 {
         Font-Size:14px;
         Font-Weight:600;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.btext15 {
         Font-Size:15px;
         Font-Weight:600;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.btext16 {
         Font-Size:16px;
         Font-Weight:600;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.rtext14 {
         Font-Size:14px;
         Font-Weight:900;
         Color:#FF0000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext10 {
         Font-Size:10px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext11 {
         Font-Size:11px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext12 {
         Font-Size:12px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext13 {
         Font-Size:13px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext14 {
         Font-Size:14px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext15 {
         Font-Size:15px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext16 {
         Font-Size:16px;
         Font-Weight:600;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext32 {
         Font-Size:32px;
         Font-Weight:600;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext40 {
         Font-Size:40px;
         Font-Weight:600;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.wtext48 {
         Font-Size:48px;
         Font-Weight:600;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ytext10 {
         Font-Size:10px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ytext12 {
         Font-Size:12px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ytext14 {
         Font-Size:14px;
         Font-Weight:900;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link10 {
         Font-Size:10px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link10:hover {
         Font-Size:10px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.link11 {
         Font-Size:11px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link11:hover {
         Font-Size:11px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.link12 {
         Font-Size:12px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link12:hover {
         Font-Size:12px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.link13 {
         Font-Size:13px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link13:hover {
         Font-Size:13px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.link14 {
         Font-Size:14px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link14:hover {
         Font-Size:14px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.link.whi-yel.12 {
         Font-Size:12px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link.whi-yel.12:hover {
         Font-Size:12px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.link {
         Font-Size:14px;
         Font-Weight:100;
         Color:#FFFFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.link:hover {
         Font-Size:14px;
         Font-Weight:100;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.blink12 {
         Font-Size:12px;
         Font-Weight:normal;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.blink12:hover {
         Font-Size:12px;
         Font-Weight:normal;
         Color:#000000;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.ulink-13 {
         Font-Size:13px;
         Font-Weight:500;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ulink-13:hover {
         Font-Size:13px;
         Font-Weight:500;
         Color:#00FFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.ulink-14 {
         Font-Size:14px;
         Font-Weight:500;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ulink-14:hover {
         Font-Size:14px;
         Font-Weight:500;
         Color:#00FFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.ulink-15 {
         Font-Size:15px;
         Font-Weight:500;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ulink-15:hover {
         Font-Size:15px;
         Font-Weight:500;
         Color:#00FFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.ulink-16 {
         Font-Size:16px;
         Font-Weight:500;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:None;
}
.ulink-16:hover {
         Font-Size:16px;
         Font-Weight:500;
         Color:#00FFFF;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}


.ylink12 {
         Font-Size:12px;
         Font-Weight:normal;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}
.ylink12:hover {
         Font-Size:12px;
         Font-Weight:normal;
         Color:#FFFF00;
         Font-Family:Arial,Verdana,Sans-serif;
         Text-Decoration:Underline;
}

A:FOCUS {
                Color:#FFFF00;
}