h1,h2,h3,h4,h5,h6{text-align: center}
h2{font-size:32px; color:#555; margin:10px; font-family:arial, helvetica, clean, sans-serif}
h3{font-size:28px; color:#555; margin:8px; font-family:arial, helvetica, clean, sans-serif}
h4{font-size:22px; color:#555; margin:6px; font-family:arial, helvetica, clean, sans-serif}
h5{font-size:20px; color:#555; margin:6px; font-family:arial, helvetica, clean, sans-serif}
p{text-align: justify; font-size:18px; padding:0; font-family:arial, helvetica, clean, sans-serif}
html{height:1000px; margin:0; padding:0}
body{position:relative; padding:0; margin:0}




/* #menus{position:fixed; z-index:500; width:100%; top:0; background-color:#040; margin:0; padding:10px 0; text-align: center; height:140px} */
#menu{position:absolute; top:0; left:5px; height:40px; margin:0}
#bannerContainer{
    height: 130px;
    width:100%;
    position: fixed;
    top:30px;/* was sometimes opening with element style of 0 */
    background-image:linear-gradient(#58A, #025 95%);
    background-color:#58A;
    border-bottom:1px #000 solid;
    z-index:1;
}
#bannerContainer  .innerBannerDiv{max-width:910px; margin:0 auto; text-align:center}

#burgee-top{width:130px; margin:20px 20px 0 20px}
#banner{display:inline-block; vertical-align:top; margin:40px 10% 0 10%;  text-align:center; background: transparent;  color:#FFF;  font-size:45px}

#menuControl{position:relative; width:100%; margin:0 auto; padding:0; height:30px}

#menus{width:100%; height:30px; position:fixed; background-color:#000; top:0; z-index:3}


#menus a.linearMenu{
    color:#FFF;
    font-size:16px;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    background:transparent;
    height:30px; width:100%; margin:0;
    padding:8px 0 0 0;
    display:inline-block}
table#linearmenu td{margin:0; padding:3px; height:30px; text-align:center}
table#linearmenu{z-index:50; margin:0 auto;  border-collapse: collapse; padding:0;  width:calc(50% + 500px)}
table#linearmenu a.active{color:#0F0!important}
table#linearmenu a:hover{text-decoration: underline}

#dropmenu{display:none; overflow:auto; position:absolute; text-align:left; left:10px; top:10px; z-index:5; width:150px; padding:20px 5px 10px 5px; margin:0 auto; background:transparent; border-radius: 20px }
#dropmenu:hover{display:block; background-color:rgba(230,230,230,0.85); padding:30px 20px 20px 20px}
#dropmenu:hover a.dropMenu{display:block!important}
#dropmenu a.dropMenu{display:none; max-width:200px; color:#000; padding:12px 0; font-size:20px}
#dropmenu a.dropMenu:hover{ color:#000}

#dropMenuBanner{display:none; font-size:28px; text-align:center; margin-top:10px; color:white}

#bannerContainer .subMenuRow{display:block; position:relative; top:-23px; text-align:center}
#bannerContainer .subMenuRow a.subMenu{text-decoration:underline; color:white}
#bannerContainer .subMenuRow span{width:15%; max-width:160px; padding:4px 0; margin:0; height:30px; display:inline-block; text-align: center; vertical-align: middle}
#bannerContainer .subMenuRow a.sub-active{font-weight:bold; color:#9F9!important }

#menus .subMenuRow{display:none; background-color:#EEE; position:relative; top:15px; text-align:center; border-bottom:1px solid #888}
#menus .subMenuRow a.subMenu{text-decoration:underline; color:black}
#menus .subMenuRow span{width:15%; max-width:160px; padding-top:10px; margin:0; height:30px; display:inline-block; text-align: center; vertical-align: middle}
#menus .subMenuRow a.sub-active{font-weight:bold; color:#070}


#appContainer{margin:0 auto 0 auto;width:100%; padding:160px 0 400px 0;  text-align: center}


@media only screen and (max-width: 900px) {
    #menus a{font-size:14px}
    table#linearmenu{width:790px; margin:0 auto}
    .subMenuRow span{max-width:140px}
}

@media only screen and (min-width: 790px){
    #bannerContainer #submenuRow{display:block}
}

@media only screen and (max-width: 790px) {
    h2{font-size:28px}
    h3{font-size:24px}
    h4{font-size:20px}
    h5{font-size:18px}
    #menus .subMenuRow{display:block}
    #dropMenuBanner{display:block; font-size:28px; padding-top:3px}
    #bannerContainer{display:none}
    #dropmenu{display:block}
    #linearmenu{display:none}
    #burgee-top{display:none}
    #appContainer{padding-top:50px}
    #menus{background-image:linear-gradient(#358, #025 95%);  height:60px}
    #banner{top:13px; font-size:32px}
}
@media only screen and (max-width: 550px) {
    h2{font-size:24px}
    h3{font-size:20px}
    h4{font-size:18px}
    h5{font-size:16px}
    #dropMenuBanner{font-size:20px; margin:15px 0 0 25px}
    #bannerContainer{display:none}
    #dropmenu{display:block}
    #linearmenu{display:none}
    #burgee-top{display:none}
    #banner{font-size: 26px; padding-left:30px}
}

@media only screen and (max-height: 480px){
    #dropmenu{width:580px}
    #dropmenu:hover a.dropMenu{display:inline-block!important; width:180px}
}