/*
This style sheet is used for treatment of all major structural elements and visual layout.

'<!--- ---------------------------------------------------------------------
'Sites Style Sheet          CompuCraft Software Solutions (c) 1999-2006
'Date --- Init Reason----------------------------------------------
'25/10/06 DB initiated based on DOCMV42
'1/11/06 DB upgraded elements of current StandardV42
'21/08/07 MT new design for www 
'02/02/08 MT updated designe for www
'30/05/08 MT New look and feel only
'04/06/08 MT Added TOCVerticalTitle to tighten up vertical menu
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or redundant labels.
*/

/*
===========================================================
global settings - standardise across variety of browsers
=========================================================== 
*/

* {/*remove spacing from all elements*/
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/* cw-Body Text */
	color: #000000;
/* cw-Body Background */
	background-color: #FFFFFF;
	font-size: 75%;
	line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6, p, li, a {
	margin: .5em 0;
}

h1 {
/* cw-Page Heading Level 1  */
	color:#000000;
	font-size: 1.5em;
}

h2 {
/* cw-Page Heading  Level 2 */
	color:#000000;
	font-size: 1.5em;
}

h3 {
/* cw-Section Heading Text Level 3 */
	color:#000000;
	font-size: 1.5em;
}
h4 {
/* cw-Page Heading Level 4 */
	color:#000000;
}
h5 {
/* cw-Page Heading Level 5 */
	color:#000000;
}
h6 {
/* cw-Page Heading Level 6 */
	color:#000000;
}


* html p {/* to assist with the 'extra spacing' allowable in the ComeWeb page builder. 2 br tags seem to equal 1.6em */
	margin-bottom: 1.6em;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatClear, div.floatClear, #floatClear {
	font-size: 0em!important; /*for all browsers except IE. IE 5.x and 6, which don't recognise the important value when there is another of the same property in the same declaration block*/
	font-size: 0em;
	clear: both;
	background-color: transparent;
}

a *, a:hover, a:visited:hover {/*ensure targetted-anchor-text and anchor-images do not receive treatments*/
	border: none;
	background: none;
	padding: 0;
}

/* greater specificity for anchors that are actual text links, not targetted-anchor-text or anchor-images  */

a:link {
/* cw-Page Links Text */
	color: #0066cc;
	font-weight: normal;
	text-decoration: none;
}

a:link:visited {
/* cw-Page Links Text */
	color: #0066cc;
	font-weight: normal;
	text-decoration: none;
}

a:link:hover,
a:link:visited:hover {/*not working in Firefox, find another method*/
/* cw-Page Links Text */
	color: #0066cc;
	text-decoration: underline;
/* cw-Page Links Hover Background */
	background: transparent;
}

a:link:active {
/* cw-Page Links Text */
	color: #0066cc;
	text-decoration: none;
}

/*Targetting IE only, needed a different padding to the rule above*/
* html a:link:hover {
	padding: 0;/*so that only list items use the padding, NOT images*/
}

/*prevent borders and/or hover backgrounds on images */
a img,
:link img,
:visited img { 
	border-style: none;
/*	_border-style:solid;for IE5 and 6*/  /* does not validate */
/*	*border-style:solid;for IE6 and 7*/ /* does not validate */
	margin: 0px; /*to reduce the space around image icons */
}

a img.icon,
:link img.icon,
:visited img.icon { 
	margin: 0px!important; /*to reduce the space around image icons */
}

img.icon { 
	vertical-align: top;
	padding: 0 0 3px 0;
}

/*
===================================================================================================================
layoutLogic for the choice of one, two, or three columns, ties in with the XSLT which
inserts a specific DIV id into the body tag of each layout type, eg <body id="leftMain" etc.>
===================================================================================================================
*/

/*layoutLogic for page with two columns: left content and main content (no right content)*/

 /* Hide the rule from IE5-mac \*/
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
* html #leftMain #content  {
	 height: 1%;
}
/* End hide from IE5-mac */ 

