body {
    background-color    : #1e1c1c;
}
#activity {
    left                : 0px;
    top                 : 0px;
    width               : 100%;
    height              : 100%;
    border              : #928f8f 0px solid;
    overflow-y          : none;
}
#menu {
    position            : fixed;
    z-index             : 2;
    width               : 100%;
    height              : 50px;
    background-color    : #3a3931;
    border              : #827451 0px solid;
    top                 : calc(100% - 50px);
    left                : 0px;
    display             : flex;
    justify-content     : center;
    border-width        : 1px 0px 0px 0px;
}
#insidemenu {
    background-color    : transparent;
    border              : #3b3939 0px outset;
    padding-top         : 6px;
    border-radius       : 10px 10px 10px 10px;
    width               : 275px;
    display             : flex;
}

.widget {
  width                 : 88%;
  height                : 115px;
  background            : linear-gradient(#0a1b2bbe,#0316385b),url('bg/darkened-2d-map.jpg');
  background            : linear-gradient(#3a3931,#3a3931a5),url('bg/darkened-2d-map.jpg');
  border-radius         : 10px;
  border                : #fffdfd 4px inset;
  border-width          : 1px 1px 1px 1px;
  top                   : 0px;
  left                  : 2%;
  text-align            : left;
  padding               : 10px;
  color                 : #b0a9a9;
  font-family           : Arial, Helvetica, sans-serif;
  font-weight           : 300;
  cursor                : pointer;
}
#inneractivity {
    position            : fixed;
    z-index             : 2;
    width               : 100%;
    height              : calc(100% - 90px);
    text-align          : center;
    background-color    : transparent;
    border              : #3b3939 0px solid;
    top                 : 40px;
    left                : 0px;
    overflow-y          : auto;
}
#activityheader {
    position            : fixed;
    z-index             : 2;
    width               : 100%;
    height              : 40px;
    text-align          : center;
    background-color    : #3a3931;
    border              : #3b3939 0px solid;
    border-width        : 0px 0px 2px 0px;
    top                 : 0px;
    left                : 0px;
    overflow-y          : none;
    display             : flex;
    justify-content     : center;
    padding-top         : 6px;
    color               : #f3efd1;
    color-scheme        : dark light;
    font-size           : 14pt;
    vertical-align      : middle;
    font-family         : 'Arial Narrow', Arial;
}
#activityheadert > div {
    width               : 80%;
    height              : 30px;
    background-color    : transparent;
    border              : #3b3939 0px solid;
    border-width        : 0px 0px 1px 0px;
    padding-top         : 0px;
    display             : flex;
    justify-content     : center;
    font-size           : 14pt;
    font-family         :'Franklin Gothic Medium', 'Arial Narrow', Arial;
    color               : #bbbdbf;
    border-radius       : 8px 8px 8px 8px;
}
.d2l {
    border-radius       : 8px 8px 8px 8px;
    color-scheme        : light dark;
    background-color    : #a2b8dadf;
    background-color    : transparent;
    color               : #c0c5cb;
    cursor              : pointer;
}
.d2l:hover {
    /*color-scheme        : dark light;*/
    background-color    : #fff8dedf;
    color               : #181911;
    cursor              : pointer;
    border              : 1px solid #9b9b9b;
}
.bscreen {
    position            : absolute;
    z-index             : 4;
    left                : 0px;
    top                 : 0px;
    width               : 100%;
    height              : 100%;
    background-color    : #2a2a30a9;
    border              : #3b3939 0px solid;
    border-width        : 0px 0px 0px 0px;
    padding-top         : 0px;
    display             : flex;
    justify-content     : center;
    font-size           :14pt;
    font-family         :'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color               : #bbbdbf;
    border-radius       : 0px 0px 0px 0px;
}
.dialogbox {
    position            : absolute;
    top                 : 20%;
    left                : 10%;
    z-index             : 6;
    width               : 80%;
    height              : 130px;
    background-color    : #23212b;
    border              : #3b3939 0px solid;
    border-width        : 1px 1px 1px 1px;
    padding-top         : 0px;
    display             : flex;
    justify-content     : center;
    font-size           : 12pt;
    font-family         :'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color               : #bbbdbf;
    border-radius       : 10px 10px 10px 10px;
    vertical-align      : middle;
}
.dialogbox > div {
    position            : absolute;
    width               : 90%;
    height              : 25px;
    background-color    : #4b4b785a;
    border              : #3b3939 1px outset;
    border-width        : 1px 1px 1px 1px;
    padding-top         : 0px;
    display             : flex;
    justify-content     : center;
    font-size           : 12pt;
    font-family         :'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color               : #bdbdcd;
    border-radius       : 10px 10px 10px 10px;
}
.dialogbox > div:hover {
    background-color    : #404058de;
    color               : #fcfcfc;
}
#title {
    position            : relative;
    width               : 85%;
    left                : 5%;
    top                 : 15px;
    font-size           : 16pt;
    font-family         : Arial;
    color               : #709d82;
    font-family         :'Franklin Gothic Medium', 'Arial Narrow', Arial;
    text-align          : center;
    padding-left        : 2px;
}
#bodytext {
    position            : relative;
    width               : 90%;
    left                : 5%;
    top                 : 40px;
    font-size           : 14pt;
    font-family         : Arial;
    color               : #e7e2dcdf;
    font-weight         : 200;
}
#lstat {
    font-size           : 11pt;
    color               : #899a45;
}
#si {
     width:18x;height   : 18px;
     color-scheme       : dark light;
}
span {
    height              : 25px;
}
#pubdisp {
    height              : 40px;
    left                : 5%;
    width               : 100%;
    border              : .4px solid #344343;
    padding             : 4px;
    display             : flex;
    font-size           : 14pt;
    font-family         : Arial;
    font-weight         : 300;
}
#pubdisp > div {
    height              : 25px;
    width               : calc(100% - 35px);
    padding             : 10px 3px 2px 4px;
    font-size           : 12pt;
    font-family         : Arial;
    font-weight         : 300;
    border              : 0px solid gray;
}
#arrow {
    width               : 35px;
    padding             : 2px 8px 2px 2px;
    font-size           : 18pt;
    font-family         : Arial;
    font-weight         : 300;
    text-align          : right;
}
a {
    text-decoration     : none;
    color               : #64707b;
    border-radius       : 10px 10px 10px 10px;
    font-size           : 16pt;
}
a:hover {
    color               : #deeefe;
    text-decoration     : italic;
}
#homephoto {
    position            : absolute;
    background-image    : url('bg/groc.JPG');
    width               : 85%;
    height              : 75px;
    left                : 5%;
    top                 : 70px;
    background-size     : 100%, 100%;
    border              : .4px solid #ded1d1;
}
#logon {
    position            : absolute;
    width               : 90%;
    height              : 52%;
    left                : 5%;
    top                 : 20%;
    border              : 0px solid #868686;
    border-radius       : 10px 10px 10px 10px;
    z-index             : 2;
    background          : #353535ab;
    background          : transparent;
    text-align          : center;
    padding             : 60px 0px 0px 0px;
    visibility          : hidden;
}
#ermdiv {
    position:absolute; width:100%;
    top:370px;border:0px solid blue;
}
#erm {
    width:60%;text-align:center;
    background-color:#d72b2b55;
    height:25px;padding-top:5px;top:75%;
    color:#bebebe;left:20%;
    position:absolute;visibility:hidden;
    border-radius:10px 10px 10px 10px;
}
#sudiv {
    position:absolute; width:100%;
    top:260px;border:0px solid blue;
    text-align:center;
}
#su {
    width:60%;text-align:left;
    background-color:transparent;
    height:25px;padding-top:5px;top:75%;
    color:#bebebe;left:20%;
    position:absolute;visibility:visible;
}
#win {
    position        : absolute;
    left            : 5%;
    width           : 90%;
    height          : 90%;
    padding         : 2%;
    overflow-y      : auto;
}
#plus {
    position        : absolute;
    left            : 5%;
    font            : arial;
    font-size       : 30pt;
    border          : 0px solid white;
}
#signup {
    position        : absolute;
    top             : 70px;
    left            : 5%;
    width           : 90%;
    height          : calc(100% - 75px);
    border          : 0px solid gray;
    visibility      : hidden;
    z-index         : 3;
    text-align      : center;
}
#Product {
    position        : absolute;
    left            : 5%;
    width           : 40%;
    height          : 80%;
    padding         : 2%;
    overflow-y      : auto;
    top             : 20%;
    font-family         :'Franklin Gothic Medium', 'Arial Narrow', Arial;
}
#Service {
    position        : absolute;
    left            : 45%;
    width           : 40%;
    height          : 80%;
    padding         : 2%;
    overflow-y      : auto;
    top             : 20%;
    font-family         :'Franklin Gothic Medium', 'Arial Narrow', Arial;
}