body {  
	background: #ffffff;
	padding: 0px;
	margin: 0px;
}

input, select, textarea {font-family:Arial, helvetica, sans-serif;}

/*** Stops the bottom border in IE ***/
/* img {
	display: block;
	padding: 0px;
	margin: 0px;
} */

/********************************************************/
/*** FOR THE MORE ON THE FOLLOWING SEE: ***/
/********************************************************/
/*** http://www.jakpsatweb.cz/css/css-vertical-center-solution.html ***/
/*** http://www.w3.org/Style/Examples/007/center.html ***/
/********************************************************/

#outer {
	display: table;					/*** For STANDARD browsers ***/
	height: 100%;				    /*** For every browser ***/
	width: 100%;				    /*** For every browser ***/
	#position: relative;			/*** For INTERNET EXPLORER ONLY (with # hack) ***/
	overflow: hidden;				/*** For every browser ***/
}

#outer2 {
	#position: absolute;			/*** For INTERNET EXPLORER ONLY (with # hack) ***/
	#top: 50%;						/*** For INTERNET EXPLORER ONLY (with # hack) ***/
	display: table-cell;			/*** For STANDARD browsers ***/
	vertical-align: middle;			/*** For STANDARD browsers ***/
	width: 100%;
}

#outer3 {
	background: url(../images/spacers_etc/main_background.gif) repeat-x left top;
	height: 522px;
	width: 100%;
	#position: relative;			/*** For INTERNET EXPLORER ONLY (with # hack) ***/
	#top: -50%;						/*** For INTERNET EXPLORER ONLY (with # hack) ***/
	vertical-align: baseline;		/*** Added by PB: stops additional border appearing in IE under header GIF links ***/
}

/*** END ***/


hr.links {width: 50px; margin-bottom: 13px}

p.links {line-height:110%;}

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

.limegreen {color: #AED136;}
.nomargin {margin-bottom: 0px;}
.warning {color: #B32317;}



/****************************************************************************************************************/
/*** LAYOUT DIV TAGS ********************************************************************************************/
/****************************************************************************************************************/

#header, #footer {
	background: #ffffff;
	height: 76px;
}

#container {
	background: #1a1a1a;
	width: 970px;
}

#header, #container, #footer {
	padding: 0px;
	margin: 0px;
	width: 970px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
	clear: both;
	z-index: 0;
}

#headerLeft {
	float: left;
	height: 76px;
}

#headerRight {
	float: right;
	height: 76px;
}

/********************************************************/
/*** See: http://www.positioniseverything.net/explorer/threepxtest.html ***/
/********************************************************/

#navigation {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 130px;
	height: 370px;
	z-index: 0;
	overflow: hidden; /* just in case navigation items (node names) are too big */
}

#content {
	margin: 0px 0px 0px 150px;
	padding: 0px;
}

/* Hide from IE5-mac \*/

* html #navigation {
	margin-right: 17px; /* 20px minus the 3px error */
}

* html #content {
	height: 1%;
	margin-left: 0;
}

/* End IE5/mac hide */

/* End IE5/mac hide */

/*** See: http://www.positioniseverything.net/explorer/threepxtest.html ***/

/*** IE5/mac does not have the 3px jog, but does have a version of the float model problem,
so this fix must be hidden from IE5/mac. The comment above with the escape character
just before the closing tag does not close in IE5/mac, hiding the Tan hacks from that browser.
The second comment after the hacks has the effect of "closing" the first comment for IE5/mac. ***/

/*** The right margin on the float in the Tan hack is 3px less than it should be, because of a 
mystery margin added to the float in IE/win when the paragraph has a dimension. ***/

/*** END ***/

.contentImages, .contentImagesNoImageGallery {
	padding: 0px;
	margin: 0px;
	float: right;
	width: 580px;
	border: 0px;
	z-index: 0;
}

.contentImages { width: 580px; }
.contentImagesNoImageGallery { width: 494px; }

#contentText {
}


/****************************************************************************************************************/
/*** NAVIGATION  ************************************************************************************************/
/****************************************************************************************************************/