#leftMain #leftContent  {
	float: left;
	width: 170px;
	padding: 0;
	margin: 0;
/*	No border required, and is commented out early so the Theme Editor does not pick up the Left Content Border
	border-width: 1px;
	border-style: solid;
 cw-Left Content Border 
	border-color: #FFFFFF;
	border-top: none;
	border-left:none;*/
    z-index: 99;/*keep higher than mainContent*/
	position: relative;/*for IE only, must be set so the leftContent floats above the the maincontent, not enough simply to use z-index */
/* cw-Left Content Background */
	background: transparent; 
}
	
/*Targetting IE only*/
* html	#leftMain #leftContent  {
	margin-left: 1px;/*IE requires margin to move it down (padding forced the right content down as well). Conversely, firefox requires using padding for same effect */
 /* Hide the rule from IE5-mac \*/
 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
	height: 1%;/*putting the height on moved the maincontent across*/
}
 /* End Hide the rule from IE5-mac */
	
#leftMain #rightContent  {
	display: none;
}

body#leftMain.framed0 #mainContent,
body#leftMain.framed1 #mainContent {
	width: 795px;
	margin: 0;
	padding: 0;/*firefox requires padding to move it (margin forced the right content down as well). Conversely, IE requires using margin for same effect (see rule in IE hack section)*/
 	z-index: 98;
	position: relative;
	float: right;
}

/*Targetting IE6 and below only*/
* html #leftMain.framed0 #mainContent,
* html #leftMain.framed1 #mainContent  {
/*	padding: 0;
	margin: 10px 0 0 170px; /*IE requires margin to move it down (padding forced the right content down as well). Conversely, firefox requires using padding for same effect 
	position: relative;*/
 /* Hide the rule from IE5-mac \*/
 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
	height: 1%;/*putting the height on moved the maincontent across*/
}
 /* End Hide the rule from IE5-mac */
 



/*layoutLogic for page with three columns: left content, main content and  right content*/  

 /* Hide the rule from IE5-mac \*/
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
 /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
* html #leftMainRight #content  {
	 height: 1%;
}
/* End hide from IE5-mac */ 

#leftMainRight #leftContent  {
	float: left;
	width: 170px;
	padding: 0;
	margin: 0 0 20px 0;
/*	No border required, and is commented out early so the Theme Editor does not pick up the Left Content Border
	border-width: 1px;
	border-style: solid;
 cw-Left Content Border 
	border-color: #FFFFFF;
	border-top: none;
	border-left:none;*/
    z-index: 99;/*keep higher than mainContent*/
	position: relative;/*for IE only, must be set so the leftContent floats above the the maincontent, not enough simply to use z-index */
/* cw-Left Content Background */
	background: transparent; 
}
/*
* html #leftMainRight #leftContent  {
	float: left;
	width: 170px;
	padding: 0;
	margin: 0 0 20px 0;
	background: transparent; 
}*/


#leftMainRight #rightContent { 
	float: right;
	width: 300px;
	padding: /*7px*/ 0;
	margin: 0;
    z-index: 99;/*keep lower than mainContent*/
	border: none;
 	position: relative;/*for IE only, firefox allows the section rules to layer beneath it, otherwise they run on top, regardless of z-index*/
/* cw-Right Content Background */
	background: transparent; /*required to couple with the above declaration, to give appearance of lines stopping before the right content*/
}

* html #leftMainRight #rightContent {
	margin: 0 0 5px 0;
}

body#leftMainRight.framed0 #mainContent,
body#leftMainRight.framed1 #mainContent  {
	width: 493px;
	margin: 0;
	padding: 0;/*firefox requires padding to move it (margin forced the right content down as well). Conversely, IE requires using margin for same effect (see rule in IE hack section)*/
 	z-index: 98;
	position: relative;
	float: left;
}

