html,body { 	margin:			0;	padding:		0;}body {	margin:			0;	padding:		0;	font-family:	Verdana, Arial, Helvetica, sans-serif;	font-size:		70%;	color:			#222;}div#container { 	width:				800px;	margin:				0;	padding:			0;	border-left:		#663366 solid 15px;	background-color:	#F3FAF3;}/*  header elements  ***********    */div#header {	width:				800px;	height:				128px;	padding:			0;	margin:				0;	text-align:			right;	background-color:	#fff}#logo h1 {	display:			none;}div#logo {	float:					left;	background-image: 		url(images/logo_new.jpg);	background-position: 	5px 0;	background-repeat: 		no-repeat;	width:					145px;	height:					172px;	padding:				0;}#headermovie {	margin:		0 0 0 150px;	padding:	0px;}/* wrapper for nav bar and main content   ********* */div#wrapper {	margin:		0;	padding:	0;	bacdddkground-color:	#F3FAF3;}/* right column: main content  ************** */div#content {		float:		right;	width:		643px;	margin:		0 0;	padding:	0;	background-image: 	url(images/content-bgf-643x8.gif);	background-repeat: 	repeat-y;	text-align:			left;}/* left column: navigation *************** */#navigation {	width:		157px;	margin:		0;	padding:	50px 0 0;	backddground-color:	red;}/* an unfortunate workaround for Win IE box display problems *//* if this is removed - width of main menu forces <div>s to collide */* html #navigation {	width:		154px;}/*  contact details **************** */div#telno {	padding:	0;	margin:		0;		text-align:	center;	background-color:		#fff;	height:		20px;}div#telno address {	font-family: 	Arial, Helvetica, sans-serif;	font-size:		14px;	font-weight:	bold;	font-style:		normal;	color:			#339933;	padding:			2px 0 0 0;	margin:		0;	letter-spacing:		2px;}/*  sitesearch ******************************************************************** */#searchwrapper {	height:				45px;	background-color:	#D7EEDC;	margin:				0;	padding:			10px 0 5px 0;}div#sitesearch {	padding:			2px 0px 2px 5px;	margin:				0 8px 0 15px;		background-color:	#2DA34B;		background-image:	url(images/search-right-corner.gif);	background-repeat:	no-repeat;	background-position:top right;}div#sitesearch form {	padding:		0 2px;	margin:			0;}div#sitesearch h3 {	font-family:	Verdana, Arial, Helvetica, sans-serif;	font-size:		10px;	color:			#fff;	padding:		2px 0;	margin:			0;}div#sitesearch input.search {	border:			1px solid #663366;	padding:		0;	margin:			0;}input.searchsubmit {	width:				24px;	height:				24px;	background-image:	url(images/search_mag_glass.gif);	border:				0;	padding:			1px;	margin:				0px;	/* little cheat to stop chevron showing up */	font-size:			1px;}/*  ******************* menu and submenu styling     ********************** */#menunavigation {	width:		100%;	padding:	0;	margin:		5px 0 0 0;}#menunavigation ul.mainnav {	border-bottom:		2px solid #663366;	padding:			5px 0 0 0;	margin:				0;}#menunavigation ul.mainnav li {	list-style:		none;	padding:		0;	margin:			0;}/*  main menu links ********** */#menunavigation ul.mainnav li a {	display:			block;	text-decoration:	none;	color:				#000000;	padding:			3px 0 3px 15px;	margin:				0;	border-top:			2px solid #663366;}#menunavigation ul.mainnav li a:hover {	background-color:		#2DA34B;	background-image: 		url(images/navigation-arrow-8x7.gif);	background-position:	center left;	background-repeat:		no-repeat;	display:				block;	color:					#FFF;	text-decoration:		none;	padding:				3px 0 3px 15px;	margin:					0;}/* hack for WIN IE, which cannot display <a> block elements without height attribute  */* html #menunavigation ul.mainnav li a, * html #menunavigation ul.mainnav li a:hover {		height:				15px;}/* main menu links when selected ******* */#menunavigation ul.mainnav li.current a {	/* background color handled in sep sheet  */	color:				white;	font-weight:		bold;		background-image: 		url(images/navigation-arrow-8x7.gif);	background-position:	center left;	background-repeat:		no-repeat;}/* and when hovered  ***************** */#menunavigation ul.mainnav li.current a:hover {	/* this link does not change when hovered  */	background-color:			inherit;}/*  submenu display ******************************  much of these styles are for un-inheriting styles**  from the main menu  ************************ *//*  for all submenus of current selected main menu item   */#menunavigation ul.mainnav li ul.submenu {	padding:			0;	margin:				0;	background-color:	#F3FAF3;	border:				0;}#menunavigation ul.mainnav li ul.submenu li {	padding:						0;}/* submenu links and selection styles   ********    */#menunavigation ul.mainnav li.current ul.submenu li a {	font-weight:		normal;	display:			block;	text-decoration:	none;	color:				#000000;	padding:			3px 0 3px 25px;	margin:				0;	border-top:			2px solid #ddd;		/* fudge to stop inheritance of main menu <a> behaviour  */	background-color:		#F3FAF3;	background-image: 		url(images/navigation-arrow-8x7.gif);	background-position:	-1000px 0;	background-repeat:		no-repeat;}#menunavigation ul.mainnav li.current ul.submenu li a:hover {	background-color:		#DDEEDD;	display:				block;	color:					#000;	text-decoration:		none;	padding:				3px 0 3px 25px;	margin:					0;}/* repeat of submenu <a> behaviour for current page links   ********    */#menunavigation ul.mainnav li ul.submenu li.subcurrent a {	font-weight:		bold;	display:			block;	text-decoration:	none;	color:				#000000;	padding:			3px 0 3px 25px;	margin:				0;	border-top:			2px solid #ddd;	background-color:		#fff;			/* fudge to stop inheritance of main menu <a> behaviour  */	background-image: 		url(images/navigation-arrow-8x7.gif);	background-position:	-1000px 0;	background-repeat:		no-repeat;}#menunavigation ul.mainnav li ul.submenu li.subcurrent a:hover {	/* no additional behaviour - as in main menu  */	/* background-color:			#fff;  */}/*   Side boxes of left hand navigation bar     ********************* */.sidebox {	margin:				0 8px 2px 15px;	border-bottom:		1px solid #99cc99;	border-left:		1px solid #99cc99;	border-right:		1px solid #99cc99;	background-color:	#DDF1E5;		padding:			0px;}.sideboxheader {	margin:					10px 8px 0 15px;	background-image:		url(images/sidebox-header.gif);	background-repeat:		no-repeat;	background-position:	top right;	padding:				0;	height:					19px;}.sideboxheader h3 {	font-family:		Verdana, Arial, Helvetica, sans-serif;	font-size:			10px;	color:				#fff;	padding:			3px 0 2px 4px;	margin:				0;}.sidebox h5 {	margin:				0px;	padding:			2px 2px 0px 4px;	font-size:			85%;}.sidebox p {	padding:		3px 2px 5px 5px;	margin:			0;}/* cater for links within sideboxes */.sidebox a {	color:			#663366;	text-decoration:	none;}.sidebox a:hover {	color:			#663366;	border-bottom:	2px solid #663366;}/* sidebox forms  .... ***** */.sidebox form {	padding:	5px 2px 5px 5px; 	margin:		0px;}.sidebox input {	border:			1px solid #663366;	padding:		0;	margin:			0;}.sidebox input.subscribe {	width:				19px;	height:				18px;	background-image:	url(images/arrow_button.gif);	background-position: top left;	border:				0;	padding:			0;	margin:				0;	font-size:			1px;}/* lil hackette to align buttons in Win IE   */	* html .sidebox input.subscribe {	margin:			0;}.sidebox p.sidebox-right {	text-align:		right;	padding:		3px 2px 5px 5px;	margin:			0px;}/* main content section styles    ************  *//*text scrolling banner  ************** **** */#textscroller {	background-image:			url(images/scroller_bg.jpg);	background-repeat:			repeat-y;	background-position:		top left;	color:		#000000;	padding:		0;	margin:			0;		height:			0px;}#textscroller marquee {	padding:		3px 10px 1px 10px;	margin:			0 10px 0 20px;	font-family:	arial, sans-serif;}#textscroller marquee a {	color:				#663366;	text-decoration:	none;}#textscroller marquee a:hover {	border-bottom:		1px solid #663366;}/*  page heading *********** ************** */#headingblock {	background:		transparent url(images/footer_bg.jpg) repeat-y top left;	margin:			0;	height:			60px;}#crumbtrail {	padding:		5px 0 2px 30px;}#crumbtrail a {	text-decoration:	none;	color:				#000000;}#crumbtrail a:hover {	text-decoration:	underline;}#pagetitle {	margin-top:		5px;	padding-left:	30px;	float:			left;}#pagetitle h2 {	font-size:			26px;	font-family:		Arial, Helvetica, sans-serif;	letter-spacing:		0;	font-weight:		bold;	display:			inline;}/* abstract pull-text indented above main content   ****** */p.homeabstract {		font-size:		14px;		font-weight:	bold;		color:			#111;				margin:			5px 0 25px 10px;		display: 		inline;		padding:		0;}/*  formatting page content *********** */#homecontent {	margin:				5px 0 5px 30px;	padding:  			0;	line-height:		170%;	font-size:			1em;}#homecontent p {}/*  Related pages  Image Blocks   ************************** */#boxwrapper {	padding:		0 0 20px 0;	margin:			15px 0 30px 30px;}.box {	float:			left;	margin:			0 20px 20px 0;	padding:		0;	width:			275px;	height:			140px;	border-bottom:	1px solid #99cc99;}/* box component - left color bar ******************** **/.sidecolor {	float:		left;	width:		11px;	height:		140px;	padding:	0;	margin:		0;}/*  box component:   image  *******************  **/.boximage {	width:			43px;	height:			140px;	padding:		0px;	float:			left;	}/*  Box component: actual contents - this is only part bg is white  *******  */.boxcontent {	background-color:		#fff;	float:					left;	width:					206px;	height:					139px;	border-top:				1px solid #99cc99;		overflow:				auto;}.boxcontent h4 {	text-transform:	uppercase;	padding:		3px 1px 3px 5px;	margin:			0;	font-size:		12px;}.boxcontent a {	text-decoration:		none;	color:					#663366;}.boxcontent a:hover {	border-bottom:		2px solid #663366;}.boxcontent p {	margin:			3px 2px 3px 15px;	padding:		0;}.boxcontent ul {	margin:			4px 1px 3px 25px;	padding:		2px;}/*  Box component: right hand bg image to create curved top effect ********    */.boxcloser {		float:				left;		background-image:	url(images/box_right.gif);		background-repeat:	no-repeat;		background-position:top right;		width:				15px;		height:				140px}/* Impact image page image display  *//* colors and display heights for this section are in separate sheet */div#impact-image-wrapper {		margin:					10px 0 15px 30px;		background-color:		#DAE3DC;		width:					auto;		padding:				0;		height:					250px;}div#impact-left {		width:					10px;		margin:					0;		padding:				0;		float:					left;		height:					250px;}div#impact-center {		margin:				0 auto;		padding:			0;		text-align:			center;}div#impact-center img.impact-img {		margin:				0;		padding:			0;		border:				0;		height:				250px;}div#impact-right {	float:					right;	width:					10px;	height:					250px;}/*    /ends large impact images  ********** *//* inset images formatting  ********* ***** */div#inset-image-wrapper {	float:					right;	margin:					10px 0 15px 10px;	padding:				0;	height:					120px;	width:					400px;		clear:						right;	background-color:		#DAE3DC;}div#inset-left {		width:					10px;		margin:					0;		padding:				0;		float:					left;		height:					120px;}div#inset-center {		margin:				0 auto;		padding:			0;		text-align:			center;}div#inset-center img.inset-img {		margin:				0;		padding:			0;		border:				0;		height:				120px;}div#inset-right {	float:					right;	width:					10px;	height:					120px;}/*  ends formatting embedded images  ********** */div.height-cheat {	height:			250px;}/*    Footer    *****************  */#footer {	clear:					both;	margin:					0;	padding:				0;	background-image:		url(images/footer_bg.jpg);	background-position:	157px 0px;	background-repeat:		repeat-y;}#footer ul {	padding:	10px 0px 30px 187px;	margin:		0}#footer li {	font-family:		Verdana, Arial, Helvetica, sans-serif;	font-size:			85%;	margin:				0;	display:			inline;	border-right:		1px solid #339933;	padding:			3px 6px 3px 3px;}#footer a {	text-decoration:none;	color:			#663366;}#footer a:hover {	border-bottom:	2px solid #663366;}/*  additional styles ***** ****** ***** *//* forms and fieldsets .....   */p.form-intro {	margin:			15px 20px 10px 40px;	padding:		0;	line-height:	140%;}fieldset {	border:			1px solid #bbb;	margin:			10px 0 20px 30px;	padding:		5px;		border-right:	10px solid #bbb;}fieldset legend {	font-weight:		bold;	letter-spacing:		0;	padding:			0 5px 0 5px;	color:				#333333;}div.fieldset_align {	text-align:			right;	margin-right:		200px;}fieldset input, fieldset textarea {		margin:			2px;		padding:		1px;		border:			1px solid #663366;}fieldset input.no_style {		margin:			2px;		padding:		0;		border:			0;}input.contact_submit {		height:		18px;		width:		75px;		background-image:url(images/submit.gif);					background-position: top left;	border:				0;	padding:			0;	margin:				3px 2px 5px 0;	font-size:			1px;}/*  news styles ******* **** */h3 {		font-size:		14px;		color:			#222;		letter-spacing:	1px;		margin:			10px 0 0 0;		padding:		0;				line-height:	90%;}p.news-post {		margin:			2px 0 0 0;		padding:		0;		font-size:		10px;}p.news-abstract {	padding:			0;	margin:				2px 0 1px 20px;	line-height:		110%;	color:				#333333;	border-left:		10px solid #ddd;	padding-left:		15px;		font-size:			12px;}p.news-teaser {	padding:			0;	margin:				2px 0 1px 45px;	font-size:			10px;	}p.news-teaser a {	text-decoration:		none;}p.news-teaser a:hover {	border-bottom:		2px solid #663366;}/*   attachments utility box  ******************* */div.attachment-box-wrapper {		clear:			right;		border:			1px solid #99cc99;		float:			right;		width:			150px;}.attachment-box-header {	margin:					0;	background-color:		#DDEEDD;	padding:				0;	font-weight:			bold;}.attachment-box-header h4 {	font-family:		Verdana, Arial, Helvetica, sans-serif;	font-size:			10px;	color:				#333;	padding:			2px 0 1px 4px;	margin:				0;}.attachment-box p {		margin:			3px;		padding:		2px;}.attachment-box a {	text-decoration:	none;}.attachment-box a:hover {		border-bottom:	2px solid #663366;}/* in this section coloured box   */div.thissection-box-wrapper {		clear:			right;		border:			1px solid #99cc99;		float:			right;		width:			250px;				margin:			5px 0 5px 5px;}.thissection-box-header {	margin:					0;	background-color:		#DDEEDD;	padding:				0;	font-weight:			bold;}.thissection-box-header h4 {	font-family:		Verdana, Arial, Helvetica, sans-serif;	font-size:			10px;	color:				#333;	padding:			2px 0 1px 4px;	margin:				0;}.thissection-box p {		margin:			3px;		padding:		2px;}.thissection-box a {	text-decoration:	none;}.section-box a:hover {		border-bottom:	2px solid #663366;}#boxwrapper h4.child_header {		padding:		1px;		margin:			3px 0 3px 40px;		font-size:		1.2em;		color:			#2DA34B;}ul.child_list {		list-style-image:	url(images/green-square-5x5.gif);		padding:			1px;		margin:				2px 0 1px 60px;}ul.child_list li {		padding:			2px 2px 1px 0;		margin:				0;}ul.child_list a {		text-decoration:		none;		color:					#330066;}ul.child_list a:hover {	border-bottom:	2px solid #663366;		}p.search_extract {		margin:				2px 0 10px 25px;		padding:			0 0 5px 0;		font-style:			italic;		line-height:		110%;		border-bottom:		1px dotted #888;		}p.search_extract a, a.search_link {		text-decoration:	none;		color:				#663366;}p.search_extract a:hover, a.search_link:hover {	border-bottom:	2px solid #663366;}a.pdfdownload {		text-decoration:	none;		color:				#663366;}a.pdfdownload:hover {		border-bottom:	2px solid #663366;}