/*
This style sheet contains all IE filters (which do not pass W3C validation).

'<!--- ---------------------------------------------------------------------
'Sites Style Sheet               CompuCraft Software Solutions (c) 1999-2009
'Date --- Init Reason-------------------------------------------------------
'20/02/09 DB started file and sychronised relevant areas with SampleV4 ie.css
'25/02/09 DB added declaration for leftMain leftContent, to apply a pixel-width for the leftFeature to auto-width fill
'02/12/09 DB removed 1px height from #leftMain.framed1 #mainContent (it was causing the mainContent to move across more than 200px)
'02/12/09 DB removed width from IE6 innercontainer (was causing big horizontal scrollbar)
'02/12/09 DB altered padding for body#leftMainRight.framed1 #mainContent (it was causing the mainContent to move across more than 200px)
'02/12/09 DB altered padding-top for #leftMain #mainContent
'03/12/09 DB reverted oversized content control on the feedback form, to allow it to expand (IE6 only)
'03/12/09 DB added rules to supply different body.home mainContent positions for IE6, IE7 and IE8
'03/12/09 DB added the fix for #content being stretched in IE8
'---------------------------------------------------------------------- --->

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

/* THE FOLLOWING IE FILTERS ARE USED:

/* IE8-only: html>/**/body     
/* IE7-only: *+html
/* IE6-only: _property

/*============================================================
Declarations for Master.css
============================================================*/

/* Targetting pre-IE7 only */
p {/* to assist with the 'extra spacing' allowable in the ComWeb page builder. 2 br tags seem to equal 1 full line-height */
	_margin-bottom: 1.6em;
}

/*Targetting pre-IE7 only*/
a:link:hover, a:link:active {
	padding: 0;/*so that only hovered list items use the padding, NOT images*/
}
 
/*Targetting pre-IE7 only*/
#leftMain #content {
	_height: 1px;/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html. Uses Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
	_position:relative;/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	_margin-top: 0px;/*IE requires margin to move it down (padding forced the right content down as well). Conversely, firefox requires using padding for same effect */
}

#leftMain #leftContent {
	*margin-top: 0px;/*Targetting IE 6 and 7, IE requires margin to move it down (padding forced the right content down as well). Conversely, Firefox requires using padding for same effect */
	_margin-top: 30px;/*Targetting IE 5 and 6, IE requires margin to move it down (padding forced the right content down as well). Conversely, Firefox requires using padding for same effect */
    _width: 158px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of leftFeatures */
}
	
/*Targetting pre-IE7 only*/
#leftMain.framed0 #mainContent,
#leftMain.framed1 #mainContent {
	_position:relative;/*Invokes 'hasLayout' mode, and stops the section 'jog' when the page loads*/
/*Holly Hack, pre-IE7 only, to force to fix the three-pixel text-jog bug */
/*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
/*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
	/*_height: 1px;putting the height on moved the maincontent across*/
}

/*IE6 only, adjust the position of the top of the main content */
body#leftMain.framed0.home #mainContent,
body#leftMain.framed1.home #mainContent {
	_margin: 10px 0 10px 0;
}

/*IE7 only, adjust the position of the top of the main content */
*+html body#leftMain.framed0.home #mainContent,
*+html body#leftMain.framed1.home #mainContent {
	margin: 30px 0 10px 0;
}

/*IE8 only, adjust the position of the top of the main content */
html>/**/body#leftMain.framed0.home #mainContent,
html>/**/body#leftMain.framed1.home #mainContent {
	margin: 10px 0 10px 0;
}

/*Targetting pre-IE7 only, to alter the original settings above*/
#leftMain #mainContent,
#leftMain #mainContent {
    _padding-top: 30px!important;
	_margin-top: 30px;/*IE requires margin to move it down (padding forced the right content down as well). Conversely, firefox requires using padding for same effect */
}

/*Targetting pre-IE7 only*/
 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
 /*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
#leftMainRight #content {
	 _height: 1px;
}

#leftMainRight #leftContent {
	_width: 158px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of leftFeatures */
}

#leftMainRight #rightContent { 
	_width:248px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of rightFeatures */
}

/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
/*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
body#leftMainRight.framed0 #mainContent,
body#leftMainRight.framed1 #mainContent {
	 _height: 1px;
	 _padding: 10px 0px 10px 20px;
}

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

/*Targetting pre-IE7 only*/
#mainRight #mainContent {
	_padding-top: 0;
	_margin: 30px 0 10px 0px;/*IE requires margin to move it down. Padding forced the right-content down as well. Conversely, firefox requires using padding for same effect (see rule above)*/
}