/*Targetting IE only, to alter the original settings above*/
* html #leftMainRight #mainContent  {
	padding-top: 0;
/*	margin: 10px 325px 0 225px;IE requires margin to move it down (padding forced the right content down as well). Conversely, firefox requires using padding for same effect */
}


/*layoutLogic for page with 2 columns: main content and right content (no left content) */  

#mainRight #leftContent  {
	display: none;
}

#mainRight #rightContent { 
	float: right;
	width: 300px;
	padding: /*7px*/ 0;
	margin: 0 0 10px 0;
    z-index: 99;/*keep lower than mainContent*/
 	position: relative;/*for IE only, firefox allows the section rules to layer beneath it, otherwise they run on top, regardless of z-index*/
/* cw-Right Content Background */
	background: transparent; /*required to couple with the above declaration, to give appearance of lines stopping before the right content*/
}

* html #MainRight #rightContent {
	overflow: hidden;  /* required to prevent oversized images flowing outside div for IE6 ( IE6 does not recognise max-width)*/
}

#mainRight #mainContent  {
	margin: 0 325px 0 0; /*assigning the margin-left makes the div sit against the leftContent div, remains consistent as a left margin setting across all layouts*/
	padding: 10px 0;/*firefox requires padding to move it down. Margin forced the right-content down as well. Conversely, IE requires using margin for same effect (see rule below)*/
 	z-index: 97;
 	position: relative;/*for IE Win, to force into 'hasLayout' mode, to stop the section 'jog' when the page was loading*/
}

 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
  /* Hide the rule from IE5-mac \*/
* html #mainRight #mainContent  {
	 height: 1%;
}
/* End hide from IE5-mac */ 

/*layoutLogic for page with one column: NO left or right content, only main content */  

#main #leftContent  {
	display: none;
}

#main #rightContent { 
	display: none;
}

#main #mainContent  {
	margin: 15px 0;
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
 /*to stop the section 'jog' when the page loads*/
	position: relative;
/*end prevent IE peekaboo bug*/
}

 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, IE only, to force into hasLayout mode and fix the peekaboo bug*/
  /* Hide the rule from IE5-mac \*/
* html #main #mainContent  {
	 height: 1%;
}
/* End hide from IE5-mac */ 


/*
===========================================================
NESTED OUTER CONTAINERS
=========================================================== 
*/

/*the perimeter of the entire viewport, allows flexibility for another 'layer', especially good for including background imagery*/
#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: auto;
}

#outerContainer {
	text-align: left;/*converts the text-alignment back to left-align, ie. because the  body tag must originally be set to center*/
	margin: 0 auto;/*centering using auto, gte IE6 invokes a horizontal scrollbar*/
	padding: 0;
	height: auto;
	width: 996px;
/*	background: transparent; *//*in case a pattern is set in a parent container*/
	background: transparent url(body_bg.jpg) repeat-y 0 0; /* curtain-drop graphic to simulate background margin or column colour */
}

body.framed0 #innerContainer,
body.framed1 #innerContainer {
/* cw-Page Background 
	background: transparent;*/
	margin: 0 auto;/*centering*/
	width: 100%;
	position: relative;
	min-width: 996px; /*for compliant browsers*/
/*	border-width: 0px;
	border-style: solid;
 cw-Inner Container Outline 
	border-color: transparent;
	border-top: none;
	border-bottom: none;*/
	background: transparent url(bg_header_snow2.jpg) 0 0 no-repeat!important;
}

 /* Hide the rule from IE5-mac \*/
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, IE only, to force into hasLayout mode and fix the peekaboo bug*/
* html #innerContainer {
	height: 1%;/*prevents IE bug from overlapping of footer*/
}
/* End hide from IE5-mac */ 


/*
===========================================================
HEADER
=========================================================== 
*/

#header {
	height: 165px;
	position: relative;
	width: auto;
	padding: 0;
	z-index: 100;/*so that the navigation is always layered above the content below*/
