h1,h2,h3
{
font-family: helvetica, arial, "sans-serif";
}
body,table
{
font-family: helvetica, arial, "sans-serif";
font-size: 1em;
}

/*
a:link {color: #99ffff}
a:visited {color: #c6ffc6}
a:hover {color: #c6ffc6}
a:active {color: #c6ffc6}
*/

.date {
  font-size: 12px;
}

.hide {
  display:none;
}

.centre {
  text-align:center;
}

.mcell {
  width: 14px;
  height: 12px;
  font-size:9px;
  font-family:verdana;
  text-align:center;
  float:left;
}
.mcell img {
  height: 10px;
}

.makeable {
  padding:0px;
  width: 90px;
  height:60px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin-top:10px;
  margin-left:0px
  }

.hcps {
  width: 80px;
  height:70px;
  border-style: solid;
  border-width: 0px;
  border-color: white;
  margin-left:-10px;
  }

.hcp {
  width: 80px;
  height:70px;
  border-style: solid;
  border-width: 0px;
  border-color: white;
  font-size:9px;
  }

.nhcp {
  width: 80px;
  height:20px;
  font-size:.6em;
  text-align:center;

}

.whcp {
  margin-top:8px;
  margin-left:5px;
  width: 30px;
  height:20px;
  font-size:.6em;
  text-align:left;
  float:left;
}

.ehcp {
  margin-top:8px;
  margin-right:5px;
  width: 30px;
  height:20px;
  font-size:.6em;
  text-align:right;
  float:right;
}

.shcp {
  margin-top:35px;
  width: 80px;
  height:20px;
  font-size:.6em;
  text-align:center;
}

.par {
  width: 80px;
  height:50px;
  font-size:.8em;
  text-align:left;
  padding-left:5px;
  padding-bottom:5px;
}

.suit {
  font-size:1em;
  font-weight:bold;
  letter-spacing:1px;

}

.vul {
  width:70px;
  height:50px;
  font-size:1em;
  font-weight:bold;
  font-family:Courier New;
  font-weight:bold;
  font-size:.8em;
  text-align:left;
  padding-left:20px;
}

.boardnum {
  width:60px;
  height:30px;
  font-weight:bold;
  font-size:20px;
  text-align:center;
  padding:10px;
}
.stars4slams {
  font-weight:bold;
  font-size:20px;
  display:inline;
}

.board {
  width: 280px;
  height: 250px;
  padding:2px;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  position: relative;
  float:left;
  margin:2px;
  }

.board table{
  border-style: solid;
  border-width: 0px;
  border-color: black;
  }


.board td {
  border-style: solid;
  border-width: 0px;
  border-color: black;
  }

.boardtl {
  width: 90px;
  height: 85px;
  position:relative;
  top:0;
  left:0;
  }

.boardtr {
  width: 90px;
  height: 85px;
  position:relative;
  top:0;
  left:181px;
  }

.boardbr {
  width: 90px;
  height: 85px;
  position:relative;
  top:170px;
  left:181px;
  }

.boardbl {
  width: 90px;
  height: 85px;
  position:relative;
  top:170px;
  left:0px;
  }

.boardn {
  width: 93px;
  height: 85px;
  text-align:left;
  }

.boards {
  width: 93px;
  height: 85px;
  text-align:left;
  }

.boarde {
  width: 90px;
  height: 85px;
  text-align:left;
  }

.boardw {
  width: 90px;
  height: 85px;
  text-align:left;
  }

.boardc {
  width: 90px;
  height: 85px;
  position:relative;

  top:170px;
  left:91px;
  }