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

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2009
'Date --- Init Reason------------------------------------------------------
'28/08/08 DB restarted for ComWeb 4.4
'15/09/08 DB added new feature of min-height to the #content so that pages with minimal content don't look small.
'18/09/08 DB added display inline-block to #content to prevent the rightContent from jumping
'23/10/08 DB added footerNav li:hover and li.iehover
'19/11/08 DB removed padding top and bottom from a:link:hover and a:link:active
'19/11/08 DB made TOC font-size increase from .9 to 1em, but kept .9 on TOCHorizontal
'03/12/08 DB added rightmargin to body#leftMainRight.framed1 #mainContent to prevent the maincontent from wrapping under the rightContent
'03/12/08 DB increased line height for both leftFeature and rightFeature from 1.2 to 1.8
'03/12/08 DB added a.bold, JP prefers this to the strong tag for cosmetics
'03/12/08 DB removed css filters and added to ie.css
'29/01/08 DB repositioned x-positon from 220px to 210px for #leftMain #mainContent, #leftMainRight #mainContent, #titleBlock, #breadcrumbs
'29/01/09 DB increased the innerContainer min-width from 760px to 900px
'05/02/09 DB added code for invisibility of instanceNav ul ul
'04/03/09 DB removed mainRight rightContent border:none;
'01/04/09 DB altered default value of #searchContainer p
'01/04/09 DB added z-index 99 to titleBlock and 98 to #breadcrumbs so they will be layered beneath flyouts from a multi-level instance or primary navigation menu
'01/04/09 DB removed text-alignment from #leftContent h1
'30/04/09 DB added back position:relative to body#leftMainRight.framed1 #mainContent
'30/04/09 DB added back image gallery film-strip code
'30/04/09 DB improved method for position of #headerTail #TOCHorizontal by changing from using margin to using padding.
'20/05/09 DB replaced cursor: hand with cursor: pointer
'08/07/09 DB moved the footer out of the outercontainer using negative margin to allow the transparency effect over the body background
'16/07/09 DB applied client revisions: repositioning footer and footer elements, coloring anchors,
'17/07/09 DB removed padding-bottom from leftFeature and rightFeature, to allow rightFeature TOC
'23/07/09 DB applied right-margin to mainRight mainContent to prevent flow around beneath the rightContent
'23/07/09 DB altered dimensions of TOC in rightFeature to make more consistent between IE7 and IE6
'23/07/09 DB uploaded to production
'23/07/09 DB reduced left and right margins of outercontainer from 100 to 50px, in order to fit more content in a 1024px screen.
'30/07/09 DB removed links from underlines from anchors and visited anchors
'---------------------------------------------------------------------- --->

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

/* COLOURS 

brown
837248

olive
8F8A50

teal
508F80

rhubarb
8C4E70

indianRed
8C514E

blue
294D64

goldenRod
D2A344

*/

/*============================================================================
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: #240A0B
	url(bg_body.jpg) 0 0 fixed;
	font-size: 75%;
	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:#837248;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-top:0;
	font-weight: normal!important;
}

h2 {
/* cw-Page Heading Level 2 */
	color:#837248;
	font-size: 1.6em;
	font-weight: normal!important;
}

h3 {
/* cw-Page Heading Level 3 */
	color:#837248;
	font-size: 1.4em;
	font-weight: normal!important;
}

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

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

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

.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;/*for IE5 and 6 only, see preceeding declaration comment */
	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;
	text-decoration: none;
}

/* 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: #103994;
	font-weight: normal;
	text-decoration: none;
}

a:link:visited {
/* cw-Page Links Text */
	color: #103994;
	text-decoration: none;
}

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

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

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

/* prevent borders and/or hover backgrounds on linked images */
a img,
:link img,
:visited img { 
	border-style: none;
	margin: 0;/*to reduce the space around image icons */
 }
 