#navigationOuter {
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

.navigationInner1Home, .navigationInner1 {
	min-height: 330px;        	/* See http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
    height: auto !important;
    height: 330px;					
}

.navigationInner1Home { margin: 0 auto -70px }		/* six lines of text */
.navFooterHome, .navPushHome { height: 70px; }

.navigationInner1 { margin: 0 auto -12px; }			/* single line of text */
.navFooter, .navPush { height: 12px; }

.navFooter, .navFooterHome, .navFooterInside {
	color: #ffffff;
	line-height:12px;
	margin: 0px;
}

#navigationInner2 {
	border-bottom: 1px solid #AED136;
	padding: 0px;
	/* margin: 0px */
	/* display: inline; 	/* ???? NEEDED TO MAKE THE NAVIGATION WORK IN IE DUE TO ERROR INTRODUCED */
}							/* ???? BY ADDING 'DISPLAY' AND 'ALIGN' TAGS IN OUTER2 STYLE ABOVE */

div.navigationLevelOneContainer {
	border-top: 1px solid #AED136;
	padding-top: 4px;
}

p.navigationLevelOne, p.navigationLevelOneOn {
	padding: 0px 0px 4px 0px;
	margin: 0px;
	line-height: 12px;
	/* font-weight: bold; */
	display: block;
}