/* cw-Header Background 
	background: transparent url(banner_a.png) 2px 20px no-repeat;*/
}

* html #header {
	height: 165px;	
/*	background: transparent url(banner_a.gif) 0 18px no-repeat; */
}

/*
===========================================================
HEADERLEAD
=========================================================== 
*/

#headerLead {
	margin: 0px;
}

/*
===========================================================
search
=========================================================== 
*/
#searchContainer {
	width: 260px;
	height: auto;
	float: right;
	position: absolute;
	top: 0;
	right: 10px;
	background: transparent;
/* cw-Search Box border 
	border-color: #003263;
	border-width: 1px;
	border-style: solid;*/
	margin-top: 0;
	padding: 0 3px;
	z-index: 99;
}

#searchForm {
	text-align: left;
}

.searchTextField {
	width: 140px;
	padding: 1px 3px;
/* cw-Search Box border */
	border: 1px solid #b4b49d;
	font-size: 9px;
}
/*
.searchInputButton {
	color: #000000;
	margin: 5px 0 0 0; 
	display: inline;
}
*/
.searchCheckbox {
	margin: 0;
	padding: 0;
	float:left;
}

#searchContainer  p {
	margin-top: 0 !important;
	margin-top: 3px;
	padding: 0;
}

input.btn#submitButtonName {
	margin-top: 1px;
	color: #000000;
	border: 1px solid #b4b49d;
	background: transparent url(portal_bg.gif) repeat-x 0 0;
	font-size: 9px;
}


/*
===========================================================
upper navigation area
=========================================================== 
*/
#upperNavigation {
	height: 20px;
	width: auto;
/* cw-Upper Navigation Background */
	background: transparent; 
	z-index: 100;
	margin: 0;
	padding: 0;
}


/*
===========================================================
instance navigation
=========================================================== 
*/

#instanceNav  {
	float: left;
	position: absolute;
	top: -20px;/*rising above the innerContainer parent top border*/
	left: 0px;
	height: 20px;/*IE requires an explicit height*/
/* cw-Instance Nav Background */
	background: transparent
	height: 20px; /*For Firefox each level requires an explicit height*/
	margin: 0; /*IE requires explicit margin on all levels of list*/
	width: 100%;
	font-size: 0.9em;
	padding: 0;
	border-bottom: 1px solid #000000; /**/
}

#instanceNav ul {
	list-style-type: none;
	height: 20px;/*For Firefox each level requires an explicit height*/
	margin: 0;/*IE requires explicit margin on all levels of list*/
	padding: 0;
}

#instanceNav li {
	float: left;/*display:inline caused problems, the right-hand elements wrapped*/
	white-space: nowrap;
	padding: 0 10px 1px 10px;
	height: 20px; /*For Firefox each level requires an explicit height*/
	margin:-2px 0 0 0; /*IE requires explicit margin on all levels of list*/
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#instanceNav li.firstItem {
	border-left: none;
}

#instanceNav li.floatRight {
	float: right;
}

#instanceNav a {
	text-decoration: none;
	white-space: nowrap;
	font-size: 1em;
/* cw-Instance Nav Link Text */
	color: #EFEFD3;
	height: 20px;/*For Firefox each level requires an explicit height*/
	margin:0;/*IE requires explicit margin on all levels of list*/
	padding:0;
	float:left;
	display:block;
}

#instanceNav a:hover {
/* cw-Instance Nav Links Hover Background */
	background-color: transparent;
	text-decoration: underline;
}

ul#instanceNavMenuListLeft {
	position:absolute; 
	left:0;
	top:0;
}

ul#instanceNavMenuListLeft li{
	border-left:none;
	border-right: 1px solid #000000;
}

ul#instanceNavMenuListRight {
	position:absolute; 
	right: 0;
	top:0;
}



