body {
  background-color: white;
  font-family: Sans-Serif, Arial;
  font-size: 15px;
  text-align: justify;

}

#meta table {
  margin-top: 20px;  
  border: 1px dashed gray;
  font-size: 0.6em;
  color: gray;
}

#meta td {
  vertical-align:top; 
}
#meta th {
  text-align:left; 
}


#meta a {
  color: gray;
  text-decoration: none;
}
#meta a:visited {
  color: gray;
  text-decoration: none;
}

#meta a:hover {
  color: black;
}


#left {
  float: left;
  background-color: #336699;
  width: 230px;
  text-align: left;
  padding: 10px;
  color: white;
  margin-bottom: 10px;
  font-family: Sans-Serif, Helvetica, Arial;
    
}

#left li {
  list-style-image:url(lock.html);
  margin-left: 10 px;
}

#left h1 {
  margin-top: 0px;
  color: white;
  font-size: 1.5em;
}

#left h2 {
  margin-top: 0px;
  color: white;
  font-size: 1em;
}

#left a {
  color: white;
}

#left a:visited {
  color: white;
}

#left a:hover {
  color: white;
}


#navihead {
  margin-top: 0px;
  color: white;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 15px;
}

.navidiv {
  color: white;
  font-weight: bold;
}


a {
  color: brown;
}

a:visited {
  color: brown;
}

a:hover {
  color: blue;
}

#main {
  margin-left: 270px;
}

code {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.2em;

}


.codewithlinks a {
  color: black;
  font-style: normal;
  text-decoration:none;  
}

.codewithlinks a:visited {
  color: black;
  font-style: normal;
  text-decoration:none;
}

.codewithlinks a:hover {
  color: black;
}