body {
    color: white;
}
a {
   text-decoration:none;
}
table {
    
}
td { 
    text-align: center;
    vertical-align: top;
}
td.grass { 
background: url("img/grass.png") no-repeat; 
background-size:250px 250px;
text-align: center;
width: 250px; 
height: 250px; 
}
img {
    border: 0px; 
}
#title {
    text-align: center;
    font-size: 24pt;
    font-family: Quicksand;
    letter-spacing: -2px;
}
#wendio{
    acolor: #c60;
    color: #ff6666;
    acolor: #ff9966;
}
.opac {
    opacity: 0.7;
}
#titlebold {
    acolor: #f90;
    color: #ff9966;
    font-weight: normal;
}
#smallw {
    font-size: 130%;
    letter-spacing: -5px;
}
#smallo {
    font-size: 130%;
    letter-spacing: -2px;
}

.cell {
    position: absolute; 
    vertical-align: top;
}
.invisible {
    vertical-align: top;
    position: relative; 
    top: 0; 
    left: 0; 
    display: none;
    opacity: 0.7;
}
.square {
    top: 0; 
    left: 0; 
    vertical-align: top;
    width: 250px;
    height: 250px;
}
.textblock {
    font-size: 18pt;
    top: 0; 
    left: 0; 
    vertical-align: center;
    text-align: center;
    width: 250px;
    height: 250px;
    background: rgba(0,0,0, 1.0); 
    opacity: 1; 
    font-size: 20pt;
    font-family: Quicksand;
    color: white;
}
.textblock a {
    color: white;
    text-decoration:none;
}
.contenthover { text-align: center; vertical-align: center;}