/*
===========================================================
reference links
=========================================================== 
*/

#referenceLinks  {
	float: left;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	padding: 0 10px;
	font-size: .9em;
}

#referenceLinks ul {
	float: left;
	list-style-type: none;
	height: 15px;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	padding: 0;/*Firefox uses 20px padding by default */
}

#referenceLinks li {
	display: inline;
	white-space: nowrap;
	margin: 0;/*IE requires explicit margin on all levels of list*/
/* cw-Reference Links Vertical Lines */
	border-left: 1px solid #cccccc;
}

#referenceLinks li.firstItem {
	border-left: none;
}

#referenceLinks li.lastitem {
	border-right: none;
}

#referenceLinks a:link,
#referenceLinks a:visited {
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	margin: 0; /*IE requires explicit margin on all levels of list*/
/* cw-Reference Links Text */
	color: #afafaf;
	padding: 2px 8px;
}

#referenceLinks a:hover {
/* cw-Reference Links Hover Background */
	color: #ff0000;
	text-decoration: underline;
}


/*
===========================================================
hierarchy navigation
=========================================================== 
*/

#orgHierarchyNav  {
	float: right;
	font-size: .9em;
	/*margin: 115px 5px 0 0;*/ /*IE requires explicit margin on all levels of list*/
	margin: 0px 0px 0 0;/*IE requires explicit margin on all levels of list*/
	position:absolute;
	top:115px;
	right:5px;
	padding: 0;
	line-height: 1.8em;
}

#orgHierarchyNav ul  {
	float: left;
	list-style-type: none;
	height: 20px;
	margin:0;/*IE requires explicit margin on all levels of list*/
	padding: 0;
}

#orgHierarchyNav li  {
	display: inline;
	white-space: nowrap;
	color: #666666;
/* cw-Org Hierarchy Nav Links Vertical Lines */
	border-left-color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	margin:0;/*IE requires explicit margin on all levels of list*/
	padding: 0 10px;
}

#orgHierarchyNav li.firstItem  {
/* cw-Org Hierarchy Nav Link Text */
	color: #000000;
	font-weight: bold;
	padding-right: 10px;/*when overall div #orgHierarchyNav is floated right use padding-right, but if it is floated left, make the padding-left instead*/
	border-left: none;
}

#orgHierarchyNav li.lastitem  {
/* cw-Org Hierarchy Nav Link Text */
	color: #ff0000;
}

#orgHierarchyNav a:link,
#orgHierarchyNav a:visited  {
	text-decoration: none;
	white-space: nowrap;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	padding: 0;
/* cw-Org Hierarchy Nav Link Text */
	color: #333333;
}

#orgHierarchyNav a:hover  {
/* cw-Org Hierarchy Nav Link Hover Background */
	color: #ff0000;
	background-color: transparent;
	text-decoration: none;
}

	
	

/*
===========================================================
title block
=========================================================== 
*/

#titleBlock {
	position: absolute;
	top: 25px;
	left: 200px;
	margin:0;
	padding:0;
}

body.framed1 #titleBlock {
	position: absolute;
	top: 30px;
	left: 20px;
	margin:0;
	padding:0;
}

#titleBlock ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#titleBlock li {
	font-weight: bold;
	margin:0;
	padding:2px 0;
}

li#titleInstance {
	font-size: 1.3em;
}

#titleInstanceText  {
	display:block;
}

li#titleSite {
	font-size: .9em;/*nested element, size becomes a percentage of the titleInstance*/
}

#titleSiteText  {
	display:block;
}

li#titlePage {
	font-size: .9em;/*nested element, size becomes a percentage of the titlePage*/
}

#titlePageText  {
	display:block;
}




/*
===========================================================
identity
=========================================================== 
*/

#identity {
	position: absolute;
	top: 24px;
	left: 8px;
	z-index: 99;
	padding: 0;
	width: 170px;/* the width of the margin, or an 'optical' adjustment to appear centered */
	height: 108px; /* minimum the height of the logo graphic */
	text-align: center;
