body, html { height: 99%; }

body {
	background-color: black;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
}

textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	border: solid 1px white;
}

input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	border: solid 1px black;
}

td.cell {
	background: url(images/cell.gif) center center no-repeat;
	height: 100px;
	width: 100px;
	color: white;
}

td.cell_logo {
	background: url(images/logo2.gif) bottom left no-repeat;
	height: 100px;
	width: 320px;
	color: white;
}

td.cell_4x1 {
	background: url(images/cell_4x1.gif) top left no-repeat;
	height: 100px;
	width: 430px;
	color: black;
}

td.cell_2x1 {
	background: url(images/cell_2x1.gif) top left no-repeat;
	height: 100px;
	width: 210px;
	color: black;
}

td.cell_2x2 {
	background: url(images/cell_2x2.gif) top left no-repeat;
	height: 210px;
	width: 210px;
	color: black;
}

td.cell_1x3 {
	background: url(images/cell_1x3.gif) top left no-repeat;
	height: 320px;
	width: 100px;
	color: black;
}

td.cell_3x2 {
	background: url(images/cell_3x2.gif) top left no-repeat;
	height: 210px;
	width: 320px;
	color: black;
}

td.cell_3x3 {
	background: url(images/cell_3x3.gif) top left no-repeat;
	height: 320px;
	width: 320px;
	color: black;
}

td.cell_off {
	height: 100px;
	width: 100px;
}

td p { margin: 10px;  }

td p b {
	color: #A42C28;
}

td p a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

td p a:hover {
	color: #A42C28;
	text-decoration: none;
	font-weight: bold;
}

a img {
	border: none;
}

#outer { height: 99%; width: 100%; overflow: visible; position: relative; }
#outer[id] { display: table; position: static; }

#middle { position: absolute; top: 50%; }
#middle[id] { display: table-cell; vertical-align: middle; position: static; }

#inner { position: relative; top: -50% }