HTML {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

BODY {
	background-color: #FFFFFF;
	line-height: 140%;
	font-family: "Dejavu Sans", "Arial", helvetica, sans;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}

/* IE hack; note the 'wrong' url */
.transparent {
	behavior: url(../iepngfix.htc);
}

IMG.background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

DIV.content-container {
	position: absolute;
	left: 0;
	bottom: 20%;
	text-align: center;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
	
TABLE.content {
	margin: 0 auto 0 auto;
	border-collapse: collapse;
}

TABLE.content, .titlepane, .logopane, .indexpane, .whatsnewpane
{
	padding: 0;
	border: 0;
	vertical-align: top;
}

.titlepane {
	text-align: left;
}

.topborder {
	border-top: 1px solid black;
	text-align: left;
	font-size: 10pt;
	padding-top: .4em;
}
	
.logo {
	text-align: right;
	padding-right: 5em;
}

.indexpane, .whatsnewpane {
}

.indexpane .topborder {
	padding-right: 1em;
}

.indexpane {
	font-weight: bold;
}
	
.box {
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: 1em;
	padding-right: 1em;
	margin: 0;
	background-image: url(index/transparent-white.png);
}

.other {
	color: #808080;
	font-weight: bold;
}

.feedicon {
	border: 0;
	vertical-align: middle;
}

.whatsnew, .index {
	padding-left: 0;
	margin: 0;
	padding: 0;
}

.whatsnew .date {
	color: #808080;
	font-size: 90%;
}

.whatsnew li {
	list-style-type: none;
	line-height: 120%;
	padding-top: .5em;
	padding-bottom: .5em;
}

.whatsnew .marker {
	width: 4px;
	height: 8px;
	padding-left: .3em;
	padding-right: .3em;
}

.index li {
	list-style-type: none;
}

.stats {
	position: absolute;
	left: .2em;
	bottom: .2em;
	font-size: 6pt;
	color: #606060;
}

.imagecredit {
	position: absolute;
	right: .2em;
	bottom: .2em;
	font-size: 6pt;
	color: #606060;
}

.imagecredit A, .stats A {
	color: #606060;
}