body
{
text-align:left;
padding: 0px;
font-family: arial, sans-serif;
font-size:10px;
width: 200px;
height: 270px;
text-align: center;
margin:0px;
}

p.sub
{
padding:0px;
margin:0px;
padding-bottom:0px;
padding-top:0px;
}

input.sub
{
background: #81bb86;
border: solid green 2px;
font-weight: bold;
}

input.js
{
background:#8186bb;
border: solid black 2px;
font-weight: bold;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9px;
}

p.red
{
margin:0px;
}

div.wholeboard
{
height: 172px;
margin: 0px auto;
width: 170px;
padding:0px;
margin:0px auto;
}

div.sideboard
{
width: 10px;
height: 160px;
padding:0px;
margin:0px;
float:left;
}

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

div.main
{
background: #91CB96;
padding: 0px;
margin: 0px auto;
margin-top: 0px;
margin-bottom: 0px;
width:700px;
}

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


A:link {color:blue; text-decoration:none;}
A:visited {color:blue; text-decoration:none;}
A:active {color:blue; text-decoration:none;}
A:hover {color:black; text-decoration: none;}


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

div.whiteh
{
width:18px;
height:18px;
_width:20px;
_height:20px;
border: 1px solid black;
background:#d18b47;
float:left;
}

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


div.darkh
{
width:18px;
height:18px;
_height:20px;
_width:20px;
background:#ffce9e;
border: 1px solid black;
float: left;
}

div.red
{
width:20px;
height:20px;
background:#E27373;
float:left;
}

h1
{
font-size: 14px;
}

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

h2
{
font-size: 12px;
padding: 1px;
margin: 0px;
}