a:link    	  /* unvisited  */
{	color: #08C;
}

a:visited  	 /* visited    */
{	color: #08C;
}

a:hover   	 /* mouse over */
{	color: blue;
	background: yellow;
	text-decoration: none;
}

body 
{	font-family: helvetica,arial,sans-serif;
	font-size: 1.0em;
	background-color: #EEF;
	color: black;
}

.container
{	margin: auto auto;
	width: 800px;
}


.header
{	text-align: right;
	font-weight: bold;
}

.header img
{	float: left;
}

.end_block
{	clear: left;
}

.box
{	display: inline-block;
	margin: 4px auto 4px auto;
	padding: 12px;
	border-style: solid;
	border-width: 4px;
	border-color: black;
	width: 320px;
}

.box:hover
{	border-color: red;
}

.pix_float		/* picture floating (rhs - above other objects) */
{	position: absolute;
	margin-left: 500px;
	padding: 0px;
	z-index: 10;
}

.pix_under		/* picture floating (rhs - under other objects) */
{	position: absolute;
	margin-left: 500px;
	padding: 0px;
	z-index: -10;
}

.footer
{	font-size: 0.67em;
	color: grey;
	border-top: 2px solid black;
	padding: 3px;
	background: #CCC;
}

.left { float: left; }
.right { float: right; }
.centre { margin-left: auto; margin-right: auto; }