@font-face 				/* Vegur font is an apple-website-like font	*/				
{
    font-family: Vegur;
    src: url(../fonts/Vegur-EL_0500.otf);
	font-weight: 300;
}
@font-face 
{
    font-family: Vegur;
    src: url(../fonts/Vegur-B_0500.otf);
	font-weight: bold;
}
@font-face 
{
    font-family: Vegur;
    src: url(../fonts/Vegur-R_0500.otf);
    font-weight: normal;
}



body, h1, h2, h3, h4, ul, li, td
	{
/*   	font: 11pt Roboto, sans-serif;  */
   		font: 10.5pt verdana, sans-serif;
   		font: 11pt Vegur, sans-serif;
   		font-weight: 300;
   		color: #606060;
	}
body
	{
	   	line-height: 1.3;
	   	font-weight: normal;
	   	color:black;
/*	   	background-color:#DCFDFE;
*/
	   	background-color:#DDE5EC;
	   	background-color:WhiteSmoke;
/*	   	background-image: url('images/body-bg.png')
*/
	}
#page-container
	{
		background-color:white; position:absolute; width: 980px; left:50%; margin-left:-490px; z-index:20; height:3000px;
	}
h1
	{
		font-weight: 300;
		font-size: 20pt;
		color: DimGrey;
		margin-bottom: 0em;
		margin-top: 0.4em;
		line-height: 0.8;
	}
h2, h3, h4
	{
		font-size: 16pt;
		font-weight: 300;
/*		font-weight: bold;
*/		color: gray;
   		color: #404040;
   		color: DimGrey;
		margin-top: 0.1em;
		line-height: 1.2em;
	}


#banner
	{
		position: fixed;
		top: 0px;
		height: 190px;
		width: 960px;  
		margin-left: -480px;
		left: 50%; 
		z-index: 8;
		padding-top: 8px;
	}

	#slide_show		/*---------------------------------*/
		{
			position: absolute;
			left: 50%; 
			margin-left: 12px;
			z-index: 10;
		}
		/*	Table-like display of the slide show items */

		#slide-show-table 
		{
				width: 425px;
				margin: auto;
				padding:0;
				display: table;	
		}
		#slide-left
			{
				display: table-cell;
				width:200px;
				height:150px;
				vertical-align:top;
				text-align: right;
				background-color: white;
			}
		#slide-middle
		{
			display: table-cell;
			width:25px;	
		}
		#slide-right
		{
			display: table-cell;
		}
	/*------------end slide show---------------------*/	

	#banner-mask	/*realises transparency when sliding page contents under banner ------*/
		{
			position: fixed;
			position: absolute;
			width: 982px;
			height: 200px;
			top:-145px;
			left: 50%;
			margin-left:-491px;
			background-image:url(images/bannermask.png);
			z-index: 9;	
		}
	#logo
		{
			position: absolute;
			top: 50px;
			left: 50%;
			margin-left: -480px;
			width: 240px;
			height:300px;
			z-index: 5;
		}
	#logo2
		{
			position: fixed;
			position: absolute;
			top: 40px;
			left: 50%;
			margin-left: -225px;
			width: 225px;
			height:175px;
			z-index: 5;
		}

	#link-bar2-container	/** <!-- Holds links  **/
		{
			position: fixed;
			top: 5px;
			border-bottom: solid lightblue 1px;
			width:960px;
			margin-left:-480px;
			left: 50%;
			z-index: 10;
		}
	#link, #link8
		{
			display: table-cell;
			height:30px;
			padding-top:0em;
			vertical-align:middle;
			text-align: center;
			background-color: white;
			width:122px;
			border-right: 1px solid lightblue;
		}

/* ------------------end banner items -------------------------	*/
		
/* page formatting with table-like divs */

  #row  
  	{
  		display: table-row;

	}
#table-container, #table-container-075
	{
		display: table;
		margin: auto;
 		width: 960px;	
	}
#table-container-075
	{
 		width: 720px;		
	}
