/*
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------------------------------------------------------
'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
'09/07/09 DB removed rule for managing the size of the anchor in the rightContent, was causing havoc with h2 a.
'23/10/09 DB commented out padding on hovered and active links as it was collapsing the nav top level
'05/11/09 DB removed spacing at top of left and rightFeatures
'05/11/09 DB standardised settings for left and rightFeature h2 and h3
'05/11/09 DB removed padding-top of leftMain leftContent and leftMainRight leftContent
'05/11/09 DB increased line-height for leftContent p, leftContent li, and rightContent p, rightContent li
'05/11/09 DB removed display: block from #TOCVertical ul li to reveal bullet points in IE8 and Firefox
'05/11/09 DB added p#TOCVerticalTitle element to allow consistent spacing across browsers
'12/11/09 DB ran a CSS tidy to standardise spacing in declarations
'06/01/10 DB increased specificity for border removal from linked images
'13/01/10 DB updated style sheet copyright date to 2010
'13/01/10 DB ran an extended CSS tidy
'13/01/10 DB increased specificity of border prevention on images within anchors
'13/01/10 DB removed IE5 and IE6 filters for floatClearing
'14/01/10 DB moved groups and tabs code to MainContent.css
'14/01/10 DB capitalized headings of code groupings
'21/04/10 DB edited link cw-editor comments
'21/04/10 DB added rightContent a to the rightContent p and rightContent li treatments
'29/04/10 DB opened the mistakenly closed gap before the colon in #identity:link
'29/04/10 DB added z-index to #TOCHorizontal
'12/08/10 DB added bgd colour to #perimeter
'12/08/10 DB edited width and min-width of #outerContainer
'16/08/10 DB added margin top to #outerContainer
'16/08/10 DB removed #footer border and background info
'16/08/10 DB changed #footer width to 980px
'16/08/10 DB altered margin to be auto left and right (centering technique)
'16/08/10 DB edited #footer font colours for p and a
'16/08/10 DB edited #footerNav and #footerInfo font colours for p and a
'16/08/10 DB added central cloud graphic to html selector
'16/08/10 DB added left cloud graphic to body selector
'16/08/10 DB added right cloud graphic to perimeter selector
'16/08/10 DB adjusted #identity position and scale
'16/08/10 DB adjusted #instanceNav height, position and background image
'16/08/10 DB adjusted #upperNavigation height to 0 to make the light bevelled graphic disappear
'16/08/10 DB adjusted appearance and position of #searchContainer
'16/08/10 DB adjusted #instanceNav ul position, li and anchor heights, anchor line-height
'16/08/10 DB addded #header background image
'16/08/10 DB altered display of logos to allow home to differ, using body.home #identity
'16/08/10 DB removed padding atop body#leftMain.foo #mainContent
'16/08/10 DB removed padding atop body#leftMainRight.foo #mainContent
'17/08/10 DB altered color of all h3s
'17/08/10 DB altered color of breadcrumbs li, anchor to 002C5A
'17/08/10 DB altered TOCHorizontal pipes, li and anchors to 002C5A
'17/08/10 DB altered position #titleBlock
'17/08/10 DB altered color of TOCHorizontal li, anchor to 002C5A
'17/08/10 DB removed border-bottom from instanceNav
'17/08/10 DB changed header height to align with the base of the overlapping TOCHorizontal
'17/08/10 DB added bgd image to #tocHorizontal
'17/08/10 DB adjusted height, width and padding of #TOCHorizontal
'17/08/10 DB adjusted leftmost position of #breadCrumbs
'18/08/10 DB added h2 and h3 heading treatments for left and right features
'18/08/10 DB moved margin-top to margin-bottom for both left and rightFeatures
'18/08/10 DB added leftFeature a to the selector p and li declaration block
'18/08/10 DB added backgrounds and positioning for creating the effect of tab/drawer in #footerNav. Uses #footer for bgd image as well.
'18/08/10 DB added .leftFeatureInner and .rightFeatureInner to enable section headings without ALWAYS invoking horizontal scrollbars on features
'18/08/10 DB added styles for body.site1541 #identity home page logo (large coloured version, secondary pages have small grey version)
'18/08/10 DB added styles for body.site1541 to hide titleBlock
'18/08/10 DB added styles for body.site1541 to hide breadcrumbs
'24/08/10 DB increased size of leftContent and RightContent and increased margins on mainContent to accommodate existing RAAF leftFeature and rightFeature content-images (which, without the fix, always invoke horizontal scrollbars)
'24/08/10 DB increased padding atop leftFeature and rightFeature to suit occasions where heading has been suppressed
'24/08/10 DB added De-Leon's additional divs, classes and declarations to the Non-Standard Sample Additions
'24/08/10 DB altered width of search field and search submit button to suit existing drn site
'27/08/10 DB added smallText class to leftFeature and rightFeature, enabling the reduction of text size for p, li, a
'27/08/10 DB increased overall width from 980px to 1000px to allow the mainContent to be wider (gained another 20px)
'27/08/10 DB adjusted widths and paddings of columns to increase width of mainContent (gained another 20px)
'27/08/10 DB increased the #TOCHorizontal width by 20px to account for the increased overall outerContainer width
'---------------------------------------------------------------------- --->

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 ---------------

blue grey 404C59 (eg. body bgd )
lines CCC (eg. section borders)
dark blue grey text (eg. You are here) 002C5A

/*============================================================================
GLOBAL SETTINGS - standardise across variety of browsers
============================================================================*/

