/* These classes are unique to the home page */

/* The block that holds our counter image
	for printing it is made invisible by figprint.css */
div.counter {
	float: left;
	width: 120px;
	clear: both;
	font-size: x-small;
	text-align: center;
	margin-top: 0.25in;
	margin-bottom: 0;
}

/* This makes the counter link not stand out too much, but is there if
	someone should care to use it.  This is only possible here, because
	the counter block is made invisible for printing (otherwise, these
	colour settings would need to be in figscreen.css) */
div.counter a {
	color: white;
	background-color: inherit;
}

div.counter a:active {
	text-decoration: none;
}

div.counter a:hover {
	text-decoration: none;
	color: white;
	background-color: inherit;
}


/* The block that holds the text saying when the website was last updated
	for printing it is made invisible by figprint.css */
div.updated {
	float: left;
	width: 120px;
	clear: both;
	text-align: left;
	font-size: x-small;
	margin-top: 1em;
	margin-bottom: 0;
	text-align: center;
}

div.updated p {
	display: block;
	text-align: center;
}

/* This makes the update link not stand out too much, but is there if
	someone should care to use it.  This is only possible here, because
	the updated block is made invisible for printing (otherwise, these
	colour settings would need to be in figscreen.css) */
div.updated a {
	color: white;
	background-color: inherit;
}

div.updated a:active {
	text-decoration: none;
}

div.updated a:hover {
	text-decoration: none;
	color: white;
	background-color: inherit;
}


/* This block contains only our certification icons
	for printing it is made invisible by figprint.css */
div.siteinfo {
	position: absolute;
	padding: 0;
	margin-bottom: 0px;
	margin-left: 125px;
	width: 495px;
}

div.certs {
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

/* Block for a certification logo */
div.certlogo {
	display: inline;
	padding: 0;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
}

div.certlogo a {
	color: white;
	background-color: inherit;
}

div.certlogo a:active {
	text-decoration: none;
}

div.certlogo a:hover {
	text-decoration: none;
	color: white;
	background-color: inherit;
}

div.homebuttons {
	display: block;
	clear: both;
	width: 492px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	color: inherit;
	background-color: white;
}

div.homebuttons div {
	display: block;
	padding: 0;
	clear: both;
	vertical-align: middle;
}

div.homebuttons div a img {
	display: block;
	clear: both;
	width: 160px;
	height: 90px;
}

div.homebuttons div a {
	display: block;
	clear: none;
	float: left;
	width: 160px;
	min-height: 90px;
	/* Bugs in IE meant nice margins into background didn't work,
		so resorted to border */
	border: solid 2px white;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: small;
	font-weight: bold;
}