/* element styles */
body{
  font-size:16px;
  font-family:arial;
  color:#ccc;
  background-color:#000920;
  text-align:center;
}

table{
  padding:0;
  text-align:center; 
  margin-left:auto; 
  margin-right:auto; 
}

td,tr{
  vertical-align:middle;
  text-align:left; 
}

a{
  color:#aaa; 
  font-weight:bold;
  text-decoration:none;
}

a:hover{
  color:#ccc;
  font-weight:bold;
  text-decoration:none;
}

/* style classes */
.mid{
  text-align:center;
}

.left{
  text-align:left;
  padding-left: 20px;
}

.right{
  text-align:right;
  padding-right: 20px;
}

.shadow{
  background-color:#aaaaaa;
}
.overGraphic{
  position:relative;
  top:-100px;
  left:-150px;
  font-size:28px;
  font-family:arial;
  font-weight:bold;
  font-style:italic;
  color:#334;
}

.table1{
  font-size:14px;
  font-family:arial;
  color:#111;
  background-color:#6D7D91;
  padding:20px;
  text-align:left;
}

.table2{
  font-size:14px;
  font-family:arial;
  color:#ccc;
  background-color:#6D7D91;
  padding:0;
  text-align:center;
  margin-left:0; 
  margin-right:0; 
}

.link1{
  font-weight:bold;
  font-size:12px;
}

.link2{
  font-weight:bold;
  font-size:14px;
}

.link3{
  font-weight:bold;
  font-size:16px;
}

.link4{
  font-weight:bold;
  font-size:18px;
}

.shy{
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
  cursor: default;
  padding: 0px 20px 0px 20px;
}

pre {
  color:white; 
  background-color:black;
  border:2px 2px 2px 2px;
  font-weight:bold;
}