/*
----------------------------------------
Filename:    structurepublic.css
Last update: 7-16-2025
----------------------------------------
*/
a.menu {
    text-decoration: none;
}
body {
    background-color: #021F2F;
}
div#blockmain {
    margin: 1.0em 1.0em;
    padding: 0;
}
div#bottom { /* bottom containts the website area between the header and footer components. */
}
div#contactblock {
    color: whitesmoke; 
    font-family: "Cormorant Garamond", serif;
    font-size: 2.0em;
    font-weight: bold;
    font-style: normal;
    margin: 0.3em 1.0em;
}
div#footer { /* footer does not need height attributes. */
    text-align: center;
    margin: 0;
    padding: 0.5em;
    background-color: #A9A9A9;
}
div#loginreq {
    margin: 2.0em auto 2.0em auto;
    width: 50%;
}
div#main { /* main is the top level container for the website. */
    margin: 0;
    background-image: url("../images/scsplash.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
div#nameblock {
    color: whitesmoke; 
    font-family: "Cormorant Garamond", serif;
    font-size: 3.5em;
    font-weight: bold;
    font-style: normal;
    text-shadow: -2px -2px #1B1783;
    margin: 0.1em 0.5em;
}
div#pagecontent {
    margin: 0.2em 1.0em 0.2em;
}
div#subtitlead {
    color: whitesmoke;
    margin: 0.2em 0;
    padding: 0;
    font-family: Oxygen, Arial, Helvetica;
    font-weight: normal;
    font-style: normal;
    font-size: 0.4em;
    text-align: right;
}
div#subtitleconsult {
    color: lightblue;
    margin: 0.1em 0 0.4em 0;
    padding: 0;
    font-family: "Cormorant Garamond", serif;
    font-weight: normal;
    font-style: italic;
    font-size: 0.9em;
}
div#subtitlephone {
    color: whitesmoke;
    margin: 0;
    padding: 0;
    font-family: Oxygen, Arial, Helvetica;
    font-weight: normal;
    font-style: normal;
    font-size: 1.2em;
}
div#subtitlephonemob {
    color: whitesmoke;
    margin: 0;
    padding: 0;
    font-family: Oxygen, Arial, Helvetica;
    font-weight: normal;
    font-style: normal;
    font-size: 1.0em;
}
div#titlemob {
    color: #1B1783; 
    font-family: Oxygen, Arial, Helvetica;
    font-size: 16pt;
    font-weight: bold;
    font-style: italic;
    text-shadow: -2px -2px whitesmoke;
    margin-top: 0.1em;
    text-align: center;
}
div#top { /* top contains the header and navigation components. */
    padding: 0;
    border: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
/* topheader is used to display any user theme with the body header,
which is the top "static" portion of all web pages prior to the content
portion of the web page (articles, events, etc.) The height and width
attributes of this div should not be specified absolutely, since the
userheader is contained in an absolutely defined div. */
div#topheader {
    background-color: rgba(2, 31, 47, 0.65);
    margin: 0 15%;
    border-radius: 12px;
}
/* userbody is used to display any user theme with the body, or content
portion of the web page. The height and width attributes should not be
specified absolutely, since the userheader is contained in an absolutely
defined div. */
div#userbody {
    margin: 0 21%;
    padding: 1.0em 0 1.2em 0;
    background-color: rgba(245, 245, 245, 0.85);
    min-height: 10.0em;
    border-radius: 6px;
}
div.colblock {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div.loginline {
    padding-bottom: 1.5em;
    text-align: center;
}
div.loginline2 {
    text-align: center;
}
div.menuitemv {  /* Normal, not selected */ 
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.3em;
    background-color: #888888;
    color: #CCC;
    border: 1px solid silver;
    border-radius: 12px;
    box-shadow: 5px 5px 2px #833;
}
div.menuitemmv {  /* Normal, not selected */ 
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.1em;
    background-color: #888888;
    color: #CCC;
    border: 1px solid silver;
    border-radius: 12px;
    box-shadow: 5px 5px 2px #833;
}
div.menuitemv:hover { /* Hover style */
    background-color: #444444;
    color: #EEEEEE;
    border: 1px solid #3aa;
    box-shadow: 3px 3px 2px #bb4;
}
div.menuitemva { /* Active, menu selected */
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.4em;
    background-color: #686868;
    color: #EFF;
    border: 1px solid silver;
    border-radius: 12px;
    box-shadow: 3px 3px 2px #44a;
}
div.menuitemmva { /* Active, menu selected */
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.2em;
    background-color: #686868;
    color: #EFF;
    border: 1px solid silver;
    border-radius: 12px;
    box-shadow: 3px 3px 2px #44a;
}
div.menurow {
    padding-bottom: 1.5em;
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
div.menuv {
    margin: 1.0em 2% 0 2%;
}
div.rowblock {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
div.temp {  /* Remove before production */ 
    padding: 1.0em 1.0em;
    margin: 2.0em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.5em;
    background-color: #FEAAAA;
    color: #6600AA;
    border: 1px solid silver;
    border-radius: 12px;
    text-align: center;
}
input.login {
    color: #000000;
    background-color: #CCCCCC;
    font-weight: bold;
    padding: 3px;
    width: 100px;
    height: 30px;
    margin: 0;
}
input.pinput {
    width: 140px;
    background: #ffc;
    display: block;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    direction: ltr;
    height: 34px;
    font-size: 14px;
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 10px 15px 10px;
    margin: 0 auto 5px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
p.disclaimer {
    font-family: Palatino, Times, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
    color: #222222;
    margin: 0.5em 10% 0.1em 10%;
}
p.footer {
    font-family: Palatino, Times, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 0.9em;
    color: #444444;
    margin: 0.2em;
}
p.login {
    font-family: Palatino, Times, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 0.9em;
    color: #222222;
    margin: 0;
}
/* The span menuitemv is used to display the left side menu block. */
span.menuitemv {  /* Normal, not selected */ 
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.3em;
    background-color: #888888;
    color: #CCC;
    border: 1px solid silver;
    border-radius: 12px;
    box-shadow: 5px 5px 2px #833;
}
span.menuitemv:hover { /* Hover style */
    background-color: #585858;
    color: #EEEEEE;
    border: 1px solid #3aa;
    box-shadow: 3px 3px 2px #bb4;
    cursor: pointer;
}
span.menuitemva { /* Active, menu selected */
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.4em;
    background-color: #444444;
    color: #EFF;
    border: 1px solid #FFFFCC;
    border-radius: 12px;
    box-shadow: 3px 3px 2px #FFFFCC;
}
span.menuitemvs {  /* Special, not selected */ 
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.3em;
    background-color: #FFFF80;
    color: #229;
    border: 1px solid silver;
    border-radius: 12px;
    box-shadow: 5px 5px 2px #833;
}
span.menuitemvs:hover { /* Hover style */
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.4em;
    background-color: #444444;
    color: #EEEEEE;
    border: 1px solid #3aa;
    box-shadow: 3px 3px 2px #bb4;
}
span.menuitemvsa {  /* Special, not selected */ 
    padding: 0.2em 0.5em;
    margin-right: 0.8em;
    font-family: Calibri, Cambria, Arial;
    font-weight: normal;
    font-style: italic;
    font-size: 1.3em;
    background-color: #FFFF80;
    color: #229;
    border: 1px solid silver;
    border-radius: 12px;
    box-shadow: 5px 5px 2px #99FF33;
}
span.namesubblock {
    font-family: Oxygen, Arial, serif;
    font-size: 0.4em;
    font-style: italic;
    font-weight: normal;
    color: lightblue;
}