.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #009999;
}
.mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}
.miniplus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}
div#pad_left {
	padding-left: 10px;
}
/*
	The following css controls the actual matrix
*/
body {
  text-align: center;
  min-width: 500px;
}

a:link, a:visited {
	color: #009999;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF0000;
	text-decoration: none;
}

div#outer {
    width: 800px;
	margin-left: auto;
    margin-right: auto;
}

div.step{
	height: 70px;
	text-align: center;
	vertical-align: middle;
	background-color: #d6d6d6;
	margin-left: auto;
    margin-right: auto;
}

div#step1{
	width: 800px;
	background-image: url(1.png);
}

div#step2{
	width: 800px;
	background-image: url(2.png);
}

div#step3{
	width: 800px;
	background-image: url(3.png);
}

td#head1 {	
	height: 30px;
	width: 267px;
	text-align: center;
	vertical-align: bottom;
	margin-left: auto;
    margin-right: auto;
}

td#head2 {
	height: 70px;
	width: 267px;
	text-align: center;
	vertical-align: top;
	margin-left: auto;
    margin-right: auto;
}

td#content {
	text-align: center;
	vertical-align: top;
	margin-left: auto;
    margin-right: auto;
}

.i {
	background-color: #7de6d6;
	margin-left: auto;
    margin-right: auto;
}

.p{
	background-color: #7cc0d9;
	margin-left: auto;
    margin-right: auto;
}