html {
    background-image:url(table_bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body {
margin:0 auto 0 auto;
width:1100px;
padding:0;
background-color: rgba(0, 0, 0, 0.95);
color:rgb(216, 216, 216);
font-family:arial;
}

p {
    font-size:1.0em;
    line-height:21px;

}
.right {
  text-align:right;
  }
hr {
  border: 0;
  border-top:1px solid #4a4a4a;
  height:1px;
  margin-top:50px;
  margin-bottom:40px;
  }
a {
  color:grey;  
}
a:hover {
  color:white;  
}
ul {
    font-size:0.9em;
}
h1.header {
    text-align:center;
    padding: 14px 10px 3px 10px;
    font-size:3.3em;
    font-family: "Alkatra", system-ui;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
h1.header a {
    text-decoration:none;
    color:rgb(219, 219, 219);
}
h2 {
  margin:30px 0 20px 0;  
}
td {
padding:18px;
}
#clock {
    font-size:0.9em;
    border-bottom:1px solid rgba(104, 104, 104, 0.733);
    padding:0px 13px 13px 13px;
    margin:0px 3px 10px 3px;
text-align:center;
}
td.nav {
padding:0 20px 0 8px;
vertical-align: top;
width:170px;
border-right:1px solid rgb(32, 32, 32);
}
td.nav ul {
    margin:0 0 0 0px;
    padding:0;
    font-size:1.0em;
    /*list-style-image: url("arrow1.png"); */
    list-style-type:none;
}
td.nav h3 {
    background-color:rgb(82, 82, 82);
    color:rgb(0, 223, 0);
    padding:4px 0px 4px 6px;
    margin:0px;
    font-style: italic;
}
td.nav ul li {
    
}
td.nav ul a{
    color:rgb(202, 202, 202);
    padding:5px 2px 5px 3px;
    background-color:rgba(0, 0, 0, 0.20);
    display:block;

}
td.nav ul a:hover{
    color:rgb(255, 255, 255);
    background-color:rgba(41, 44, 41, 0.4);

}
.al {
  font-family: "Alkatra", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

@media (max-width: 1000px) {

}