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

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2010
'Date --- Init Reason------------------------------------------------------
'23/03/06 DB finalised for ComWeb Standard
'11/04/06 DB incorporated new features, and made some minor improvements
'26/09/06 DB added underline on all hyperlinks
'03/10/06 DB added uniform sizes for h1, h2 and h3.
'09/11/06 DB removed z-index from TOC Navigation
'16/11/06 DB changed linked image border prevention to add a border (since all images now have markup for the border width)
'17/11/06 DB added code to remove borders from main logo (in identity div)
'03/12/06 DB modified the instance navigation to suit two ULs
'07/02/07 DB added explicit zeroing for the innerContainer background image, to be overridden on a case basis.
'27/02/07 DB added printLogo screen display of none (see next comment)
'28/02/07 DB removed printLogo references in favour of i_Comweb method
'18/04/07 DB added properties to the linked image borders to also hide them in Firefox
'08/05/07 DB reduced height of the instanceNav li from 20px to 19px
'08/05/07 DB increased the instanceNav font size from .9em to 1em to increase font rendering legibility
'08/05/07 DB changed the instanceNav background image from largeDarkRounded.gif to darkRounded.gif
'23/05/07 DB added rule to rightContent to prevent compounding of font sizes in nested lists
'25/10/07 DB added code for footer referencelinks, and made footer position relative, and consequentially made footerNav reposition absolutely
'25/10/07 DB increased titleBlock base font size from 1.3em to 1.7em 
'25/10/07 DB added ability to make individual titleBlock elements invisible (in conjunction with new markup in the titleBlock)
'05/12/07 DB revised style for Site Short name on top of menu tree using #leftContent h1
'06/12/07 Released V4.3
'20/12/07 DB added rule to indent mainContent on SiteMap page
'09/01/08 DB added padding and margin zeroing to body, so that IE will not add extra space
'09/01/08 DB reworded theme-editor comment for 'Page Heading level 3' (from Heading Text Level 3)
'08/02/08 DB added .rightFeature p colour, and .rightFeature li colour
'08/02/08 DB added border: 0 none to .icon
'08/02/08 DB added line height to the H1
'13/02/08 DB coupled .newWindow with all .icon selectors
'27/02/08 DB updated style sheet copyright date to 2008
'28/02/08 DB added Instance Nav Links Hover Background colour reference
'13/03/08 DB explicitly zeroed space around footernav ul
'17/04/08 DB added 10px space above footernav unordered list
'17/04/08 DB reduced height of instance anchors from 20px to 19px, to align vertical lines with bottom of horizontal strip
'05/05/08 DB fixed navigation underlapping footer by increasing z-index stacking order of innerContainer and decreasingby footer
'21/05/08 DB added element centering, eg. table centering
'22/05/08 DB made default h1 margin-top zero
'22/05/08 DB made searchContainer margin zero
'22/05/08 DB fixed initial comment spacing for cw-Horizontal Menu Strip Background
'22/05/08 DB added theme editor comment for You are here text color
'22/05/08 DB added breadcrumbs link hover color and theme editor comment
'04/06/08 DB updated all IE comments to more specifically say IE6, ltIE7 (since IE7 fixes many bugs)
'04/06/08 DB updated IE bugfixes to include #leftMainRight.framed0 #mainContent, #leftMainRight.framed1 #mainContent
'04/06/08 DB updated IE bugfixes to include * html #mainRight #rightContent
'04/06/08 DB rearranged comments and compacted bugfixes for all left, main and right content divs
'04/06/08 DB removed IE5-Mac comment hacks
'05/06/08 DB added fix for IE6 footernav positioning
'26/06/08 DB added a:visited link text color
'26/06/08 DB added IE hasLayout fix to leftContent to prevent underlapping of mainContent
'30/07/08 DB added new declaration for .leftFeature and .rightFeature h2, to alow the background gradient graphic effect
'05/08/08 DB suppressed siteTitle on home page
'05/08/08 DB created new method for showing left and rightfeature heading background gradients
'05/08/08 DB added method for increasing left and rightfeature heading background gradients for twoLineHeadings and threeLineHeadings
'06/01/10 DB started upgrade, merging the following comments and related code changes from the DRN files
'06/01/10 DB merged: 04/02/09 DB updated code to remove borders on linked images, to work with new 4.5 markup
'06/01/10 DB merged: 25/09/09 MD added .icon css attributes to middle align links with icon
'06/01/10 DB merged: 28/09/08 MD added .rightFeature.shownobackground to remove rightFeature bg
'06/01/10 DB merged: 28/09/08 MD added .leftFeature.shownobackground to remove leftFeature bg
'06/01/10 DB merged #orgHierarchyNav changes to text-decoration, from underline to none (on link and visited)
'06/01/10 DB ignored modification (original was uncommented-by MD?) which had removed declarations from #titleBlock
'06/01/10 DB ignored removal (original was uncommented-by MD?) of #content technique to prevent rightContent jumping in IE7
'06/01/10 DB merged colour change (original was uncommented-by MD?) of from C3D3F7 to C3D3F8
'06/01/10 DB updated style sheet copyright date to 2010
'13/01/10 DB removed IE css filters and added to ie.css
'13/01/10 DB ran a CSS tidy
'13/01/10 DB removed padding in y-axis of anchors (to prevent images within anchors from receiving visible background colours)
'14/01/10 DB compared file with equivalent in master suite and updated with any necessary declarations
'14/01/10 DB increased width of leftFeature from 170px to 180px to allow the image to fit
'28/01/10 DB altered leftMain Maincontent padding-left from 170 to 190px
'25/02/10 DB added width to tocHorizontal
'19/04/10 MD added search .btn to include image for search button
'16/08/10 MD added .site1060 attribute to suppress li#titleSite only on the DSG home page
'25/02/11 DB added layout fluidity via outerContainer width of auto with min and max width settings
'25/02/11 DB increased perimeter left and right positions
'25/02/11 DB repositioned header background graphic to always align right edge
'25/02/11 DB edited footer background graphic to repeat-x
'---------------------------------------------------------------------- --->

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
============================================================================*/