/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
/*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
#mainRight #mainContent {
	 _height: 1px;
}

#mainRight #rightContent { 
	_width:248px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of rightFeatures */
}

/*Targetting pre-IE7 only*/
#mainRight #rightContent { 
/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
	_position:relative;
/*end prevent IE peekaboo bug*/
}

/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
/*Holly Hack, pre-IE7 only, to force into hasLayout mode and fix the peekaboo bug*/
#main #mainContent {
	 _height: 1px;
}

body.framed0 #innerContainer,
body.framed1 #innerContainer {
	_margin: 0 29px 0 49px;/* For IE only, different right-margin width to IE addition of space */
	/*_width:100%; For IE6 only */
}

/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, pre-IE7 only, to force into hasLayout mode and fix the peekaboo bug*/
#innerContainer {
	_height: 1px;/*prevents IE bug from overlapping of footer*/
}

.searchTextField {
	*top:0;/*IE7 only */
}

#submitButtonName {
    *margin-left: 0px;
}
	
#headerTail 
{
	_height: 34px;
}

#content {
	_height: 300px; /* for IE6, acts the same as a min-height, ensuring that pages with little or no content are a substantial size */
    display:inline-block; /*required for IE7 only, but doesn't harm IE6, prevents the child #rightContent from 'jumping'. See the next rule as well */
}

/*Combines with rule above. Required for IE7 only. When the content is displayed inline-block, it pushes the maincontent down, so we counter it */
 *+html body.home #mainContent 
{
    margin-top:0px!important;
}

/* IE8-only */
html>/**/body #content {
    border-left: 1px solid transparent;/* overcomes a bug which stretches content wider than the viewport, invoking a large horizontal scrollbar */
    width: 99.9%;/* 100% invoked a scrollbar */
}

 /*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
.leftFeature {
	_height: 1px;
}

/*preventing the IE peekaboo bug, see http://www.positioniseverything.net/explorer/peekaboo.html*/
  /*Holly Hack, pre-IE7 only, to force into 'hasLayout' mode and fix the peekaboo bug*/
.rightFeature {
	_height: 1px;
}

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

/*============================================================
Declarations for MainContent.css
============================================================*/

 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
.section {
	_height: 1px;
}
 
 /*IE only, to force to fix the guillotine bug */
 /*preventing the guillotine bug, see http://www.positioniseverything.net/explorer/threepxtest.html and http://css-class.com/articles/explorer/guillotine/index.htm*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
.section p {
	_height: 1%;
}

.pageTop {/*for IE6 only */
    _top: 8px;
	_padding: 0;
	_height: 1px;
}

table {
 	margin-left: 0;/*for IE6 and 7 */
}

/*Targetting IE only, to accommodate differences in treatments of tables*/
table {
	_border-collapse: collapse;/*enables single-width borders between table cells */
	_font-size: 1em;/*IE6 ignores the default body font-size, must be respecified here. 1em sets whatever the percentage is already set in the body rule*/
}

/*Targetting IE only,  to supply different widths*/
#Banner5,
.Banner5 {
	_border-top-width: 2px;
	_border-bottom-width: 2px;
}

  /*Holly Hack, IE only, to force into 'hasLayout' mode and fix the peekaboo bug*/
.Banner1, 
.Banner2,
.Banner3,
.Banner4,
.Banner5 {
	_height: 1px;
	_width: auto;
}

.indent.cwContainer {
    _padding-top: 10px;
}

 /*Holly Hack, IE only, to force to fix the three-pixel text-jog bug */
 /*preventing the three-pixel text-jog bug, see http://www.positioniseverything.net/explorer/threepxtest.html*/
 /*as a bonus, it also forces IE into 'hasLayout' mode, thus rendering the line beneath the sections properly, fixing the peekaboo bug*/
.cwContainer .IE-3pxJogFix {
	_height: 1px;
}

div#LatestNews {
    overflow-y: hidden!important;
    overflow-x: hidden!important;
    overflow: hidden;/* Prevent the oversized-content css rules from invoking scrollbars */
}

/*Fix for the IE 6 float drop italic bug, for more information, see http://www.positioniseverything.net/explorer/italicbug-ie.html*/
/*may be redundant because the following declaration block (allowing oversized content) - which is necessary - reverts some of these settings */	
#mainContent .section { 
	_overflow: visible;
	_height: 1%;
	_width: auto;
	}

