body
{
text-align:center;
margin: 10px 0px;
padding: 0px;
font-family: arial, sans-serif;
}

input
{
background: #78c469; 
border: 2px solid #00662c; 
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
min-width:30px;
}

table
{
margin:0px auto;
}

div.wholeboard
{
height: 335px;
margin: 0px auto;
width: 335px;
margin-top: 30px;
}

div.fulltop
{
width:335px;
margin: 0px auto;
height:130px;
text-align:center;
}

p.status
{
font-size:8px;
}

div.sideboard
{
width: 15px;
height: 320px;
padding:0px;
margin:0px;
float:left;
}

div.board
{
width: 320px;
height: 335px;
margin:0px;
padding:0px;
position:relative;
float:left;
}

img
{
padding: 0px;
margin: 0px;
}

A:link {color:blue; }
A:visited {color:blue; }
A:active {color:blue; }
A:hover {color:black; }

div.white
{
width:40px;
height:40px;
background:#d18b47;
float:left;
}

div.whiteh
{
width:30px;
height:30px;
float:left;
border: 5px solid #956333;
background:#d18b47;
}

div.dark
{
width:40px;
height:40px;
background:#ffce9e;
float: left;
}


div.darkh
{
width:30px;
background:#ffce9e;
border: 5px solid #cba47e;
height:30px;
float: left;
}

h1
{
font-size: 18px;
padding-top: 20px;
margin: 0px;
}

h3
{
font-size: 11px;
padding: 3px;
margin: 0px;
}

h2
{
font-size: 18px;
padding: 5px;
margin: 0px;
}

td.move
{
font-size:10px;
font-family:sansserif;
}