body {
	padding: 0px;
	margin: 0px;
}

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

/*******************************************************************************************************************************************************/
/************** general styles *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

.notBold {font-weight: normal;}
.noMargin {margin-bottom: 0px;}

.red {color: #e42822;}
.green {color: #1c8837;}
.warning {color: red;} /* Need to add CMS red for modals when in website mode */

/*******************************************************************************************************************************************************/
/************** ADDITIONAL STYLES **********************************************************************************************************************/
/*******************************************************************************************************************************************************/

ul ul{ /* Makes site manager look better */
	margin-bottom: 0px;
}

p.SiteMap, ul.SiteMap {
	margin-bottom: 5px;
}

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

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

p.footer {color: #858585;}

p.footer a:link {color: #858585; text-decoration: underline}
p.footer a:visited {color: #858585; text-decoration: underline}
p.footer a:active {color: #858585; text-decoration: none}
p.footer a:hover {color: #858585; text-decoration: none}

/*******************************************************************************************************************************************************/
/************** MAIN LAYOUT DIV STYLES *****************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.container {
	width: 100%;
	height: 100%;
	background: url(../images/spacers_etc/page_background.gif) repeat-x left top;
}

div.containerInside {
	width: 910px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
}

div.header,
div.navigation,
div.contentContainer,
div.footer {
	width: 910px;
	margin: 0px;
	clear: both;
}

div.headerRight { /* Used for logo only */
	float: right;
	padding: 23px 0px 0px 0px;
}

div.navigtionLeft {
	float: left;
	width: 850px;
}
div.navigtionRight { /* Used for shadow graphic */
	float: right;
	width: 37px
}

div.contentContainer {
	padding: 20px 0px 0px 0px;
}

div.footerInside {
	padding: 30px 0px 0px 0px;
}

div.footerLeft {float: left;}
div.footerRight {float: right;}

/*******************************************************************************************************************************************************/
/************** Column DIV styles **********************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.leftColumn,
div.contentColumn,
div.contentLeftColumn,
div.contentRightColumn {
	padding: 0px;
	margin: 0px;
	height: 335px;
	overflow: hidden;
}

div.leftColumn {
	float: left;
	width: 210px;
	background-color: #4e4e4e;
}

div.contentColumn {
	float: right;
	width: 685px; /* 4x160px (images) plus 3x15px(borders) */
}

div.contentLeftColumn {
	float: left;
	width: 510px; /* was 335px when image gallery was 2x2 */
	background-color: #373737;
}

div.contentRightColumn {
	float: right;
	width: 160px; /* was 335px when image gallery was 2x2 */
}

/*******************************************************************************************************************************************************/
/*** TEXT AREA (MAIN AND LEFT) *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

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

.TextContainerScroll, .TextContainerScrollLeft, .TextContainerScrollLeftShort {
	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 reduced by 1px in light of 1px left padding above ***/
}

.TextContainerScroll {width: 490px; height: 315px;}  /* width was 335px when image gallery was 2x2 */
.TextContainerScrollLeft {width: 190px; height: 315px;}
.TextContainerScrollLeftShort {width: 190px; height: 295px;}

#textContainerInner, #textContainerInnerLeft {
	padding: 0px;
	margin: 0px;
}

#textContainerInner {width: 290px;}			/* allow 25px for scroll bar... */	
#textContainerInnerLeft {width: 170px;}		/* allow 25px for scroll bar... */	

div.projectsNavBackContainer {
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 100%;
}

div.projectsNavBackContainerLeft {
	float: left;
	margin: 0px;
}

div.projectsNavBackContainerRight {
	float: right;
	margin: 0px 10px 0px 0px;
}

/*******************************************************************************************************************************************************/
/************** Level 1 navigation styles **************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.level1Outer {
	padding: 0px 20px 0px 0px;
	float: left;
}

div.sectionactive, div.sectionNOTactive {padding: 10px 0px 0px 0px;}

div.sectionactive {
	background: url(../images/spacers_etc/section_active_background.gif) repeat-x left top;
}

div.sectionactive a:link {COLOR: #e42822; text-decoration: none}
div.sectionactive a:visited {COLOR: #e42822; text-decoration: none}
div.sectionactive a:active {COLOR: #e42822; text-decoration: underline}
div.sectionactive a:hover {COLOR: #e42822; text-decoration: underline}

div.sectionNOTactive a:link {color:#373737; text-decoration: none;}
div.sectionNOTactive a:visited {color:#373737; text-decoration: none;}
div.sectionNOTactive a:active {color:#e42822; text-decoration: underline;} 
div.sectionNOTactive a:hover {color:#e42822; text-decoration: underline;}

/*******************************************************************************************************************************************************/
/************** LEFT navigation LEVEL TWO **************************************************************************************************************/
/*******************************************************************************************************************************************************/

/**************/
/* Note that these styles are also used for projects */
/**************/

div.leftNavigationContainerCell {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

p.subnavigationON,
p.subnavigationOFF {
   margin-bottom: 6px;
   font-weight: bold;
   line-height: 105%
}

p.subnavigationON a:link {COLOR: #e42822; text-decoration: none}
p.subnavigationON a:visited {COLOR: #e42822; text-decoration: none}
p.subnavigationON a:active {COLOR: #e42822; text-decoration: underline}
p.subnavigationON a:hover {COLOR: #e42822; text-decoration: underline}

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

/*******************************************************************************************************************************************************/
/************** LEFT navigation LEVEL THREE ************************************************************************************************************/
/*******************************************************************************************************************************************************/

ul.L3navigation {
   margin-left: 1.3em;
   margin-right: 6px;
   margin-bottom: 10px;
   margin-top: 0px;
   color: #eeeeee;
   list-style-type: square;
}

/* Colour in colour stylesheets */
li.L3navigationON a:link {COLOR: #e42822; text-decoration: none}
li.L3navigationON a:visited {COLOR: #e42822; text-decoration: none}
li.L3navigationON a:active {COLOR: #e42822; text-decoration: underline}
li.L3navigationON a:hover {COLOR: #e42822; text-decoration: underline}

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

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

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

/*******************************************************************************************************************************************************/
/************** Scroller *******************************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* MAIN COLUMN */
div.scrollerBlock { background-color: #4e4e4e; }
div.scrollerBar { background-color: #2a2a2a; }

/* LEFT COLUMN */
div.scrollerBlockLeft { background-color: #5e5e5e; }
div.scrollerBarLeft { background-color: #373737; }