/*****************************************************************************************/
/* nsa-core.css - December 2024 */
/* Styles of Headers, Menus, Content Area and Footer of version 5 of NSACR website */
/*****************************************************************************************/
/* Character set and basic box sizing */
@charset "UTF-8";
* {box-sizing: border-box;}

/* Body */
.body-main {margin: 0px; background-color: #dfdfdf; font-family: Arial, Helvetica, sans-serif;}

/* Small Header */
.header-small {display: block; position: relative; top: 0px; height: 55px; width: 100%; margin:0; border: 0; padding: 0;}
.header-small p {display: inline-block; position: absolute; top: 5px; left: 10px; margin: 0; padding: 0; font-size: 20px;}
.header-small button {display: block; position: absolute; top: 12px; right: 10px; margin: 0; padding: 3px 7px; font-size: 16px; font-weight: normal; font-style: normal; cursor: pointer;}
.header-small hr {position: absolute; top: 56px; left: 0px; right: 0px; margin: 0px;}

/* Large Header */
.header-large {display: none; position: fixed; top: 0px; height: 70px; width: 100%; margin: 0; border: 0; padding: 0;}
.header-large img {position: absolute; top: 5px; left: 25px; height: 60px; padding: 0px;}
.header-large p {display: inline-block; position: absolute; top: 20px; left: 100px; margin: 0; padding: 0; font-size: 26px;}
.header-large hr {position: absolute; top: 71px; left: 0px; right: 0px; margin: 0px;}

/* Menus */
.nav-menu {display: none; position: fixed; top: 58px; left: 0px; bottom: 0px; width: 100%; background-color: ivory; border: 0; padding-top: 5px; overflow-x: hidden; overflow-y: auto; z-index: 999;}
.div-menu {margin: 0px 10px 5px; border: 1px solid black; padding: 5px;}
.div-menu p {margin: 3px 0px 3px 5px; text-align: left; font-size: 16px; font-weight: normal;}
.div-menu a:link, .div-menu a:visited, .div-menu a:active {color: Black; text-decoration: none;}
.div-menu a:hover {color: Blue; text-decoration: underline;}

/* Content Area */
.page-content {position: relative; top: 0px; left: 3px; bottom: 40px; right: 3px; margin: 0px; border: 0; overflow: auto;}

/* Footer & no JS message*/
.footer {position: relative; bottom: 0px; left: 0px; width: 100%; height: 40px; margin: 0px; border-top: solid black 1px;}
.footer > div {position: absolute; font-style: italic; margin: 0px; padding: 0;}
.no-js-page {position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 9999;}
.no-js-page h1 {text-align: center; margin-top: 0px;}
.no-js-box {font-size: 14pt; margin: 10% auto; padding: 15px; width: fit-content;}

/* Responsive changes for large screen */
@media screen and (min-width: 800px) and (orientation: landscape) {
  .header-small {display: none;}
  .header-large {display: block;}
  .nav-menu {display: block; top: 72px; bottom: 42px; width: 275px; background-color: #eaeaea; border: 0;}
  .div-menu {border: 0;}
  .page-content {position: fixed; top: 73px; left: 278px;}
  .footer {position: fixed;}
}
/* ---------------------------------- */