body{
	margin:0;
	padding:0;
	color:#000;
	font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
	text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

h3{
	text-align: center;
}

h4{
	color: red;
	font-style: italic;
}

li{
	text-indent: 0px;
	color:#000;
	font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
	text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

th, td {
	text-indent: 0px;
}

.ab {
	text-decoration: none;
	color: inherit;
}

.w {
	width: 160px;
}

.button-bar {
	cursor: pointer;
}

#header, #menu, #main, #footertext, #footer{
	margin: 0px auto;
	width: 1150px;
}

#header{
	background: url('Images/header.jpg') no-repeat;
	height: 300px;
}

#main{
	text-indent: 30px;
	text-align: justify;
}

#footertext{
	text-align: center;
}

#footer{
	background: url('Images/footer.jpg') no-repeat;
	height: 300px;
}

#board {
	text-indent: 0px;
	width: 500px;
	height: 500px;
	border: 2px solid black;
}

.field, .white, .black {
	display: inline-block;
	width: 50px;
	height: 50px;
}

.white {
	background-color: white;
}

.black {
	background-color: black;
}

.abc {
	vertical-align: top;
	text-align: center;
	display: inline-block;
	width: 50px;
	height: 35px;
	padding-top: 15px;
	background-color: #E0E0E0;
}

.keyboard {
	width: 40px;
	height: 30px;
	margin-top: 5px;
}

.bigim {
	height: 495px;
	width: 792px;
	margin-bottom: 8px;
}

.images {
	text-indent: 0px;
}
	
.smallim {
	height: 120px;
	width: 192px;
	margin-left: 0px;
	margin-right: 4px;
}