html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	color: black;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

body {
	max-width: 1020px;
	min-width: 930px;
	margin: 0 auto;
	min-height: 600px;
	background-color: #F8F8F8;
}

span {
	white-space: nowrap;
}

a, a:visited {
	color: #E0E0E0;
}

a:hover, a:active {
	color: white;
}

img {
	border: 0;
}

ul {
	margin: 0;
	padding-left: 20px;
	color: white;
}

li a, li a:visited {
	color: white;
}

#container {
	height: 100%;
	border-left: gray 1px solid;
	border-right: gray 1px solid;
}

#header {
	height: 10%;
}

#headermenu {
	font-size: small;
	background-color: gray;
	color: white;
	padding: 8px;
}

#headermenu a {
	padding: 8px;
}

#headermenu a:hover {
	background-color: black;
}

#contenttable {
	display: table;
	height: 80%;
	width: 100%;
}

#contentcell {
	display: table-cell;
	height: 80%;
	width: 100%;
	vertical-align: middle;
}

#content {
	max-height: 400px;
	overflow: hidden;
}

#footertable {
	width: 100%;
	height: 10%;
	display: table;
}

#footercell {
	width: 100%;
	display: table-cell;
	vertical-align: bottom;
}

#footermenu {
	font-size: small;
	background-color: gray;
	color: white;
	padding: 8px;
}

#footermenu a {
	padding: 8px;
}

#div1 {
	border-left: 10px blue solid;
	margin: 0 0 0 10%;
	padding: 10px 0 10px 56px;
	height: 76px;
	font-size: 56px;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #99CCFF;
	border-bottom-left-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-bottomleft: 40px;
}

#div1 span {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}

#div2 {
	border-left: 5px green solid;
	margin: 0 0 0 20%;
	padding: 10px 0 10px 36px;
	height: 52px;
	font-size: 36px;
	font-variant: small-caps;
	background-color: #99CC00;
	border-bottom-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
}

#div3 {
	border-left: 5px orange solid;
	margin: 0 0 0 30%;
	padding: 10px 0 10px 24px;
	height: 25px;
	font-size: 16px;
	background-color: #FFCC66;
	border-bottom-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
}

.block {
	/* size 144x82 */
	position: relative;
	width: 124px; /* 144 - xpadding */
	height: 70px; /* 82 - ypadding */
	border-radius: 10px;
	padding: 6px 10px;
	font-size: small;
	color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-left: 5px solid darkred;
	background-color: #DD4420;
}

#block1 {
	left: 20px;
	top: -81px;
}

#block2 {
	left: 134px;
	top: -61px;
	width: 124px;
}

#block3 {
	left: 308px;
	top: -101px;
	width: 196px;
}

#block4 {
	left: 554px;
	top: -183px;
	width: 124px;
}

#block5 {
	left: 728px;
	top: -265px;
	width: 124px;
}

#block1 ul {
	font-size: 110%;
	font-weight: bold;
}

.error {
	color: #DD4420; 
	font-size: 24pt; 
	text-align: center;
}