a img.icon,
:link img.icon,
:visited img.icon { 
	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: 245px;
	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: 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: 0px 20px 0px 0px;/* right margin to clear the rightContent*/
	padding: 10px 0px 10px 250px;/*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 three columns: left content, main content, right content*/

#leftMainRight #leftContent {
	float: left;
	width: 245px;/* visual distance required is 205px. Increase this by the pixel additions for margins, padding and borders on leftFeatures */ 
	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: 245px;/* visual width of rightFeature plus any rightFeature margins*/
	padding: 0 0 10px 0;
	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-color: 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: 0px 250px 0px 0px;/* right margin to clear the rightContent*/
	padding: 10px 0px 10px 250px;/*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;
	background: transparent
	url(bg_contentDivider.gif) 0 0 repeat-y;/*curtain-drop graphic to provide right column divider*/
}

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

#mainRight #leftContent {
	display: none;
}

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

#mainRight #mainContent {
	margin: 0 245px 0 20px;/*Assigning margin-right removes flow around beneath the right content. 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: 0px;
	right: 0px;
	height: auto;
}

#outerContainer {
	text-align: left; /*converts the text-alignment back to left-align, ie. because the body tag above is intentionally originally set to center */
	margin: 30px 50px 150px 50px;/*centering using auto, gte IE6 invokes a horizontal scrollbar*/
	padding: 0 0 0 0;
	height: auto;
	width: auto;
	background: #FFFFFF;
	min-width: 990px;/*for compliant browsers*/
}

body.framed0 #innerContainer,
body.framed1 #innerContainer {
/* cw-Page Background */
	background: transparent;
	margin: 0 auto;/*centering*/
	width: 100%;
	position: relative;
	min-width: 960px;/*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*/
	margin-bottom: -110px;/*adjustment for the relationship of outercontainer and 70px high footer*/
}

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

#header {
	height: 160px;/* background image height (136px) + navigation height (25px)- borders (1px)*/
	position: relative;
	width: auto;
	z-index: 100;/*so that the navigation is always layered above the content below*/
/* cw-Header Background */
	background: #160202
	url(bg_header.jpg) 0px 0px no-repeat;
	margin-bottom: 50px;
	border-left: 1px solid #000;
}

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

#headerLead {
	margin: 0px;
}

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

#searchContainer {
	width: auto;
	height: auto;
	float: right;
	position: absolute;
	top:80px;
	right: 10px;
/* 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;
}

/*============================================================================
upper navigation area
============================================================================*/

#upperNavigation {
	height: 0px;
/* cw-Upper Navigation Bottom Border  
	border-bottom-color: #4D6185;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
	width: auto;
/* cw-Upper Navigation Background */
	background: transparent; 
	/*url(lightRounded.gif) center bottom repeat-x;*/
	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: transparent
	url(darkRounded.gif) 0 0 repeat-x;
	margin:0;/*IE requires explicit margin on all levels of list*/
	width: 100%;
	font-size: 1em;
	padding: 0;
}

#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 #000000;
	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 #000000;
}

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

#instanceNav ul ul {
display:none;
}


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

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

#referenceLinks {
	float: left;
	margin:0;/*IE requires explicit margin on all levels of list*/
	zfont-size: .9em;
	position:relative;
	top:-21px;
}

#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: #666666;
	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:#FFF!important;
}

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


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

#orgHierarchyNav {
    position: absolute;
	top:-20px;
	right: 0px;
	font-size: .9em;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	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;
	text-transform: uppercase;
}

#orgHierarchyNav li {
	display: inline;
	white-space: nowrap;
/* cw-Org Hierarchy Nav Links Vertical Lines */
	border-left-color: #666666;
	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: #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: 20px;
	left: 178px;
	margin:0;
	padding:0;
	z-index: 99;
}

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: bold;
	margin:0;
	padding:0;
}

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

#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;
	font-size: .9em !important;
}


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

#identity {
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 99;
	padding: 0;
	width: 140px;/* minimum the width of the logo graphic */
	height: 105px;/* minimum the height of the logo graphic */
	text-align: center;
/* cw-Identity Background */
	background: transparent;
	overflow: hidden;
 }
 
 body.framed2 #identity {
	top: 0px;
 }
 
 #identity img {
	margin: 0;
}

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