/* cw-Identity Background */
	background: transparent;
 }
 
 body.framed2 #identity {
	top: 0px;
 }
 
 #identity img {
	margin: 0;
	width: auto;
}

 #identity a:hover,
  #identity a:visited hover  {
	border: none;
	background-color: transparent;
}

 #identity a img,
 #identity :link img,
 #identity :visited img { 
	border-style:none;
 }

/*
===========================================================
feature
=========================================================== 
*/

#feature { 
	margin:0;
	padding:0;
}
 
#feature img {
	 margin:0;
}


/*
===========================================================
header image
=========================================================== 
*/

img#banner {
	float: right;
	z-index:80;/*so that it is layered below the breadcrumbs and TOC*/
	display: none; /**/
}


/*
===========================================================
HEADER TAIL
=========================================================== 
*/

#headerTail {
	margin: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: visible;
}

/*
===========================================================
breadcrumbs navigation
=========================================================== 
*/

#breadcrumbs  {
	font-size: .9em;
	margin:0;/*IE requires explicit margin on all levels of list*/
	padding: 4px 3px;
	height: 20px;/* so that any hover-invoked background colours have a boundary*/
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#headerTail #breadcrumbs  {
/*relative to headertail, in horizontal version*/
	top: -71px;
	left: 190px;
	z-index: 98;
}

body.framed1 #headerTail #breadcrumbs {
	left: 20px;
}

#breadcrumbs ul  {
	list-style-type: none;
	margin: 0; /* IE requires explicit margin on all levels of list */
	padding: 0; /* Firefox uses 20px padding by default */
	z-index: 100;
}

#breadcrumbs li {
	float: left;
	white-space: nowrap;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	padding-left: 3px
}

#breadcrumbs li.firstItem {
	font-weight: bold;
	margin-right: 2px;
}

#breadcrumbs a:link,
#breadcrumbs a:link:visited {
/* cw-Breadcrumb Links Text */
	color: #666;
	text-decoration: none;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	padding: 0; /* Allowance for Hover Background color */
}

#breadcrumbs a:hover {
	text-decoration: none;
/* cw-Breadcrumb Links Hover Background */
	color: #ff0000;
}





/*
===========================================================
TOC navigation
=========================================================== 
*/

#TOC {
	padding: 0;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	position: relative;
	font-size: .9em;
	width: auto;
}



/*
===========================================================
TOCHorizontal
=========================================================== 
*/

#TOCHorizontal {
	position: absolute;
	right: 15px;
	left: 15px;
	padding: 0;
	margin: 0;/*IE requires explicit margin on all levels of list*/
}

#TOCHorizontal ul {
	list-style-type: none;
	text-align: right; /*so that when the browser is resized smaller, the links wrap to more than one line, aligned right */
	margin: 3px 0; /*IE requires explicit margin on all levels of list */
	padding: 0;
	float: right;
	height: auto;
}

* html #TOCHorizontal ul {
	margin-top: 0;
}

#TOCHorizontal ul li {
	display: inline;
	margin: 0; /* IE requires explicit margin on all levels of list */
	padding: 0;
/* cw-TOC Horizontal Links Vertical Lines */
	border-right-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	line-height: 1.4em;
}

#TOCHorizontal ul li.LastItem {
	border-left: none;
}

#TOCHorizontal ul a,
#TOCHorizontal ul a:visited {
/* cw-TOC Horizontal Links Text */
	color: #000000;
	text-decoration: none;
	margin: 0 2px 0 5px; /* IE requires explicit margin on all levels of list */
	padding: 0; /* Allowance for Hover Background color */
	white-space: nowrap; /* so that the links doesn't break across two lines */ /* MT doesn't work */
}

#TOCHorizontal ul a:hover {
/* cw-TOC Horizontal Links Hover Background */
	color: #ff0000;
	text-decoration: underline;
}