body {
	text-align: center;/* to enable a fixed with page to center in the browser. Must be reversed later (see outerContainer) so contents (eg. text) are not centered */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/* cw-Body Text */
	color: #000000;
/* cw-Body Background */
	background: transparent
	url(bg_body_gradient.jpg) 0 0 repeat-x;
	font-size: 70%;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
}

/*Be aware that the headings are influenced by the IE6 doubled-margin float bug, see http: //www.positioniseverything.net/explorer/doubled-margin.html*/
h1, h2, h3, h4, h5, h6, p, li, a {
	margin: .5em 0;
}

h1 {
/* cw-Page Heading Level 1 */
	color: #000000;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-top: 0;
}

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

h3 {
/* cw-Page Heading Level 3 */
	color: #000000;
	font-size: 1.4em;
}

h4 {
/* cw-Page Heading Level 4 */
	color: #000000;
}

h5 {
/* cw-Page Heading Level 5 */
	color: #000000;
}

h6 {
/* cw-Page Heading Level 6 */
	color: #000000;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatClear, div.floatClear, #floatClear {
	font-size: 0em!important;
	clear: both;
	background-color: transparent;
}

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

/* greater specificity (using 'link') for anchors that are actual text links, not targetted-anchor-text or anchor-images */
a:link {
/* cw-Page Links Text */
	color: #0000FF;
	font-weight: normal;
	text-decoration: underline;
}

a:link:visited {
/* cw-Page Links Text */
	color: #0000FF;
	text-decoration: underline;
}

a:visited {
/* cw-Page Links Text */
	color: #0000FF;
}

a:link:hover,
a:link:visited:hover {/*not working in Firefox, find another method*/
/* cw-Page Links Text */
	color: #0000FF;
	text-decoration: underline;
/* cw-Page Links Hover Background */
	background-color: #DCE8F4;
	padding: 0;
}

a:link:active {
/* cw-Page Links Text */
	color: #0000FF;
	text-decoration: underline;
	padding: 0;
}

/* prevent borders and/or hover backgrounds on linked images */
a img,
a:link img,
a:link:visited img,
a:link:hover img { 
	border-style: none;
	margin: 0!important;/*to reduce the space around image icons */
}
 
a.bold {
	font-weight: bold
}
 
.center,
table.center,
div.center,
span.center,
img.center {
	margin-left: auto!important;
	margin-right: auto!important;
}

/*
=====================================================
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)*/

#leftMain #leftContent {
	float: left;
	width: 190px;
	padding: 10px 0 10px 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;/* IE only, invoke 'hasLayout' so the leftContent floats above the the maincontent, not enough simply to use z-index */