html {
    background: #404C59 url(bg_clouds_top.jpg) top center repeat-x; /*as required, a curtain-drop graphic to simulate background margin or column colour*/
	padding: 0;
	margin: 0;
}

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_clouds_left.jpg) 0px 0px no-repeat; /*as required, a curtain-drop graphic to simulate background margin or column colour*/
	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: #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;
	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: #0000FF;
	font-weight: normal;
	text-decoration: underline;
}

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

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

a:link:hover,
a:link:visited:hover {/*not working in Firefox, find another method*/
/* cw-Page Links Text Hover */
	color: #0000FF;
	text-decoration: underline;
/* cw-Page Links Hover Background */
	background-color: #EEF4FE;
	/*padding: 0; commented out temporarily as it made the nav top level collapse */
}

a:link:active {
/* cw-Page Links Text Active */
	color: #0000FF;
	text-decoration: underline;
	/*padding: 0; commented out temporarily as it made the nav top level collapse */
}

/* 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: 252px;/* 270px minus (x-padding of leftContent + x-margin of leftFeatures) */
	padding: 0 10px 10px 10px;
	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*/
/* 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 0px 0 0px;
	padding: 0px 20px 10px 272px;/*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, right content*/

#leftMainRight #leftContent {
	float: left;
	width: 252px;/* 260px minus (x-padding of leftContent + x-margin of leftFeatures) */
	padding: 0px 0px 10px 10px;
	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*/
/* cw-Left Content Background */
	background-color: transparent;
	
}

#leftMainRight #rightContent { 
	float: right;
	width: 252px;/* Increase visual distance required by the pixel additions for margins, padding and borders on rightFeatures */ 
	padding: 0 10px 10px 0px;
	margin: 0 0 50px 0px;
	z-index: 99;/*keep higher than mainContent*/
	border: none;
/* cw-Right Content Background */
	background-color: #FFF;
	/*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 20px 0 0;/* large right margin to clear the rightContent, or small right margin to wrap around it */
	padding: 0px 0px 10px 262px;/*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: 252px;
	padding: 0 0 10px 0px;
	margin: 0 0 50px 10px;
	z-index: 99;/*keep higher than mainContent*/
/* cw-Right Content Background */
	background: #EEF4FE;
}

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

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

/*============================================================================
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;
    background: transparent url(bg_clouds_right.jpg) top right no-repeat; /*as required, a curtain-drop graphic to simulate background margin or column colour*/
    margin:0;
    padding:0;
}

#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: 40px 0 0 0;/*centering using auto, gte IE6 invokes a horizontal scrollbar*/
	padding: 20px 0 0 0;
	height: 100%;/* auto left a 20px gap at base, maybe related to the 20px padding */
	width: auto;
    background: transparent url(bg_pageBaseGradient.png) bottom left repeat-x; /*as required, a curtain-drop graphic to simulate background margin or column colour*/
}

body.framed0 #innerContainer,
body.framed1 #innerContainer {
/* cw-Page Background */
	background: #FFFFFF;
	margin: 0 auto;/*centering*/
	width: 1000px;
	position: relative;/*set positioning context*/
	min-width: 1000px;/*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: 130px;
	position: relative;/*set positioning context*/    
	width: auto;
	z-index: 100;/*so that the navigation is always layered above the content below*/
/* cw-Header Background */
	background: transparent url(bg_headerGradient.gif) 0 0 repeat-x;
	margin-bottom: 20px;
}

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

#headerLead {
	margin: 0px;
}

/*============================================================================
SEARCH
============================================================================*/

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

#searchForm {
	text-align: left;
}

.searchTextField {
	width: 160px;
	height: 15px;
	border: 1px solid #36424A;
	background: transparent url(bg_searchTextField.gif) repeat-x 0 0;
}

