/*
colours: 

Background:	#C0DAE5

White text:	#FFFFFF
Grey text:	#676D71
Black text:	#000000

Blue text: 	#000099
Grey/blue text:	#676D71

*/



BODY		{background-color: 		#FFFFFF;

		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
		
		font-family: "arial";
		font-size: 95%;}

		
P 		{font-family: arial; font-size: 95%; color: #000000; width: 98%; padding: 1%;}
li 		{font-family: arial; font-size: 95%; color: #000000; width: 98%; padding: 1%;}
P.sub		{font-family: arial; font-size: 95%; text-decoration: underline; color: #000099;}	
P.small		{font-family: arial; font-size: 76%; color: #000099; width: 96%; padding: 2%;}
P.address	{font-family: arial; font-size: 76%; color: #676D71; width: 96%; padding: 2%;}
P.caption	{font-family: arial; font-size: 76%; font-style: italic; color: #000099; width: 75%;}		
P span.nodisplay{display:none;} /* this is used to hide e-mail addresses from spambots */
H1		{font-family: arial; font-size: 130%; color: #000099; width: 96%; padding: 2%;}
H2		{font-family: arial; font-size: 110%; color: #000099; width: 96%; padding: 2%;}

TD 		{font-family: arial; font-size: 95%; color: #000000;}
TD.white	{font-family: arial; font-size: 80%; color: #FFFFFF;}
TD.grey		{font-family: arial; font-size: 80%; color: #555555;}			
TD.black	{font-family: arial; font-size: 80%; color: #000000;}
TD.caption	{font-family: arial; font-size: 76%; font-style: italic; color: #555555;}	
	


a:link		{color: #000000; text-decoration: underline;}
a:visited	{color: #000000; text-decoration: underline;}
a:active	{color: #777777; text-decoration: underline;}
a:hover		{color: #777777; text-decoration: underline;}

a.white:link	{color: #FFFFFF; text-decoration: none;}
a.white:visited	{color: #FFFFFF; text-decoration: none;}
a.white:active	{color: #FFFFFF; text-decoration: none;}
a.white:hover	{color: #FFFFFF; text-decoration: underline;}

a.grey:link	{color: #555555; text-decoration: underline;}
a.grey:visited	{color: #555555; text-decoration: underline;}
a.grey:active	{color: #555555; text-decoration: underline;}
a.grey:hover	{color: #555555; text-decoration: underline;}

a.black:link	{color: #000000; text-decoration: none;}
a.black:visited	{color: #000000; text-decoration: none;}
a.black:active	{color: #000000; text-decoration: none;}
a.black:hover	{color: #000000; text-decoration: underline;}




/* layers  */
/* layer 1 = content */
#layer1 {
	position:		absolute;
	top:			15%;
	height:			85%;
	left:			25%;
	width:			50%;
		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
	z-index:		2;
	background-color:	#FFFFFF;
	border-color:		#FFFFFF;
	border-width:		0;
	text-align:		justify;
	overflow:		auto;
	}

/* layer 2 = navigation menu, left */
#layer2 {
	position:		absolute;
	top:			15%;
	height:			85%;
	left:			10%;
	width:			15%;
		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
	z-index: 		2;
	background-color:	#BFDBE6;
	border-color:		#BFDBE6;
	border-width:		0;
	overflow:		hidden;
	}

/* layer 3 = navigation, right */
#layer3 {
	position:		absolute;
	top:			0%;
	height:			70%;
	left:			75%;
	width:			15%;
		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
	z-index: 		1;
	background-color:	#BFDBE6;
	border-color:		#BFDBE6;
	border-width:		0;
	overflow:		hidden;
	}

/* layer 4 = header */
#layer4 {
	position:		absolute;
	top:			0%;
	height:			15%;
	left:			25%;
	width:			50%;
		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
	z-index: 		1;
	background-color:	#FFFFFF;
	border-color:		#FFFFFF;
	border-width:		0;
	}

#layer4a {
	position:		absolute;
	top:			0%;
	height:			15%;
	left:			10%;
	width:			15%;
		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
	z-index: 		1;
	background-color:	#BFDBE6;
	border-color:		#BFDBE6;
	border-width:		0;
	}

/* layer 6 = address */
#layer6 {
	position:		absolute;
	top:			70%;
	height:			30%;
	left:			75%;
	width:			15%;
		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
	z-index: 		3;
	background-color:	#BFDBE6;
	border-color:		#BFDBE6;
	border-width:		0;
	overflow:		auto;
	}

/* layer 7 = counter */
#layer7 {
	position:		absolute;
	top:			97%;
	height:			3%;
	left:			0%;
	width:			10%;
		margin-top: 		0%;
		margin-left:		0%;
		margin-bottom:		0%;
		margin-right:		0%;
	z-index: 		0;
	background-color:	#FFFFFF;
	border-color:		#FFFFFF;
	border-width:		0;
	overflow:		hidden;
	}