body {
	background-color: #eee;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	/*color: #000000;*/
	color:#464646;
	text-align: center;
}

/* CSS layout  */

#page {
	text-align:left; position: relative;
	top: 0px;
	left: 0;
	width: 974px;
	margin: 0 auto;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	/*border-top-color: #003573;
	border-right-color: #003573;
	border-bottom-color: #003573;
	border-left-color: #003573;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-left-width: 1px;*/
}

a:link {
/*	color: #005b75;*/
	color: #003574;
}
a:visited {
/*	color: #005b75;*/
	color:#003574;
}
a:hover {
/*	color: #005b75;*/
	color: #003574;
}
a:active {
/*	color: #005b75;*/
	color: #003574;
}
.style1 {
/*	color: #075C73;*/
	color: #003574;
	font-weight: bold;
}
#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 760px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 157px;
}

#images {
	float: left;
	margin-right: 10px;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 4px;
	border: 1px;
	border-color:#000000;
}

.image2 {
	float: right;
	margin-left: 10px;
	padding: 0;
	margin-bottom: 20px;
	margin-top: 4px;
	text-align: center;
	border: 1px;
	border-color:#000000;
}

#menu {
	position: absolute;
	top: 180px;
	width: 180px;
	text-decoration: none;
/*	color: #005B75;*/
	color: #003574;
	line-height: 120%;
	font-size: 83%;
	margin-left: 3px;
	padding-top: 0px;
	left: 15px;
	float: left;
	padding: 0;
}

#article {
	position: relative;
	left: 0px;
/*	width: 550px;*/
	width: 700px;
	margin-top: 10px;
	min-height: 565px;
	margin-right: 0px;
	margin-left: 210px;
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 0px;
	text-align:justify;
}

#article p{
	font-size: 80%;
	line-height: 140%;
	left: 180px;
    margin-right: 0px;
	padding-right: 10px;
	margin-left: 0px;
	padding-left: 0px;
	margin: 0;
	text-align:justify;
}

#article ul{
	margin-right: 0px;
	padding-right: 10px;
	font-weight: bold;
}

#article ul li{
	font-size: 76%;
	line-height: 140%;
	margin-right: 0px;
	padding-right: 10px;
	font-weight: bold;
}

#footer {
	position: relative;
	top: 10px;
	width: 974px;
	margin-top: 20px;
	font-size: 70%;
	text-align: center;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: thin;
	padding: 0;
	margin-bottom: 5px;
}

/* CSS presentation */

h1 {
	margin-top: 0;
	font-size: 120%;
/*	color: #005b75;*/
	color: #003574;
	margin-right: 40px;
	font-weight: bold;
}

h2 {
	font-size: 90%;
	font-weight: bold;
/*	color: #005B75;*/
	color: #003574;
}

h3 {
	font-size: 85%;
	font-weight: bold;
/*	color: #005b75;*/
	color: #003574;
}

#footer p {
	width: 100%;
	font-size: 90%;
	text-align: center;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 15px;
}
.footer p {
	width: 100%;
	font-size: 90%;
	color: #333333;
	line-height: 100%;
}

#menu ul {
	color: #003366;
	text-decoration: none;
	 list-style-type: none;
 padding: 0;
 margin: 0;
}

#menu ul li {
/*color: #005b75;*/
color: #003574;
text-decoration: none;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
padding-left: 1.2em;
padding-top: 3.1px;
padding-bottom: 2.4px;
}

#menu li a {
/*	color: #005b75;*/
	color: #003574;
	text-decoration: none;
}

#menu li a.youAreHere, #menu li a:hover {
	color: #333333;
}
.fpnb {
position:relative;
left:60px;
}

.fpnt {
position:relative;
top:-220px;
left:10px;
width:230px;
}

.fpni {
width:350px;
}

fieldset {
	padding: 10px;
	border: none;
	line-height: 1.5em; /* set larger line height to allow space for text boxes taken out of doc flow */
}

#address1, #address2, #town, #county, #postcode {
	position: absolute;
	left: 12em;
	line-height: 100%;
}

#topsection{
background: #FFFFFF;
height: 186px /*Height of top section*/
}

#toppicturebar{
float:right;
padding: 0px 7px 0px 0px;
}

#bottompicturebar{
float:right;
padding: 3px 7px 0px 0px;
}

#formmail {
/*	position: left;*/
	left: 0px;
	width: 755px;
	margin-top: 50px;
	font-size: 80%;
	min-height: 450px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 0px;
}

/*Sitemap*/
.nav 	{
		padding: 0; margin: 50px 0 0 70px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
		}

#sitemap{
	font-size: 83%; 
	line-height: 173%; 
	font-family: Geneva, Arial, Helvetica, Sans-Serif; 
	margin: 0; 
	padding: 3px;
	background: #FAFAFA; border: 1px solid silver;
	}	

	
#sitemap h1 		{font-size: 140%;}
#sitemap p 		{line-height: 165%;}
#sitemap p span {font-size: 10px; color: #333;}

		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: -1px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 22.7em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold;
				font-size: 100%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				voice-family: "\"}\""; 
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited {width: 18.6em; text-indent: 0; padding: 0 0 0 8px;}

.nav ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; left: 0px;}
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\"";
			left: 0px;
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {left: 22px;}

.nav ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

/* HACK >>> IE 5  */
html + body .nav ul li .sub-sub {left: 22px;}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 20em; height: 1.8em;
					margin: 0;
					font-size: 100%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em; 
					}
					
/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul a, html + body .nav ul ul a:visited {position: relative; top: 0px; left: -5px;}

.nav ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 18px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 17.9em;
					padding: 1px;
					font-size: 98%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }

/* HACK >>> IE 5  (text-indent for IE 5 (only in this styled Version)) */
html + body .nav ul li a .box-content {padding: 0.1em 0.1em 0.1em 0.5em; }


/* Sitemap ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #BBBBBB; }
.nav ul li li	{color: #000; background:  url("images/line.gif") left center no-repeat;}
.nav ul ul ul {border-left: 1px solid #BBBBBB; }
.nav ul li .sub-sub {background:  url("images/line.gif") top left no-repeat;}
.nav a, .nav a:visited	{color: #4F4F4F;}				

.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #000;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #000;}
	
/* Sitemap inner box styling */
/* Sitemap Level 1 */
.nav ul li .ro {display: block; width: 100%; background: url("images/ro-01.gif") top right no-repeat;}
.nav ul li .lo {display: block; width: 100%; background: url("images/lo-01.gif") top left no-repeat;}
.nav ul li .ru {display: block; width: 100%; background: url("images/ru-01.gif") bottom right no-repeat;}
.nav ul li .lu {display: block; width: 100%; background: url("images/lu-01.gif") bottom left no-repeat;}
.nav ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Sitemap Level 2 + 3 */
.nav ul li li .ro {background: url("images/ro-02.gif") top right no-repeat;}
.nav ul li li .lo {background: url("images/lo-02.gif") top left no-repeat;}
.nav ul li li .ru {background: url("images/ru-02.gif") bottom right no-repeat;}
.nav ul li li .lu {background: url("images/lu-02.gif") bottom left no-repeat;}
.nav ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Sitemap Level 1 - 3 hover */
.nav ul li a:hover .ro {background: url("images/ro_h.gif") top right no-repeat;}
.nav ul li a:hover .lo {background: url("images/lo_h.gif") top left no-repeat;}
.nav ul li a:hover .ru {background: url("images/ru_h.gif") bottom right no-repeat;}
.nav ul li a:hover .lu {background: url("images/lu_h.gif") bottom left no-repeat;}