/* cw-Left Content Background */
	background-color: transparent; 
	/*can be coloured as per a background colour to conceal the section rules from butting against the edge*/
}
	
#leftMain #rightContent {
	display: none;
}

body#leftMain.framed0 #mainContent,
body#leftMain.framed1 #mainContent {
	margin: 0 20px;
	padding: 10px 0px 10px 190px;/*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: 98;
}

/*layoutLogic for page with three columns: left content, main content and  right content*/  
 
#leftMainRight #leftContent {
	float: left;
	width: 190px;
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
    /*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 pre-IE7 only, invoke 'hasLayout' so the leftContent floats above the the maincontent, not enough simply to use z-index */
/* cw-Left Content Background */
	background-color: transparent; 
}

#leftMainRight #rightContent { 
	float: right;
	width: 260px;
	padding: 0 0 10px 0;
	margin: 0 0 50px 20px;
	z-index: 99;/*keep higher 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*/
}

body#leftMainRight.framed0 #mainContent,
body#leftMainRight.framed1 #mainContent {
	margin: 0 20px;
	padding: 10px 0px 10px 190px;/*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;
}

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

#mainRight #leftContent {
	display: none;
}
	
#mainRight #rightContent { 
	float: right;
	width: 260px;
	padding: 0 0 10px 0px;
	margin: 0 0 50px 10px;
	z-index: 99;/*keep higher 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;
}

#mainRight #mainContent {
	margin: 0 20px 0 20px;/*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 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: 98;
 	position: relative;/*for IE Win, to force into 'hasLayout' mode, to stop the section 'jog' when the page was loading*/
}

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

#main #leftContent {
	display: none;
}

#main #rightContent { 
	display: none;
}

#main #mainContent,
body.SiteMap #mainContent {
	margin: 10px 20px 10px 20px;
 /*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*/
}


/*
===========================================================
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: 40px;
	right: 40px;
	height: auto;
	padding: 0;
}

#outerContainer {
	text-align: left;/*converts the text-alignment back to left-align, ie. because the  body tag must originally be set to center*/
	margin: 20px auto;
	padding: 20px 0 0 0;
	height: auto;
	width: auto;
	min-width: 994px;
	max-width: 1500px;
	background-color: transparent;/*in case a pattern is set in a parent container*/
	/*background: url() 0px 0px repeat-y;as required, a curtain-drop graphic to simulate background margin or column colour*/
	border: 1px solid #000000;
}

body.framed0 #innerContainer,
body.framed1 #innerContainer {
/* cw-Page Background */
	background: transparent;
	margin: 0 auto;/*centering*/
	width: 100%;
	position: relative;
	min-width: 760px;/*for compliant browsers*/
	border-width: 0px;
	border-style: solid;
/* cw-Inner Container Outline */
	border-color: transparent;
	border-top: none;
	border-bottom: none;
	background-position: 0 0px!important;
	z-index: 20;/*stack in front of the footer*/
}

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

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

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

#headerLead {
	margin: 0px;
}

/*
===========================================================
search
=========================================================== 
*/

#searchContainer {
	width: auto;
	height: auto;
	float: right;
	position: absolute;
	top: 118px;
	right: 0px;
	/* cw-Search Box background */ 
	background-color: transparent;
/* cw-Search Box border 
	border-color: transparent;
	border-width: 1px;
	border-style: solid;*/
	margin: 0;
	padding: 10px;
	z-index: 99;/*to allow top horizontal nav to overlap*/
}

#searchForm {
	text-align: left;
}

.searchTextField {
	width: 110px;
}

.searchInputButton {
	color: #000000;
	margin: 5px 0 0 0;
	display: inline;
}

.searchCheckbox {
	margin: 4px 5px 0 0;
	padding: 0;
	float: left;
}

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

#searchContainer .btn {
	margin-top: -7px; 
	padding-left: 0px;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle; 
	text-transform: uppercase;
	height: 20px;
	width: 30px;
	background: url(bg_search.gif) no-repeat 0px 0px; 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: none;
	border-left-style: none;	
}

/*
===========================================================
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;/*For Firefox each level requires an explicit height*/
/* cw-Instance Nav Background */
	background: #A9A9A9;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	width: 100%;
	font-size: 1.1em;
	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;
	border-left: 1px solid #FFFFFF;
	height: 19px;/*For Firefox each level requires an explicit height. 19px plus the 1px bottom-padding makes the 20px height*/
	margin: 0;/*IE requires explicit margin on all levels of list*/
}