/*specifically remove link from around a linked identity logo image */
 #identity a img,
 #identity :link img,
 #identity :visited img { 
	border-style:none;
 }

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

#feature { 
	margin: 0;
	padding: 0;
	background: transparent
	url(bg_feature_army_logo.gif) repeat-x 0 0;
	width: 260px;
	height: 75px;
	position: absolute;
	top: 45px;
	right: 20px;
}
 
#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: 0;
	overflow: visible;
/* cw-Horizontal Menu Strip Background */
	background: transparent
	url(bg_horizontal_nav.gif) repeat-x 0 0;
	height: 25px;
	/* cw-Horizontal Menu Strip Border Top 
	border-top-color: #174BB9;
	border-top-width: 1px;
	border-top-style: solid;*/
	/* cw-Horizontal Menu Strip Border Bottom 
	border-bottom-color: #174BB9;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
}

/*============================================================================
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: 98;/*to appear layered beneath any flyouts from multi-level navigation, whether instance or primary navigation */
}

#headerTail #breadcrumbs {
/*relative to headertail, in horizontal version*/
	top: 30px;
	left: 10px;
}

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

#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: #103994;
	text-decoration: none;
	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: #F6ECE2;
}


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

#TOC {
	padding: 0;
	margin: 0!important;/*IE requires explicit margin on all levels of list*/
	position: relative;
	font-size: 1em;
	width: auto;
	z-index: 99;/*keep above rightcontent in case a rightcontent graphic is required to appear beneath */
}


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

#TOCHorizontal {
	position: absolute;
	top: 50px;
	right: 8px;
	padding : 0;
	margin:0;/*IE requires explicit margin on all levels of list*/
	font-size: .9em;
}

#headerTail #TOCHorizontal {
    padding-left:10px!important;
}

#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 */
	padding: 0;
/* cw-TOC Horizontal Links Vertical Lines */
	border-left-color: #4D6185;
	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: #103994;
	text-decoration: none;
	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: #F6ECE2;
	text-decoration: underline;
}



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

#content {
	padding: 0!important;
	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; /*remove if require a background image */
	z-index: 97;
	min-height: 300px;
	background: transparent url(bg_contentDivider.gif) top right repeat-y;/*curtain-drop graphic to provide right column divider*/
}

#main #content {
	background-image: none;/*remove left content divider*/
	}
	
#main #mainContent {
	background-image: none;/*remove right content divider*/
	}
	
#leftMain #content {
 	background: transparent
	url(bg_contentDivider.gif) 0 0 repeat-y;/*curtain-drop graphic to provide left column divider*/
 	}
 	
body.SiteMap #content 
{
    background-image:none;/*remove right content divider*/
}

body.SiteMap #main #mainContent {
	background-image: none;/*remove right content divider*/
	}


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

#leftContent h1 {
/* cw-Left Content Heading Level 1  */
	color:#002D4B;
	font-size: 1.2em;
}

#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 {
    display:none;
}

#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: #837248;
	border-width: 1px;
	border-style: solid;*/
/* cw-Left Feature Background */
	background: #9F835D
	url(bg_feature_default.gif) 0 0 repeat-x;
	margin: 10px 20px 10px 20px;
	padding: 0 0 0 0;
	width: auto;
	font-size: .9em;
	line-height: 1.8em;
	clear: both;
}

.leftFeatureInner {
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.leftFeature h2,
.leftFeature h3 {
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-top: 0;
}

.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 {
    font-size: .8em;
    text-transform: uppercase;
    font-family: "Arial Narrow";
/* cw-Left Feature Section Heading */
    background: #534938
    url(bg_headings_brown.gif) 0 0 repeat-x;
    padding: 7px 10px 5px!important;
    color: #FFF;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
	display: block;
	margin: 0;
}

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

.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: #837248;
	border-width: 1px;
	border-style: solid;*/
/* cw-Right Feature Background */
	background: #9F835D
	url(bg_feature_default.gif) 0 0 repeat-x;
	margin: 10px 20px 10px 20px;
	padding: 0 0 0 0!important;
	width: auto;
	font-size: .9em;
	line-height: 1.8em;
	clear: both;
 }
 