.searchInputButton {
	color: #000000!important;
	margin: 0 0 0 0;
	display: inline;
	border: 1px solid #36424A!important;
	background: transparent url(bg_searchButtonGradient.gif) repeat-x 0 0;
	padding: 0!important;
}

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

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

/*============================================================================
UPPER NAVIGATION CONTAINER
============================================================================*/

#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: #FFFFFF 
	url(lightRounded.gif) center bottom repeat-x;
	z-index: 100;
	margin: 0;
	padding: 0;
}

/*============================================================================
INSTANCE NAVIGATION
============================================================================*/

#instanceNav {
	float: left;
	position: absolute;
	top: -29px;/*rising above the innerContainer parent top border*/
	left: 0px;
	height: 29px;/*For Firefox each level requires an explicit height*/
/* cw-Instance Nav Background */
	background: transparent
	url(bg_instanceNav.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: 14px;/*For Firefox each level requires an explicit height*/
	margin: 8px 0 0 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 #AAA;
	height: 14px;/*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: 14px;/*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;
	line-height: 14px;
}

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

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

#instanceNav ul ul {
    display: none;
}


/*============================================================================
REFERENCE SITES NAVIGATION
============================================================================*/

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

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

#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: underline;
	white-space: nowrap;
	margin: 0;/*IE requires explicit margin on all levels of list*/
/* cw-Reference Links Text */
	color: #000000;
}

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


/*============================================================================
ORGANISATION HEIRARCHY NAVIGATION
============================================================================*/

#orgHierarchyNav {
	float: right;
	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;
}

#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: #000000;
	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: underline;
	white-space: nowrap;
	margin: 0; /*IE requires explicit margin on all levels of list*/
	padding: 0;
/* cw-Org Hierarchy Nav Link Text */
	color: #000000;
}

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

	
/*============================================================================
TITLE BLOCK
============================================================================*/


#titleBlock {
	position: absolute;
	top: 20px;
	left: 250px;
	margin: 0;
	padding: 0;
	z-index: 99;
}

body.site1541 #titleBlock {
	display: none;
}

body.framed1 #titleBlock {
	position: absolute;
	top: 40px;
	left: 250px;
	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: none;
}

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: 20px;
	z-index: 99;
	padding: 0;
	width: 193px;/* the width of the margin, or an 'optical' adjustment to appear centered */
	height: 45px;/* minimum the height of the logo graphic */
	text-align: center;
/* cw-Identity Background */
	background: transparent;
}

body.site1541 #identity {
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 99;
	padding: 0;
	width: 383px;/* the width of the margin, or an 'optical' adjustment to appear centered */
	height: 81px;/* minimum the height of the logo graphic */
	text-align: center;
/* cw-Identity Background */
	background: transparent url(logo_large.gif) no-repeat 0 0;
}
 
 body.framed2 #identity {
	top: 0px;
}
 
#identity img {
	margin: 0;
}

body.site1541 #identity img {
	display: none;
}

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

/*Remove link border from around linked image */
 #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: 0;
	overflow: visible;
/* cw-Horizontal Menu Strip Background */
	background: transparent
	url(largeDarkRounded.gif) repeat-x 0 0;
	height: 40px;
	/* cw-Horizontal Menu Strip Border Top */
	border-top-color: #404C59;
	border-top-width: 1px;
	border-top-style: solid;
	/* cw-Horizontal Menu Strip Border Bottom */
	border-bottom-color: #404C59;
	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: -55px;
	left: 20px;
}

body.site1541 #headerTail #breadcrumbs {
	display: none;
}

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

#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: #002C5A;
	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: #EEF4FE;
}


/*============================================================================
TOC NAVIGATION
============================================================================*/

#TOC {
	padding: 0;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	position: relative;/*set positioning context*/
	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: -30px;
	right: 0px;
	padding: 10px 20px 10px 20px;
	margin: 0;/*IE requires explicit margin on all levels of list*/
	z-index: 98;
	font-size: .9em;
	background: transparent url(bg_TOCHorizontalGradient.gif) repeat-x 0 0;
	width: 960px;/* 1000px minus x-padding*/
	min-height: 40px;/* total minus y-padding */
}

#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: #002C5A;
	border-left-width: 1px;
	border-left-style: solid;
	line-height: 1.4em;/* doesn't work for FF */
}

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

#TOCHorizontal ul a,
#TOCHorizontal ul a:visited {
/* cw-TOC Horizontal Links Text */
	color: #002C5A;
	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: #EEE;
	text-decoration: underline;
}


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

#content {
	padding: 0;
	margin: 0;
	z-index: 97;
	min-height: 300px;
}


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

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