#instanceNav a {
	text-decoration: none;
	white-space: nowrap;
	font-size: .9em;
/* cw-Instance Nav Link Text */
	color: #FFFFFF;
	height: 19px;/*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;
/* cw-Instance Nav Links Hover Text */
	color: #FFFFFF;
}

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

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

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

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

/* Note: see also #footer #referencelinks for additional rules */

#referenceLinks {
	float: left;
	margin: -40px 0 0 0;/*IE requires explicit margin on all levels of list*/
	font-size: 1em;
	width: 50%;
	position: absolute;
}

#referenceLinks ul {
	float: left;
	list-style-type: none;
	height: 20px;
	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-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	padding: 0 10px;
}

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

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

#referenceLinks a:link,
#referenceLinks a:visited {
	text-decoration: none;
	white-space: nowrap;
	margin: 0;/*IE requires explicit margin on all levels of list*/
/* cw-Reference Links Text */
	color: #FFFFFF;
}

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



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

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

#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;
/* cw-Org Hierarchy Nav Links Vertical Lines */
	border-left-color: #FFFFFF;
	border-left-width: 2px;
	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: #FFFFFF;
	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 {
/*as required*/
}

#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: #FFFFFF;
}

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

	
	

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

#titleBlock {
	position: absolute;
	top: 95px;/* All, targetting non-IE */
	right: 10px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

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

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

#titleBlock li {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

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

#titleInstanceText {
	display: block;
}

li#titleSite {
	font-size: .8em;/*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: 13px;
	left: 37px;
	z-index: 99;
	padding: 0;
	width: 233px;
	height: 75px;/* minimum the height of the logo graphic */
	text-align: center;
/* cw-Identity Background */
	background: transparent;
}
 
 body.framed2 #identity {
	top: 0px;
}
 
 #identity img {
	margin: 0;
}

 #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*/
}



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

#headerTail {
	margin: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 65px;
	overflow: visible;
/* cw-Horizontal Menu Strip Background */
	background: transparent;
	height: 0px;
}

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

#breadcrumbs {
	font-size: .9em;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	padding: 0;
	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: 25px;
	left: 10px;
	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 */
}

#breadcrumbs li {
	float: left;
	white-space: nowrap;
	margin: 0;/*IE requires explicit margin on all levels of list*/
/* cw-Breadcrumb Text (not links) */
	color: #0000FF;
}

#breadcrumbs li.firstItem {
	font-weight: bold;
	margin-right: 5px;
/* cw-Breadcrumbs You are here text */
	color: #000000;
}

#breadcrumbs a:link,
#breadcrumbs a:link:visited {
/* cw-Breadcrumb Links Text */
	color: #0000FF;
	text-decoration: underline;
	margin: 0;/*IE requires explicit margin on all levels of list*/
}

#breadcrumbs a:hover {
	text-decoration: underline;
/* cw-Breadcrumb Links Text Hover */
	color: #000000;
/* cw-Breadcrumb Links Hover Background */
	background-color: #DCE8F4;
}



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

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


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

#TOCHorizontal {
	font-size: .95em;
	position: absolute;
	top: 40px;
	right: 10px;
	padding: 0;
	margin: 0;
	z-index: 98;
	width: 983px;
}

#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: 0;/*IE requires explicit margin on all levels of list*/
	padding: 0;
	float: right;
	height: auto;
}

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

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

#TOCHorizontal ul a,
#TOCHorizontal ul a:visited {
/* cw-TOC Horizontal Links Text */
	color: #0000FF;
	text-decoration: underline;
	padding: 0;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	vertical-align: middle;
	padding: 0px 5px;
	white-space: nowrap;/*so that the links doesn't break across two lines*/
}

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


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

#content {
	padding: 0;
	margin: 0;
/*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; 
	z-index: 97;
	min-height: 300px;
}


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

#leftContent h1 {
/* cw-Left Content Heading Level 1  */
	color: #002D4B;
	font-size: 1.2em;
	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 10px 0;
}

#leftContent img.icon,
#leftContent img.newWindow {
	margin: 0 0 2px 0;
	vertical-align: middle;
	border: 0 none!important;
}