.rightFeatureInner {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
 
.rightFeature h2,
.rightFeature h3 {
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-top: 0;
}

.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 {
    font-size: .8em;
    text-transform: uppercase;
    font-family: "Arial Narrow";
/* cw-Right Feature Section Heading */
    background: #534938
     url(bg_headings_brown.gif) 0 0 repeat-x;
    padding: 7px 10px 5px!important;
    color: #FFF;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
	display: block;
	margin: 0;
}

.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 {
	background: transparent;
}

#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*/
	display: block;
}

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

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



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

#pageFoot {
/*not used by default, is a good place to put decorative page-bottom design elements*/
}
 
#footer {
	text-align: left;
	margin: 0 0 0 0;
	width: auto;
	padding: 10px 20px 20px 20px;
/* cw-Footer top border 
	border-top-color: #837248;
	border-top-width: 2px;
	border-top-style: solid;*/
/* cw-Footer Bottom Border  
	border-bottom-color: #837248;
	border-bottom-width: 2px;
	border-bottom-style: solid;*/
/* cw-Footer background */
	background-color: #FFFFFF;
	z-index: 10;/*must be lower than the innercontainer. stops nav underlapping and menu images overlapping footer*/
	position: relative; /*set positioning context for footerNav */
	top: 120px;
	min-height: 70px;
/* CSS3 standard */
    opacity: 0.6;
}

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: #000000;
	}
	
#footerInfo a {
/* cw-Footer Links Text */
	color: #0054E3;
}

#footerInfo a:hover {
/* cw-Footer Links Hover Text */
	color: #0054E3;
	background: transparent;
}

#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:5px;
	list-style-type: none;
	padding:0;
	margin:0;
	text-transform: capitalize;
}

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

#footerNav li:hover,
#footerNav li.iehover {/* we do not yet have markup to support .iehover in footernav */
	background: transparent;
}

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

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

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

/* film-strip-style */

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

/*============================================================================
Non-Standard Sample Additions
============================================================================*/

/* Section groups and tabs */

.sectionGroups {
    width: 100%;
}

.groupLeft {
    width: 49%;/*slightly less than 50% to avoid calculation / rounding pushing the groupRight underneath groupLeft*/
    float:left;
}

.groupRight {
    width: 49%;/*slightly less than 50% to avoid calculation / rounding pushing the groupRight underneath groupLeft*/
    float:left;    
}

.sectionGroups .section {
    margin-right: 20px!important; 
}

.sectionGroups .section h2 {
    /*background-image: url(feature_top_left_corner.gif);
    background-position: 0 0;
    background-repeat: no-repeat;*/
}

.sectionGroups .section .pageTop {
    display:none;  
}

#tabs {
    padding-bottom:0;
    background: url(rule.gif) bottom left repeat-x;
    border-bottom: none;
}

span.tab {
    border: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    display:block;
    float:left;
    margin-left: 10px;
    margin-bottom: 0px;
    background: #EEE;
    z-index:100;
    color: #666;
    cursor: pointer;
}

span.currentTab {
    background: #FFF;
    border-bottom: 1px solid #FFF;
    color: #000;
}

ul#footerNav div.validXHTML{
	background-image: url(../images/valid-xhtml10-blue.png);
	background-repeat : no-repeat;
	height: 31px;
	width:88px;
	position: absolute;
	left : 0px;
	margin-top : 5px;
}

ul#footerNav div.validCSS{
	background-image: url(../images/valid-css-blue.png);
	background-repeat : no-repeat;
	height: 31px;
	width:88px;
	position: absolute;
	left : 94px;
	margin-top : 5px;
}

div.leftFeature div.validXHTML{
	background-image: url(../images/valid-xhtml10.png);
	background-repeat : no-repeat;
	height: 31px;
	background-position : center center;
}

div.leftFeature div.validCSS{
	background-image: url(../images/valid-css.png);
	background-repeat : no-repeat;
	height: 31px;
	background-position : center center;
	margin-top : 5px;
}

#testsize {
    display:none!important;
    }