p.navigationLevelOne a {display: block;}
p.navigationLevelOne a:link {COLOR: #ffffff; text-decoration: none}
p.navigationLevelOne a:visited {COLOR: #ffffff; text-decoration: none}
p.navigationLevelOne a:active {COLOR: #ffffff; text-decoration: underline}
p.navigationLevelOne a:hover {COLOR: #ffffff; text-decoration: underline}

p.navigationLevelOneOn a {display: block;}
p.navigationLevelOneOn a:link {COLOR: #AED136; text-decoration: none}
p.navigationLevelOneOn a:visited {COLOR: #AED136; text-decoration: none}
p.navigationLevelOneOn a:active {COLOR: #AED136; text-decoration: underline}
p.navigationLevelOneOn a:hover {COLOR: #AED136; text-decoration: underline}

div.navigationLevelTwoContainer {
	padding-top: 0px;
	padding-bottom: 6px;
}

p.navigationLevelTwo, p.navigationLevelTwoOn, p.navigationLevelTwoOff {
	padding: 0px 0px 2px 10px;
	margin: 0px;
	line-height: 11px;
	display: block;
}

p.navigationLevelTwo a {display: block;}
p.navigationLevelTwo a:link {COLOR: #ffffff; text-decoration: none}
p.navigationLevelTwo a:visited {COLOR: #ffffff; text-decoration: none}
p.navigationLevelTwo a:active {COLOR: #AED136; text-decoration: underline}
p.navigationLevelTwo a:hover {COLOR: #AED136; text-decoration: underline}

p.navigationLevelTwoOn a {display: block;}
p.navigationLevelTwoOn a:link {COLOR: #AED136; text-decoration: none}
p.navigationLevelTwoOn a:visited {COLOR: #AED136; text-decoration: none}
p.navigationLevelTwoOn a:active {COLOR: #AED136; text-decoration: underline}
p.navigationLevelTwoOn a:hover {COLOR: #AED136; text-decoration: underline}

p.navigationLevelTwoOff a {display: block;}
p.navigationLevelTwoOff a:link {COLOR: #ffffff; text-decoration: none}
p.navigationLevelTwoOff a:visited {COLOR: #ffffff; text-decoration: none}
p.navigationLevelTwoOff a:active {COLOR: #ffffff; text-decoration: underline}
p.navigationLevelTwoOff a:hover {COLOR: #ffffff; text-decoration: underline}

ul.L3navigation {
 	margin-left: 2.2em;
 	margin-bottom: 4px;
 	line-height:105%;
}

li.L3navigationON a:link {COLOR: #AED136; text-decoration: underline}
li.L3navigationON a:visited {COLOR: #AED136; text-decoration: underline}
li.L3navigationON a:active {COLOR: #AED136; text-decoration: underline}
li.L3navigationON a:hover {COLOR: #AED136; text-decoration: underline}

li.L3navigationOFF a:link {COLOR: #ffffff; text-decoration: none}
li.L3navigationOFF a:visited {COLOR: #ffffff; text-decoration: none}
li.L3navigationOFF a:active {COLOR: #ffffff; text-decoration: underline}
li.L3navigationOFF a:hover {COLOR: #ffffff; text-decoration: underline}

/****************************************************************************************************************/
/*** IMAGE AREA *************************************************************************************************/
/****************************************************************************************************************/

#imagesContainerOuter {
	padding: 0px;
	margin: 20px 0px 0px 0px; /*** bottom margin 0 to stop error in IE ***/
}

.imagesContainerInner, .imagesContainerInnerNoImageGallery {
	padding: 0px;
	margin: 0px;
	height: 330px; /*** 350px - 20px to margin ***/
	overflow: hidden;
}

.imagesContainerInner { width: 580px; }
.imagesContainerInnerNoImageGallery { width: 494px; }

/****************************************************************************************************************/
/*** TEXT AREA **************************************************************************************************/
/****************************************************************************************************************/

#textContainerOuter {
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

.textContainerScrollFull, .textContainerScrollFullHome, .textContainerScrollFullNoImageGallery {
	margin: 0px;
	z-index: 0;
	overflow: auto;
	padding: 0px 0px 0px 1px;	/*** Padding added to stop 'w' characters being cropped on the left of a row in IE ***/
	width: 219px;				/*** Width reduced by 1px in light of 1px left padding above ***/
	
	/*
	scrollbar-face-color: #EBEBEB;
	scrollbar-shadow-color: #86858B;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #000;
	scrollbar-base-color: #ccc;
	*/
}

.textContainerScrollFull, .textContainerScrollFullHome { width: 219px; }	/*** Width reduced by 1px in light of 1px left padding ***/
.textContainerScrollFullNoImageGallery { width: 305px; }					/*** Width reduced by 1px in light of 1px left padding ***/

.textContainerScrollFull, .textContainerScrollFullNoImageGallery {height: 330px;}
.textContainerScrollFullHome {height: 238px;}

.textContainerInner {
	padding: 0px;
	margin: 0px;
	
	/* MIGHT WANT PADDING ON RIGHT SO THERE IS SPACE BETWEEN TEXT AND SCROLL BAR BUT */
	/* THIS MEANS THAT THERE WILL ALSO BE SPAVE OF THERE IS NO SCROLL BAR */
}

.textContainerScrollFullNoImageGallery { width: 281px; }

/*******************************************************************************************************************************************************/
/************** news styles ****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.newsContainer {
	padding: 0px;
	margin: 0px;
	background: url(../images/home_news/middle.gif) repeat-y left top;
	height: 92px; 		/* 30 (top image) + 3*12 (3 lines of text) + 26 (bottom image) */
	width: 220px;
}

div.newsContainer p {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	line-height:12px;
	height: 36px;		/* 3*12 (3 lines of text) */
}


/*******************************************************************************************************************************************************/
/************** form styles ****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

form {margin-bottom: 0px;} /* NEEDED AS PAGE HAS A FORM TAG AROUND IT */

input {background: #ffffff; color: #000000; border:1px solid #444444;}
input:focus {background: #f1f1f1;}

input.fullWidth {width: 406px;}
input.button {background: #f1f1f1; font-weight: bold;}
input.button:focus {background: #B32317; color: #ffffff;}

input.fieldSearch {background: #ffffff; width:100px;}
input.fieldSearch:focus {background: #e3e3e3; width:100px;}

select {background: #ffffff; color: #000000; border:1px solid #444444;}
select.fullWidth {width: 406px;}

textarea {background: #ffffff; color: #000000; border:1px solid #444444;}
textarea:focus {background: #f1f1f1;}

textarea.fullWidth {width:406px;}

span.noborder input{ border: 0px;}