body {
 background: #777799;
 text-align: center;
}
.frontdoor { 
 font: bold 108px "Times New Roman", Times, serif;
 text-decoration: none;
 color: white; 
}
.frontdoorsmall { 
 font: bold 27px "Times New Roman", Times, serif;
 text-decoration: none;
 color: white; 
}
a:hover {  
 text-decoration: underline;
 color: #aaaaff; 
}
.frontdoor *{
 border: none;
}
#specialmessage {
 font: bold 27px "Times New Roman", Times, serif; 
 color: white; 
 display:block;
 margin: 10% 0px 0px 0px;
}
#specialmessage64 {
 font: bold 64px "Times New Roman", Times, serif; 
 color: white; 
 display:block;
 margin: 0px;
}

.gogrid { 
 border: 0px;
 text-align: center;
 border-collapse: collapse;
 margin: auto;
}

.gogrid *{ 
 font: bold 24px "Times New Roman", Times, serif; 
 margin: 0px;
 padding: 0px;
}

.gogrid td{
 background: white;
 text-align: center;
 border: 2px solid lightgrey;
 width: 32px;
 height: 32px;
 padding: 0px;
 margin: 0px;
}

.gogrid a{
 text-align: center; 
 display: block;
 text-decoration: none;
 border: 0px;
 padding: 2px;
}

.gogrid a:hover{
 border: 2px solid #aaaaff;
 padding: 0px;
}
.gogrid a:focus, .gogrid a:active{
 border: 0px solid purple; 
 padding: 2px;
}

.gogrid .black {
 background: black;
}
.gogrid .white {
 background: white;
}

x.facegrid td{
 background: url(herohouse/miniface.gif) ;
 padding: 22px 25px 22px 25px;
 
}