/* This style sheet contains all IE filters (which do not pass W3C validation). ' 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 FOR IE6, 7 AND 8: /* IE8-only: html>/**/body /* IE7-only: *+html /* IE7 and IE6 only: *property /* 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, so set to same as the body line-height */ _margin-bottom: 1.6em; } /*Prevent hover jump*/ a:link:hover, a:link:active { padding: 0;/*needs to be zero 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 */ _position: relative;/* IE only, invoke 'hasLayout' so the leftContent floats above the the maincontent, not enough simply to use z-index */ } /*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 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; } /*IE6, position the mainContent*//*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; _position: relative;/*for IE Win, to force into 'hasLayout' mode, to stop the section 'jog' when the page was loading*/ } /*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 */ } #leftMainRight #leftContent { _width: 158px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of leftFeatures */ _position: relative;/*for pre-IE7 only, invoke 'hasLayout' so the leftContent floats above the the maincontent, not enough simply to use z-index */ } #leftMainRight #rightContent { _width:248px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of rightFeatures */ _position: relative;/*for IE only, firefox allows the section rules to layer beneath it, otherwise they run on top, regardless of z-index*/ } /*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; _position: relative;/*for IE Win, to force into 'hasLayout' mode, to stop the section 'jog' when the page was loading*/ } #mainRight #rightContent { _width:248px;/* adjust for IE6, reduce by the amount of left-and-right padding, borders and margins of rightFeatures */ _position: relative;/*for IE only, firefox allows the section rules to layer beneath it, otherwise they run on top, regardless of z-index*/ } /*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; } #main #mainContent, body.SiteMap #mainContent { /*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*/ } 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*/ } /*IE7 only */ *+html .searchTextField { top: 0; } #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'*/ /*Holly Hack, IE only, to force into hasLayout mode and fix the peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/ _position: relative;/* remove if require a background image */ } /*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; } #changeMenu { /*preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/ _position: relative; /*end prevent IE peekaboo bug*/ } /*============================================================ Declarations for MainContent.css ============================================================*/ /*Holly Hack, IE only, 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 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: 1px; /*For IE6, preventing the IE peekaboo bug, see http: //www.positioniseverything.net/explorer/peekaboo.html*/ _position: relative;/*invoking 'hasLayout' correctly positions the backToTop button */ /*end prevent IE peekaboo bug*/ _clear: none; /* revert a fix we installed for non IE6 sites */ } .pageTop {/*for IE6 only */ _top: 8px; _padding: 0; _height: 1px; } /*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*/ margin-left: 0!important;/*bring the margin back from -1px*/ } /*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 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 (unfortunately it also voids the IE6 italic bug fix, see declaration block immediately above */ #mainContent .section, .leftFeature, .rightFeature { overflow: auto;/* declaration was used within the non IE reference in mainContent.css. IE7 uses it. */ _overflow-x: auto;/* for IE6, invoke the horizontal scrollbar if content width is larger than parent, or when browser is resized so the parent is dynamically smaller than the content */ overflow-y: hidden;/*required by both IE6 and IE7*/ _height: auto!important;/* stop previous holly hacks from collapsing the height to 1px*/ _width: 100%; } /* Allow oversized content, modify width for IE6, prevents dropdown effect in layouts with fluid content when resizing browser smaller */ #mainContent .section { _width: 98%;/* For IE6, constrain to 98% of available parent width, instead of forcing wider. Be aware, this may not work for fixed layouts in IE6, and may work if % is decreased substantially, eg. 80% */ } /* 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 */ } /*============================================================ 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-margin float bug*/ /*adjusting the doubled-margin float 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-margin float bug*/ /*adjusting the doubled-margin float 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 the text going under the scrollbar */ } /*============================================================ Declarations for i_ClientPreferences.css ============================================================*/ marquee { padding: 1em; } /*============================================================ Declarations for calendar.css ============================================================*/ * html table.eventsCalendar td div.scroll { height: 350px; overflow-y: scroll; } /*============================================================ Declarations for print.css ============================================================*/ /* none */ /*============================================================ Temporary ============================================================*/ #banner {display:none;}