/*
===========================================================
CONTENT
=========================================================== 
*/

#content {
	padding: 10px 15px;
	margin: 0;
/* Hide the rule from IE5-mac \*/
/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
/*Holly Hack, IE only, to force into hasLayout mode and fix the peekaboo bug*/
	position: relative;
/* End hide from IE5-mac */ 
	z-index: 97;
	min-height: 500px;
}


* +html #content {
	border: 1px solid transparent; /* preventing footer image separating */
}


/*
===========================================================
LEFT CONTENT
=========================================================== 
*/

#leftContent h1,
#leftContent h2 {
/* cw-Left Content Heading Level 1  */
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
}

#leftContent p,
#leftContent li {
	font-size: .9em;
	line-height: 1.2em;
}

/*prevent shrinkage due to compounding within nested lists*/
#leftContent li li {
	font-size: inherit;
	font-size: 1em;
}

#leftContent img {
	margin: 0 0 5px 0;
}

#leftContent img.icon {
	margin: 0 0 2px 0;
	border: none;
}


/*
===========================================================
left content lead (for Change Menu Style Link)
=========================================================== 
*/

#leftContentLead {
}

#changeMenu  {
	height: 30px;
	/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	position: relative;
	/*end prevent IE peekaboo bug*/
	text-align: center;
}

#changeMenu a  {
	margin: 0px;
	padding: 2px 0;
	font-size: .8em;
	font-weight: bold;
	text-decoration: underline;
}


/*
===========================================================
left feature
=========================================================== 
*/

.leftFeature {
/* cw-Left Feature Border */
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
/* cw-Left Feature Background */
	margin: 0 10px 5px 0;
	padding: 3px;
	font-size: .9em;
/*	line-height: 1.2em;*/
	width: auto;
	clear: both;
}

* html .leftFeature {
 /* Hide the rule from IE5-mac \*/
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
	height: 1%;
/* End hide from IE5-mac */ 
}

.leftFeature a.h2,
.leftFeature td.h2,
.leftFeature h2 a,
.leftFeature h2 a:hover,
.leftFeature a.h3,
.leftFeature td.h3,
.leftFeature h3 a,
.leftFeature h3 a:hover
{
/* cw-Left Feature Section Heading */
	color: #333333;
	line-height: 1.2em;
	background: transparent url(portal_bg.gif) repeat-x 0 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px 0 10px 0;
	margin: -5px -3px 0;
}

.leftFeature p {
/* cw-Left Feature Text 
	color: #000000;*/
	font-size: .9em;
}

.leftFeature a:link {
/*should a different style be required, other than default page link colours*/
}

.leftFeature a:hover {
/*should a different style be required, other than default page link colours*/
}



/*
===========================================================
RIGHT CONTENT
=========================================================== 
*/

#rightContent a,
#rightContent p, 
#rightContent li {
/*would prefer these to be in em's and so will be scalable. However, they push the left column too wide in IE with large words so I have reverted to pixel dimensions*/
	font-size: 1em;
	line-height: 1.2em;
}

/*prevent shrinkage due to compounding within nested lists*/
#rightContent li li
 {
	font-size: inherit;
	font-size: 1em;
}


#rightContent img {
	margin: 0 0 5px 0;
/*	max-width: 300px;
	height: auto; */ 
}

#rightContent img.icon {
	margin: 0 0 2px 0;
}


/*
===========================================================
right feature
=========================================================== 
*/

.rightFeature {
/* cw-Right Feature Background */
	background: transparent;
	width: auto;
	padding: 0;
	margin: 0;
	font-size: .9em;
	line-height: 1.2em;
}
 
/* Hide the rule from IE5-mac \*/
/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
* html .rightFeature {
	height: 1%;
}
/* End hide from IE5-mac */ 