/*
===========================================================
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: #C3D3F8;
	border-width: 1px;
	border-style: solid;
/* cw-Left Feature Background */
	background: #FFFFFF
	url(bg_leftFeature_heading.jpg) 0 0 repeat-x;
	margin: 10px 10px 0 10px;
	padding: 10px;
	font-size: .9em;
	line-height: 1.2em;
	width: auto;
	clear: both;
}

.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: #000000;
	line-height: 1em;
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	font-size: .75em;
	line-height: 1.4em;
} 

.leftFeature h2 {
	margin-top: -4px;
}

.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 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: .9em;
	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 10px 0;
}

#rightContent img.icon,
#rightContent img.newWindow {
	margin: 0 0 2px 0;
	vertical-align: middle;
	border: 0 none!important;
}


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

.rightFeature {
/* cw-Right Feature Border */
	border-color: #C3D3F8;
	border-width: 1px;
	border-style: solid;
/* cw-Right Feature Background */
	background: #FFFFFF
	url(bg_rightFeature_heading.jpg) 0 0 repeat-x!important;/*important allows effect on latestNews*/
	margin: 10px 10px 0 10px;
	width: auto;
	padding: 10px;
	font-size: 1em;
	line-height: 1.2em;
}

.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: #000000;
	font-weight: bold;
	line-height: 1.4em;
	font-size: .75em;
}

.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 p {
/* cw-Right Feature Text */
	color: #000000;
}

.rightFeature li {
/* cw-Right Feature List Text */
	color: #000000;
}


/*
===========================================================
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 ul {
	padding: 0;
	margin: 0;/*IE requires explicit margin on all levels of list*/
}

#TOCVertical ul li {
	margin: 0 0 0 .5em;/*IE requires explicit margin on all levels of list*/
}

#TOCVertical ul a {
/* cw-TOC Vertical Links Text */
	color: #0000FF;
	text-decoration: underline;
}

#TOCVertical ul a:hover {
	text-decoration: underline;
/* cw-TOC Vertical Links Hover Background */
	background-color: #DCE8F4;
}



/*
===========================================================
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: 10px 20px 20px 20px;
/* cw-Footer top border 
	border-top-color: #C3D3F8;
	border-top-width: 2px;
	border-top-style: solid;*/
/* cw-Footer Bottom Border  
	border-bottom-color: #C3D3F8;
	border-bottom-width: 2px;
	border-bottom-style: solid;*/
/* cw-Footer background */
	background: #006EA8
	url(bg_footer.gif) 0 0 repeat-x;
	z-index: 10;/*must be lower than the innercontainer. stops nav underlapping and menu images overlapping footer*/
	position: relative; /*set positioning context for footerNav */
}

body.framed2 #footer {
	display: none;
}

#footerInfo {
	margin: 0;
	padding: 0;
}

#footerInfo p {
	margin: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.4em;
/* cw-Footer Text  */
	color: #FFFFFF;
}
	
#footerInfo a {
/* cw-Footer Links Text */
	color: #FFFFFF;
}

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

#footer #referenceLinks {
/* to be filled in if the referenceLinks need to be positioned independently*/
	position: absolute;
	top: 0;
	left: 0;
}

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

ul#footerNav {
	position: absolute;
	right: 10px;
	top: 10px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

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

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

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

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

/* film-strip-style */

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


/* Non-Standard Additions
------------------------------------------------------------------------------------- */
.home.site1060 li#titleSite {
	display: none;
}

.leftFeature h2 {
	margin-top: -5px;
}

.leftFeature.twoLineHeading {
/* cw-Left Feature Background */
	background: #FFFFFF
	url(bg_leftFeature_heading.jpg) 0 20px  repeat-x!important;
}

.leftFeature.threeLineHeading {
/* cw-Left Feature Background */
	background: #FFFFFF
	url(bg_leftFeature_heading.jpg) 0 40px  repeat-x!important;
}

.leftFeature.shownobackground {
/* cw-Left Feature adding no background */
	background: #FFFFFF!important;
}

.rightFeature h2 {
	margin-top: -5px;
}

.rightFeature.twoLineHeading {
/* cw-Right Feature Background */
	background: #FFFFFF
	url(bg_rightFeature_heading.jpg) 0 20px repeat-x!important;
}

.rightFeature.threeLineHeading {
/* cw-Right Feature Background */
	background: #FFFFFF
	url(bg_rightFeature_heading.jpg) 0 40px repeat-x!important;
}

.rightFeature.shownobackground {
/* cw-Right Feature adding no background */
	background: #FFFFFF!important;
}