#tictactoe {
	width: 304px;
	margin: 0px auto;
}

#message {
	background-color: navy;
	color: white;
	font: medium "Verdana", sans-serif;
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 5px;
}

#board {
	width: 304px;
	height: 304px;
	background-image: url('train.jpg');
	background-repeat: no-repeat;
}

.square {
	border-width: 2px;
	border-color: black;
	width: 100px;
	height: 100px;
	float: left;
	background-repeat: no-repeat;
}
.square A {
	float: left;
	width: 100px;
	height: 100px;
	text-decoration: none;
}

#square1 {border-style: none solid solid none;}
#square2 {border-style: none none solid none;}
#square3 {border-style: none none solid solid;}
#square4 {border-style: none solid none none; clear: left;}
#square5 {border-style: none;}
#square6 {border-style: none none none solid;}
#square7 {border-style: solid solid none none; clear: left;}
#square8 {border-style: solid none none none;}
#square9 {border-style: solid none none solid;}
#goButton {
	clear: both;
	font: small, "Verdana";
	text-align: center;
	padding: 5px 10px;
}
.val {
	background-image: none;
}
.valX {
	background-image: url('x.gif');
}
.valO {
	background-image: url('o.gif');
}