body {
    background-color: #7a4a84;
    background-image: url("sitegraphics/background.png");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: 100%;
    background-position: top;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    text-align: justify;
    font: 1em Georgia, serif;
    
}


.body-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("sitegraphics/background.png");
  background-size: cover;
  z-index: -1; /* Make sure the background stays behind other content */
}

* {
    box-sizing: border-box; shadow-box;
}

a:link {
    color: #979afc;
}

a:visited {
    color: #df93ef;
}

/* mouse over link */
a:hover {
    color: #f3ba40;
}

/* selected link */
a:active {
    color: #8201b5;
}


ul.a {
    list-style: circle; outside;
}

ul.b {
    list-style: square; outside;
}

ol.c {
    list-style: numerical; outside;
}

ol.d {
    list-style: lower-alpha; outside;
}

div.buttons:hover{
  opacity:0.5; 
  filter:alpha(opacity=50); 
  -webkit-opacity:0.5; 
  -moz-opacity:0.5; 
}

#rcorners1 {
    border-radius: 25px;
    background-image: linear-gradient(to bottom, rgba(44,45,77,.9), rgba(122,74,132,.9));
    box-shadow: 5px 5px 5px 1px rgb(0 0 0 / 0.5);
    border: 0.2rem outset black;

 
}

{border-style: solid;}

#menubar {
    border-radius: 25px;
    background-image: linear-gradient(to bottom, rgba(216,216,216,.9), rgba(140,142,131,.9));
    box-shadow: 5px 5px 5px 1px rgb(0 0 0 / 0.5);
    border: 0.2rem outset black;
 
}

table {
  border-spacing: 10px;
}

td {
    padding: 15px;
    spacing: 20px;



}

th {
    height: 20px;

}

tr {
    width: 90%
}


body {
  margin: 0;
  padding: 0;
}