html, body { margin: 0; padding: 0; height: 100% }

body {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background-color: #EEE;
	color: #444;
}

a {
	color: #8B2;
	color: #84AE2B;
}
a img {
	border: none;
}

.main { position: relative; min-height: 100% }
.content { padding-bottom: 46px; }

#header {
	margin: 0 2% 0 2%;
	width: 96%;
}
#title h1 {
	background-color: rgb(38,38,38);
	background-image: url(/images/logo-indexed.gif);
	background-position: 128px 16px;
	background-repeat: no-repeat;
	margin: 0;
	overflow: hidden;
	padding-top: 148px; /* Gives us coloured background and sets its height */
	height: 0;
	width: 100%;
}
#title h2 {
	margin-left: 128px;
	margin-bottom: 32px;
}

#whatis {
	/* top right bottom left */
	margin: 20px 240px 30px 180px;
}

#w3c {
	/*background-color: #222;*/
	position: absolute;
	margin-left:2%;margin-right:2%;
	top: 0;
	left: 0;
	width: 96%;
	height: 16px;
	text-align: right;
}
#w3c a {
	color: #9acd32;
	text-decoration: none;
	padding-right: 4px;
}
#promo {
	position: relative; margin-top: -46px; height: 44px;
	border-top: 2px silver solid;
	bottom: 1px;
	background-color: #555;
	text-align: right;
}
#promo p {
	display: inline;
	margin: 4px;
}
/*#promo {
	clear: both;
	position: absolute;
	left: 0;
	width: 100%;
	margin: 0;
}
}*/
#copyleft {
	color: #AAA;
	left: 5px;
	position: absolute;
}

#navbar {
	background: #E1E1E1;
	border: 1px solid #CCC;
	position: absolute;
	top: 228px;
	right: 32px;
	width: 180px;
}

#offsite h3 {
	margin: 8px 10px;
	line-height: 1.0;
	padding-left: 7px;
}

acronym { cursor:help; }