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: white;
	color: #062;
}

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

.col_left
{	display: inline-block;
	float: left;
	width: 480px;
	padding: 0px 8px 0px 0px;
	border-right-style: dotted;
}

.col_right
{	display: inline-block;
	width: 300px;
	padding: 0px 0px 0px 8px;
}

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

.header img
{	float: left;
}

.end_block
{	clear: left;
}

.centre-highlight
{	text-align: center;
	padding: 8px;
	color: white;
	background-color: gray;
}

.divider
{	height: 2px;
	border: 0;
	background: #062;
}

.box_grey
{	margin: 4px 0px 4px 0px;
	padding: 3px;
	border: 1px solid black;
	background: #EEE;
	color: #008;
}

.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;
}

/* -----------------MENU-----------------*/

.navi ul
{	padding: 0;
	list-style: none;
	z-index: +99;
}
.navi ul li
{	float: left;
	width: 133px;
	font-weight: bold;
	background: #EEE;
	color: black;
	text-align: center;
	line-height: 1.5em;
	border-bottom: 2px solid #062;
}
.navi ul li a
{	display: block;
	color: black;
	background: #EEE;
	text-decoration: none;
}
.navi ul li a:hover
{	color: blue;
	background: yellow;
}
.navi ul li ul
{	position: absolute;
	display: none;
	width: 132px;
}
.navi ul li:hover ul
{	display: block;		/* display the drop-down */
}

/* --------------END MENU-----------------*/

.footer
{	font-size: 0.75em;
	border-top: 2px solid #062;
	padding: 3px;
	background: #EEE;
}

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