#leftContent a,
#leftContent p,
#leftContent li {
	font-size: 1em;
	line-height: 1.6em;
}

/*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;
	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: #FFF;
	margin: 0px 10px 10px 10px;
	padding: 10px 0 0 0;
	font-size: 1em;
	line-height: 1.6em;
	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: #EEE;
	line-height: 1.2em!important;
	background: #4B667C url(bg_sectionHeading.gif) repeat-x 0 1px;
	text-decoration: none;
	display: block;
	margin: -10px 0 0 0;
	padding: 7px 20px 5px 10px;
	font-weight: normal;
	min-height: 22px;/* 37px minus y-padding */
	font-size: .9em!important;
} 

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

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


/*============================================================================
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.6em;
}

/*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: #CCC;
	border-width: 1px;
	border-style: solid;
/* cw-Right Feature Background */
	background: #FFF;
	margin: 0px 10px 10px 10px;
	padding: 10px 0 0 0;
	font-size: 1em;
	line-height: 1.6em;
	width: auto;
}

.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: #FFF;
	line-height: 1.2em!important;
	background: #4B667C url(bg_sectionHeading.gif) repeat-x 0 1px;
	text-decoration: none;
	display: block;
	margin: -10px 0 0 0;
	padding: 7px 10px 5px 10px;
	font-weight: normal;
	min-height: 22px;/* 37px minus y-padding */
	font-size: .9em!important;
}

.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;/*set positioning context for child items (breadCrumbs and TOC in vertical style navigation)*/
	overflow: visible;
}

/*============================================================================
TOCVERTICAL
============================================================================*/
#TOCVertical {
	background: transparent;
}

#TOCVertical ul {
	padding: 0;
	margin: 0 0 0 0!important;/*IE requires explicit margin on all levels of list*/
	list-style-position: outside;
}

#TOCVertical ul li {
	margin: 0 0 0 2em!important;/*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: #EEF4FE;
}

p#TOCVerticalTitle {
 	margin-bottom: 1em;
}

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

#pageFoot {
/*not used by default, is a good place to put decorative page-bottom design elements*/
}
 
#footer {
	text-align: left;
	margin: 0 auto;
	width: 940px;/* required width minus the x padding */
	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-color: #D8E4F8;*/
	z-index: 10;/*must be lower than the innercontainer. stops nav underlapping and menu images overlapping footer*/
	position: relative;/*set positioning context for footerNav */
	background: transparent url(bg_footerNavRight.png) no-repeat top right;
}

body.framed2 #footer {
	display: none;
}

#footerInfo {
	margin: 0;
	padding: 10px 0 20px 0;
}

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

#footerInfo a:hover {
/* cw-Footer Links Hover Text */
	color: #FFF;
	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: 20px;
	top: 0px;
	list-style-type: none;
	padding: 0 0 0 30px;
	margin: 0;
	background: transparent url(bg_footerNavLeft.png) no-repeat 0 0;
	height: 40px;
}

#footerNav li {
	float: left;
	padding: 7px 0 0 0;
	margin: 0 5px 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: #000;
	padding: 0 5px;
	margin: 0;
	font-size: .8em;
	text-decoration: none;
}

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


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


#submitButtonName {
	border: 1px solid #36424A!important;
	margin: -3px 0 0 -5px!important;
	background: #666 url(bg_searchButton.png) no-repeat top right!important;
	font-size: 9px;
	line-height: 9px!important;
	font-family: Arial;
	width: 120px;/* total minus x-padding */
	height: 19px;
	text-align: left;
	padding: 0px 0 0 5px;
	text-transform: uppercase;
	color: #FFF;
	position: relative;
	top:-1px;
	left: -1px;
}

.leftFeatureInner {
    margin: 0 10px 10px;
}

.rightFeatureInner {
    margin: 0 10px 10px;
}


/*********************** 
De-leon's Div and Class additions 
=DEL
***********************/

/*apply border styles to images within the main content div*/
#mainContent img.borderStyles {
	padding:3px; 
	background-color: #fff;
	border: 1px solid #666;
}


#content img.icon {
    border:none;
}

/*********************** 
END De-leon's Div and Class additions 
***********************/

/* enable small text in leftFeature and rightFeature */
.leftFeature.smallText p,
.rightFeature.smallText p,
.leftFeature.smallText li,
.rightFeature.smallText li,
.leftFeature.smallText a,
.rightFeature.smallText a {
	font-size: .7em;
	line-height: 1.4em;
}

/* prevent compound scaling in leftFeature and rightFeature */
.leftFeature.smallText li li,
.rightFeature.smallText li li {
	font-size: 1em;
}