body {background-color: #0b0b0b;}
hr.custom {
  border-top: 2px solid #ab0000;
  }
myfigure3 {
  width:32%;
  margin-top:2%;
  padding: 5px;
  float: left;
  }
myfigure3 img {
  border-radius: 8px;
  border: 1px solid #cccccc;
  }
myfigure3 myfigcaption {
  }
myfigure4 {
  width:24%;
  padding: 5px;
  float: left;
  }
myfigure4 img {
  border-radius: 8px;
  border: 1px solid #cccccc;
  }
myfigure4 myfigcaption {
  }
div.mybox1{
  max-width:800px;
  margin-right:2%;
  margin-left:2%;
  padding:2%;
  }
div.myhead1{
  font-size: 200%;
  margin:2%;
  padding:2%;
  border-bottom: 2px solid #ab0000;
  text-align:center
  }
div.myhead2{
  font-size: 200%;
  margin-right:2%;
  margin-left:2%;
  padding-right:2%;
  padding-left:2%;
  padding-top:8%;
  padding-right:1%;
  border-bottom: 2px solid #ab0000;
  }
div.myhead3{
  font-size: 160%;
  margin-right:2%;
  margin-left:2%;
  padding-right:2%;
  padding-left:2%;
  }
* {
  font-size: 100%;
  color: #ddd;
  font-family: verdana, helvetica, sans-serif
  }
a:link   {font-weight: bold; text-decoration: none; color: #ff8}
a:visited{font-weight: bold; text-decoration: none; color: #ff8}
a:hover  {font-weight: bold; text-decoration: none; color: #ddd}
a:active {font-weight: bold; text-decoration: none; color: #ddd}
a:unknown{font-weight: bold; text-decoration: none; background-color: #111}