#col-225, #col-225, #col-225-linetop, #col, #col-linetop, #col-line, #col-lineleft, #col-0125, #col-0125-linetop, #col-025, #col-025-linetop, #col-050, #col-050-linetop, #col-025, #col-025-linetop
	{
		display: table-cell;
    	vertical-align: top;		
   		padding-right: 10px;
   		background-color:white;	
	}
#col, #col-linetop, #col-line, #col-lineleft
	{		
   		padding-right: 0em;				
	}		
#col-linetop, #col-225-linetop, #col-0125-linetop, #col-025-linetop, #col-050-linetop, #col-036, #col-036-linetop
	{				
   		padding-top: 0.5em;
   		padding-bottom: 0.5em;
   		border-top: 1px solid lightblue;				
   		border-top: 1px solid lightgrey;								
	}		
#col-225-linetop, #col-225
	{
  		width: 230px;		
	}
#col-025, #col-025-linetop
	{
  		width: 200px;		
	}
#col-036, #col-036-linetop
	{
  		width: 300px;		
	}
#col-050, #col-050-linetop
	{
  		width: 470px;		
	}
#col-0125, #col-0125-linetop
	{
		width: 120px;
	}

#col-0125, #col-0125-linetop, #col-025, #col-025-linetop
{
		padding-right: 0px;
		font-size: 10pt;	
}
#col-line
	{
	   	border-bottom: 1px solid lightgrey;
	}
	
#col-lineleft, #col-linetop
	{
   		padding-right: 0px;		
	}		
#col-lineleft
	{
		border-left: 1px solid lightgrey;
	   	padding-left: 10px;				
	}		

/* unvisited link */
a.navy:link 
	{
    	color: navy;
	}

/* visited link */
	a.navy:visited {
		color: navy;
	}

/* mouse over link */
	a.navy:hover {
		color: red;
	}

/* selected link */
	a.navy:active {
		color: red;
	}
	a.navy {
		text-decoration: none;
		font-weight: normal;
		color:black;
		line-height: 0.8;
	}

		
/* 
a:link 
	{
    	color: black;
	}

	a:visited {
		color: black;
	}

	a:hover {
		color: red;
	}

	a:active {
		color: red;
	}
	a {
		text-decoration: none;
		color:black;
	}
*/

/* unvisited link */
a:link 
	{
    	color: navy;
	}

/* visited link */
	a:visited {
		color: navy;
	}

/* mouse over link */
	a:hover {
		color: red;
	}

/* selected link */
	a:active {
		color: red;
	}
	a {
		text-decoration: none;
		font-weight: normal;
		color:black;
	}




/* unvisited link */
a.grey:link 
	{
    	color: gray;
	}

/* visited link */
	a.grey:visited {
		color: gray;
	}

/* mouse over link */
	a.grey:hover {
		color: red;
	}

/* selected link */
	a.grey:active {
		color: yellow;
	}
	a.grey {
		text-decoration: none;
		font-weight: normal;
		color:gray;
/*		line-height: 0.8;
*/	}



#contents-container	/** <!-- Holds the most recent news items  **/
	{
		position: absolute;
		top:315px; 
		width: 960px;		
   		left: 50%;
		margin-left:-480px; 
		z-index: 0;
	}




#container     /** <!-- Holds the images and links to the various pages  **/
	{
		position: absolute;
		top: 200px;
   		left: 50%;
   		width: 960px;
		margin-left: -480px;		
	}	

#button1,#button2,#button3,#button4,#button5,#button6
{
	position: absolute;
	height: 15px;
	height: 19px;
	width: 120px;
	font: 10pt Verdana, sans-serif;
	font-weight: 300;
	left: 5px;
}
#button1
{
	top: 190px;
}
#button2
{
	top: 220px;
}
#button3
{
	top: 250px;
}
#button4
{
	top: 280px;
}
#button5
{
	top: 310px;
}
#button6
{
	top: 340px;
}

#main
{
/*
	position: absolute;
	top: 90px;
*/
	position: relative;
	top: 5px;
	left: 5px;
	text-align: left;
  	/*
	height: 500px;
  	*/
	width: 600px;
}