.rightFeature a.h2,
.rightFeature td.h2,
.rightFeature h2 a,
.rightFeature h2 a:hover,
.rightFeature a.h3,
.rightFeature td.h3,
.rightFeature h3 a,
.rightFeature h3 a:hover
 {
/* cw-Right Feature Section Heading */
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	display: block;
	margin: 0 -2px; 
	padding: 3px 5px;
	background: #b4b49d;
	border: 1px solid #999999;
}

.rightFeature a:link {
/*should a different style be required, other than default page link colours*/
}

.rightFeature a:hover {
/*should a different style be required, other than default page link colours*/
}

.rightFeature img,
.rightFeature img a {
	border: none; 
/*	max-width: 300px;  to control image size within div */
/*	height: auto;  adjusts the height proportionally to the width */
}

/*
===========================================================
MAIN CONTENT
=========================================================== 
*/

#mainContentLead {
	margin: 0;
	padding: 0;
	position: relative;/*to allow positioning of child items (breadCrumbs and TOC in vertical style navigation)*/
	overflow: visible;
}



/*
===========================================================
TOCVertical
=========================================================== 
*/

#TOCVertical {
	background: transparent;
	margin: -1.0em 0 -1em 2em;
}

#TOCVertical ul {
	padding: 0;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	list-style-type: square;
	display: inline-block; /* hides list-style-type image and stops the last item jumping on IE6*/ /* does not validate*/
}

#TOCVertical ul li {
	padding: 0;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	display: block;
}

  /* Targetting IE only, to provide a more spacious line height */
* html #TOCVertical ul li {
	line-height: 1.5em;
}

#TOCVertical ul a {
/* cw-TOC Vertical Links Text */
	color: #006699;
	text-decoration: none;
}

#TOCVertical ul a:hover {
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
/* cw-TOC Vertical Links Hover Background */
	background-color: #ffffff;
	list-style-type: circle;
}
 
* html a:hover{ 
/* to insist on a redraw */
	background-position: 1%; 
} 

#TOCVerticalTitle {
	margin: -1em 0;
	font-weight: bold;
}

/*
===========================================================
FOOTER
=========================================================== 
*/

#pageFoot {
/*not used by default, is a good place to put decorative page-bottom design elements*/
}
 
#footer {
	text-align:left;
	margin: 0;
	width: auto;
	padding: 0 20px 10px 20px;
/* cw-Footer background */
	background: transparent url(shell_bottom.jpg) no-repeat top left;
	z-index: 100;/*stops the menu images overlapping footer*/
	clear: both; /* MT prevents content from overflowing */
}

body.framed2 #footer {
	display: none;
}

#footerInfo {
	margin: 0;
	padding-top: 15px;
}

#footerInfo p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.4em;
/* cw-Footer Text  */
	color: #999;
	}
	
#footerInfo a {
/* cw-Footer Links Text */
	color: #666;
	text-decoration: none;
}

#footerInfo a:hover {
/* cw-Footer Links Hover Text */
	color: #FF0000;
	text-decoration: underline;
}

/*
===========================================================
footer navigation
=========================================================== 
*/

ul#footerNav {
	float: right;
	list-style-type: none;
}

#footerNav  li {
	float: left;
	padding: 0;
	margin: 15px 0 10px 5px;
}

#footerNav  a,
#footerNav  a:visited {
 /* cw-Footer Navigation Links Text */
	color: #666;
	padding: 0 5px;
	margin: 0;
	font-size: .8em;
	text-decoration: none;
}

#footerNav  a:hover {
 /* cw-Footer Navigation Links Hover Text */
	color: #FF0000;
	text-decoration: underline;
	background-color: transparent;
}

/*
===========================================================
image gallery
=========================================================== 
*/

/* film-strip-style */

.thumbFilmstrip td img {
	margin: 0 4px 0 0;
	vertical-align: middle;
}


/* Non-Standard Additions
------------------------------------------------------------------------------------- */