/* Allow oversized content */
#mainContent .section,
.leftFeature,
.rightFeature {  
    _overflow-x:auto;/* invoke the horizontal scrollbar if content is larger than parents can go, or when when browser is resized so the parent is dynamically smaller than the content */
    _overflow-y:hidden; 
    _height: auto!important;/* stop previous holly hacks from collapsing the height to 1px*/
    _width: 99%;/* For IE6, constrain to 99% of available parent width, instead of forcing wider */
}

/* IE6, revert oversized content on the feedback form, to allow it to expand */
#FeedbackIncBot.leftFeature {  
    _width: auto;/* For IE6, constrain to 99% of available parent width, instead of forcing wider */
}

/* IE7, allow oversized content */
body>div .section,
body>div .leftFeature,
body>div .rightFeature {
    overflow:auto;
    overflow-x:auto;
    overflow-y:hidden;  
}


/*============================================================
Declarations for MenuHorizontal.css
============================================================*/

/* establish general styles */
#headerTail #menuList,
#headerTail #menuListLG1 { 
    _bottom: 7px;/*for IE6*/
    padding: 0;
}

#headerTail #menuList ul ul { /* all submenu levels beyond first level unordered lists */
	_padding-right: 0px ;
}

/*Targetting IE only */
#headerTail #menuList ul ul a {  /*	only applies to anchors within list items of fixed widths */
	_width:100%;/* for IE5.x/Win, needs a width to be full-width-clickable, and will extend to the size of the parent li. Since the top level menus are not fixed widths does not apply to them, so this rule is nested deeper.*/
	_padding: 6px 15px;/*space above and to the sides of the anchor words*/
	_line-height: 1.2em;
}

/*Targetting IE only */
/* star-html filter combined with backward-slash filter, targets IE 6 only */
#headerTail #menuList ul ul a {  /* only applies to anchors within list items of fixed widths, and is designed to help position the flyouts by reducing the anchor width in IE6*/
	_width: 13em; /*for  IE 6*/
/* this em unit needs reassessment because we can't subtract the padding for IE unless it is also originally set in ems*/
}

/*remove the arrow, since IE6 does not understand adjacent selectors (in MenuHorizontal.css) */

#headerTail #menuList li.currentPage a 
    {
    xbackground-image: url(bg_nav_level1_current.gif)!important;
    }

/*============================================================
Declarations for MenuVertical.css
============================================================*/	
	
/*Targetting IE6 only, to adjust the doubled float-margin bug*/
/*adjusting the doubled float-margin bug, see http://www.positioniseverything.net/explorer/doubled-margin.html*/
#leftContent #leftNavigation #menuList {
	_margin: 0 5px 0 5px;
}

/*Targetting IE6 only */
#leftContent #leftNavigation #menuList ul { /*affects overall unordered list and submenu unordered lists only*/
	_width: 158px!important;
}

/*Targetting IE6 only, to fix Box Model issues */
#leftContent #leftNavigation #menuList ul li a {
	_width: 138px!important;/* in addition, IE requires the border widths to be subtracted */
}
	
/*For IE7 only, to fix the sticky flyout menus. Applies hasLayout.*/	
#mainMenu li:hover {
    min-height:1%!important;
}

/*============================================================
Declarations for MenuText.css
============================================================*/

/*Targetting IE only, to adjust the doubled float-margin bug*/
  /*adjusting the doubled float-margin bug, see http://www.positioniseverything.net/explorer/doubled-margin.html*/
#leftNavigation #menuList {
	_margin: 0 5px 0 5px;
}

/*============================================================
Declarations for MenuTree.css
============================================================*/

/* none */

/*============================================================
Declarations for newsTicker.css
============================================================*/

div.NewsTicker {
_width:210px;/*From the overall leftContent or rightContent width subtract the scrollbar width (18px), and the padding of the leftFeature or rightFeature (in master.css) */
}

div.IE-3pxJogFix_NewsTicker {
    _width:90%!important; /* for IE6, combines with padding-right to make 100%, stops the text going under the scrollbar */
    _height:100%!important;/*using underscore hack, change to percentage to suit IE6*/
    overflow:hidden;/* for IE6 and IE7, using star hack, reverse the auto, change to none */
    overflow-y:scroll;/* always invoke vertical scrollbar*/
    _padding-right: 10%;/* for IE6, combines with overall width to make 100%, stops stop the text going under the scrollbar */
}

/*============================================================
Declarations for i_ClientPreferences.css
============================================================*/

marquee {
	padding: 1em;
}

/*============================================================
Declarations for print.css
============================================================*/

/* none */



/*============================================================
Temporary
============================================================*/

#banner {display:none;}