body
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: Blue;
		background-color: White;
		width : 750px;
	}

		a:link
	{
		Color: Black;
		text-decoration: none;
		background-color: White;
		padding-left: 2px;
		padding-right: 2px;
		border-bottom: 1px dotted Blue;
		border-top: 1px dotted Blue;
	}

		a:visited
	{
		Color: Black;
		text-decoration: none;
		background-color: White;
		padding-left: 2px;
		padding-right: 2px;
		border-bottom: 1px dashed Black;
		border-top: 1px dashed Black;
	}

		a:hover
	{
		Color: White;
		Background-Color: Blue;
		text-decoration: none;
	}

		a:active
	{
		Color: Red;
		Background-Color: Blue;
		text-decoration: none;
		border : 1px solid Red;
	}

	div.maintext
	/* only needed for IE which is too stupid to take it from the body. Not to mention that it doesn't know max-width... */
	{
		width: 750px;
	}
	p.topnavi, p.pagefooter
	{
		width: 750px;
		border-bottom : 3px solid Blue;
		border-top : 1px solid Blue;
		text-align: center;
		border-left : 1px solid Blue;
		border-right : 3px solid Blue;
		padding-bottom : 3px;
		padding-top : 3px;
		clear: both;
	}
	.areaheader
	{
		background-color : Blue;
		color : White;
		font-weight : bold;
	}
	.codesample
	{
		background-color : #ADD8E6;
		color : Navy;
		font-weight : bold;
		font-family : "Courier New", Courier, monospace;
	}
	img.picleft
	{
		float : left;
		margin-bottom : 3px;
		margin-right : 3px;
		margin-top: 3px;
	}
	img.picright
	{
		float: right;
		margin-bottom: 3px;
		margin-left: 3px;
		margin-top: 3px;
	}
	div.colleft
	{
		float: left;
		width: 248px;
		padding-right: 2px;
	}
	div.colcentre
	{
		float: left;
		width: 248px;
		padding-right: 2px;
	}
	div.colright
	{
		float: right;
		width: 250px;
	}
	.colbelow
	{
		clear: both;
	}

	p.dayfacts
	{
		width: 350px;
		border-bottom : 3px solid Blue;
		border-right : 3px solid Blue;
		float : left;
		border-left : 1px solid Blue;
		border-top : 1px solid Blue;
		margin-right : 5px;
		padding-left: 2px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	div.tournavi, p.tournavi {
	text-align : right;
	clear : both;
}

	.facthelp
	{
		cursor: help;
		border-bottom : 1px dotted Green;
	}
	
	div.advertising {
	padding-left: 10px;
	padding-bottom: 5px;
	border-top: 1px dotted Blue;
	border-bottom: 1px dotted Blue;
	margin-bottom: 3px;
	clear: both;
}

	p.advertising {
	font-size: 10px;
	}