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

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

/*******************************************************************************************************************************************************/
/************** FIXED FONT SIZES ***********************************************************************************************************************/
/*******************************************************************************************************************************************************/

p.footer {font-size: 11px;}
td.navigtion {font-size: 13px;}
td.carouselLinks {font-size: 13px;}
p.subnavigationpara {font-size: 13px;}

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

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

.texyGrey {color: #959595;}
.limeGreen {color: #99c013;}
.warning, span.website .cmsred {color: red;} /* Need to add CMS red for modals when in website mode */

div.movieClipSnippet {padding-bottom: 13px;}

/* Needed to sort out alignment on left when displaying project data and other content */
td.leftTextCell p,
td.leftTextCell ul,
td.leftTextCell ol,
td.leftTextCell h1,
td.leftTextCell h2,
td.leftTextCell h3 {
	margin-bottom:0px;
	margin-top:13px;
}

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

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

p.footer {}

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

div.container {width: 100%;}

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

div.content {
	margin: 0px;
	clear: both;
}

div.containerInside, div.content {width: 990px;}

div.leftColumn, div.leftColumnThumbnails {
	float: left;
	width: 210px;
}

div.rightColumn, div.rightColumnThumbnails {
	float: right;
	width: 210px;
}

div.leftColumnThumbnails, div.rightColumnThumbnails, table.carouselNav {
	width: 210px;
}

table.carouselNav {height: 79px}

div.centreAndRightColumns {
	float: right;
	width: 745px;
}

div.centreAndRightColumnsThumbnails {
	float: right;
	width: 775px;
}

div.centreColumn {
	float: left;
	width: 500px;
}

div.centreColumnHeader {
	float: left;
	width: 510px;     		/* Slightly wider to allow logo to overhang */
}

div.centreColumnThumbnails {
	float: left;
	width: 560px;
}

div.header {height: 98px;}	/* includes a border */
div.headerInside {}

div.headerInsideLeft {
	float: left;
	padding: 0px;
	width: 365px;
}

div.headerInsideRight {
	float: right;
	padding: 0px;
	height: 85px;
	width: 145px;
}

div.mainContent {
	overflow: hidden;
}

div.mainContent, td.leftTextCell {height: 333px;}

td.leftTextCell {
	width: 210px;
	text-align: right;
}

div.border {
	height: 25px; /* Increased by 30% at request of client */
	background: url(../images/spacers_etc/line_background.gif) repeat-x left top;
}

div.topBorder {
	height: 13px;
	background: url(../images/spacers_etc/line_background_top.gif) repeat-x left top;
}

div.thumbnails {height: 79px;}

div.footer {
	padding: 10px 0px 0px 0px;
	text-align: center;
}

/*******************************************************************************************************************************************************/
/************** Carousel links styles ******************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.carouselLinks {
	color: #959595;
	line-height:130%;
}

td.carouselLinks a:link {color: #959595; text-decoration: none}
td.carouselLinks a:visited {color: #959595; text-decoration: none}
td.carouselLinks a:active {color: #99c013; text-decoration: none}
td.carouselLinks a:hover {color: #99c013; text-decoration: none}

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

td.navigtion {
	/* color: #959595; */
	/* font-weight: bold; */
}

.sectionactive a:link {COLOR: #99c013; text-decoration: none}
.sectionactive a:visited {COLOR: #99c013; text-decoration: none}
.sectionactive a:active {COLOR: #99c013; text-decoration: none}
.sectionactive a:hover {COLOR: #99c013; text-decoration: none}

.sectionNOTactive a:link {color:#959595; text-decoration: none;}
.sectionNOTactive a:visited {color:#959595; text-decoration: none;}
.sectionNOTactive a:active {color:#99c013; text-decoration: none;} 
.sectionNOTactive a:hover {color:#99c013; text-decoration: none;}

/*******************************************************************************************************************************************************/
/************** LEFT navigation ************************************************************************************************************************/
/*******************************************************************************************************************************************************/

p.subnavigationpara {
	margin-bottom: 10px;
}

a.subnavigationlink:link {color: #959595; text-decoration: none}
a.subnavigationlink:visited {color: #959595; text-decoration: none}
a.subnavigationlink:active {color: #99c013; text-decoration: none}
a.subnavigationlink:hover {color: #99c013; text-decoration: none}

a.subnavigationlinkON:link {color: #99c013; text-decoration: none}
a.subnavigationlinkON:visited {color: #99c013; text-decoration: none}
a.subnavigationlinkON:active {color: #99c013; text-decoration: none}
a.subnavigationlinkON:hover {color: #99c013; text-decoration: none}

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

div.scrollerBlock { background-color: #959595; }
div.scrollerBar {
	background: url(../images/spacers_etc/scroller_background.gif) repeat-y left top;
}

.TextContainerScroll {
	width: 499px;
	height: 333px;
	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 ***/
}

#textContainerInner {
	padding: 0px;
	margin: 0px;
	width: 475px;		/* allow 25px for scroll bar... */
}

/*******************************************************************************************************************************************************/
/************** News ***********************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.newsItem {
	width: 480px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

div.newsImage {
	float: left;
	width: 119px;
	margin: 0px;
	padding: 0px;
}

div.newsText {
	float: right;
	width: 353px; /* To align with carousel (500 - 20 - 119 - 8)*/
	margin: 0px;
	padding: 0px;
}

div.newsImage {margin-bottom: 20px;}

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

input {background: #ffffff; color: #959595; border:1px solid #959595;}

input.fullWidth {width: 246px;}

input.button {
   background: #99c013;
   color: #ffffff;
   font-weight: bold;
}

input.button:focus {background: #ffffff; color: #959595}