body {
	margin:	0px;
	background: rgb(230,230,230);
	font-family: "Bitstream Vera Sans", Verdana, Helvetica;
	font-size: 75%;
}

#container      
{
	margin-top: 20px;
	margin-left: -375px;										/* negative left-margin for horizantal aligned container */
	position: relative;
	top: 0%;
	left: 50%;													/* results in centered container with width twice the left margin */
	width: 750px;												/* twice the left margin */
	border-style: solid;
	border-width: 1px;
	border-color: rgb(180,180,180);
	text-align: left;
	background: rgb(255,255,255);
        padding: 0px;
	height: 450px;												/* This is read all browsers, but... */
}

/*
	IE doesn't correctly handle min-height but interprets height as min-height. The previous height defined for container results
	in IE setting a minimum height for the container. But browsers like firefox correctly use height for height and min-height for
	min-height.	To get the min-height value passed to these browswers, use the ancestor operator which isn't recognized by IE.
	This prevents IE from reading the min-height
*/

html>body #container {											/* This is not read by IE, so min-height is ok */
	height: auto;
	min-height: 450px;	
}

.containerTable {
    height: 200px;
    width: 100%;
    text-align: center;
    margin-top: 115px;
    border-spacing: 20px;
    font-size: 70px;
    font-family: sans-serif;
}

.blokE {
    background-color: #cccccc;
}

.blokO {
    background-color: #999999;
}