/* Kew CSS */ * { margin: 0; padding: 0; } img { border: none; display: inline; } fieldset { border: none; } /* Base Typography ================================== */ body { font: 100% Arial, sans-serif; } body .subpage { background: #fff url(../images/css-images/content-bg.gif) repeat-x fixed left top; } p { margin: 0 0 0.75em 0; line-height: 1.3em; color: #686868; } .sub-text { font-size: 0.95em; } li { line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { font-family: Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif; font-weight: normal; color: #424240; } h1 { font-size: 170%; margin-bottom:0.5em; } h2 { font-size: 170%; margin-bottom:0.5em; } h3 { font-family: Arial, sans-serif; font-size: 144%; margin-bottom: 0.3em; } h4{ font-size: 135%; margin-bottom:0.4em; } h5{ font-family: Arial, sans-serif; font-weight: bold; font-size: 100%; } #content h1 a, #content h3 a, #content h2 a { color: #2b8006; } #content h1 a:hover, #content h3 a:hover, #content h2 a:hover { color: #2b8006; } #content h1 a:focus, #content h1 a:active, #content h2 a:focus, #content h2 a:active, #content h3 a:focus, #content h3 a:active { outline: none; color: #fff; background-color: #2b8006; } h2 span.header3 { font-size: 85%; } h2 span.header2 { font-size: 100%; } h2 span.header4 { font-size: 80%; } .header2 { font-size: 170%; margin-bottom:0.5em; } .header3 { font-family: Arial, sans-serif; font-weight: normal; font-size: 144%; margin-bottom: 0.3em; color: #424240; } .header4{ font-size: 135%; margin-bottom:0.4em; } .header5 { font-family: Arial, sans-serif; font-weight: bold; font-size: 100%; color: #424240; } .header6{ font-size: 2.2em; font-family: Georgia, sans-serif; } a { color: #2b8006; text-decoration: none; } a:hover { color: #2b8006; text-decoration: underline; } a:visited { color: #2b8006; } a:focus, a:active{ color: #fff; background-color: #2b8006; } .sub-heading-1 { color: #2b8006; } .highlighted { color: #2b8006; } /* Useful ================================== */ ul { list-style:none; list-style-image:none; list-style-position:outside; } .clear-both { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } .hr hr { display: none; } .hr { clear: both; height: 21px; background: url(../images/css-images/content/hr.gif) repeat-x center left; } .hr2 hr { display: none; } .hr2 { clear: both; height: 1px; background: url(../images/css-images/content/hr.gif) repeat-x center left; margin: 5px 0px; } .hr3 hr { display: none; } .hr3 { clear: both; height: 11px; background: url(../images/css-images/content/hr.gif) repeat-x top left; } .block-margin-top { margin-top:15px; } .block-margin-small-top { margin-top:8px; } .block-margin-bottom { margin-bottom:15px; } .block-margin-small-bottom { margin-bottom:8px; } .bold { font-weight:bold; } /* Common structural elements ================================== */ #container { margin: 0 auto; text-align: center; font-size: 0.75em; } #header-holder { background: #fff; } #header { margin: 0 auto; width: 877px; padding: 0px 0px 0px 13px; min-height: 137px; text-align: left; position: relative; } #nav { clear: both; background: #FFFAE5 url(../images/css-images/nav-bg.gif) repeat-x top left; } #no-sub-nav { height: 6px; background-color: #FFFAE5; } #masthead-holder { background: url(../images/css-images/strip-bg.jpg) repeat-x left top; /* ie6 and ie7s fix */ } #masthead-holder-bg { background: url(../images/css-images/flash-bg.jpg) no-repeat top center; padding-bottom: 6px; } #masthead { position: relative; margin: 0 auto; width: 890px; height: 298px; background-color: #000; color: #fff; overflow: hidden; } #masthead img{ position: absolute; } #masthead h1, #masthead p{ color: #fff; } #media-boxes-holder { overflow: auto; background: #f9f4e0 url(../images/css-images/promo-bg.jpg) repeat-x top left; } #media-boxes { margin: 0 auto; position: relative; width: 890px; min-height: 207px; padding: 6px 53px 0px; text-align: left; overflow: hidden; background: #f9f4e0 url(../images/css-images/promo-centre.jpg) no-repeat top left; } #content-holder { background: url(../images/css-images/green-tile.jpg) repeat-x left top; } #content-bg { padding-top: 25px; background: url(../images/css-images/leaf-bg.jpg) no-repeat center top; } #container.subpage #content { padding: 0px 24px; } #content { margin: 0 auto; position: relative; /* ie6 and ie7 fix */ width: 890px; text-align: left; padding-bottom: 20px; overflow: hidden; background-color: #fff; } #footer-holder { clear: both; background: #f7f5ea url(../images/css-images/footer-bg.jpg) repeat-x top left; } #footer { margin: 0 auto; width: 890px; min-height: 257px; padding: 17px 53px 0px; text-align: left; overflow: auto; background: #f7f5ea url(../images/css-images/footer-leaves.jpg) no-repeat top left; } /* Header styling ====================================*/ #header div.search { min-width: 425px; /* ie6 and ie7 fix */ float: right; } #header a.homelink { margin-top: 14px; } #header a.homelink:focus, #header a.homelink:active{ outline: dotted #ccc; } #header a.content-link { text-indent: -5000px; float: left; display: block; color: #000; } #skiplinkholder p { margin: 0px; } #skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited { display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2; color: #fff; background: #336; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px; } #skiplinkholder a:focus, #skiplinkholder a:active { left: 0; top: 0; z-index: 100; outline: none; } #skiptargetholder { position: absolute; left: -200%; } #header form { margin-top: 11px; } .searchform legend, .searchform2 legend{ display: none; } .searchform2 fieldset { border: 0px; margin-bottom: 20px; } .searchform fieldset { border: 0px; } .searchform2 label{ display: none; } .searchform .textbox, .searchform2 .textbox { float: left; min-width: 175px; /* ie 6 fix */ min-height: 16px; /* ie 6 fix */ color: #6d6d6d; font-size: 0.9em; font-weight: bold; padding: 2px 0px 0px 5px; margin-left: 5px; } .searchform select, .searchform2 select { float: left; min-width: 215px; /* ie 6 fix */ min-height: 18px; /* ie 6 fix */ color: #6d6d6d; font-size: 0.9em; font-weight: bold; padding: 2px 0px 0px 5px; margin: 0px 5px; } .searchform .submit, .searchform2 .submit { float: left; } .searchform label, .searchform2 label { display: none; } /* Masthead styling ====================================*/ #masthead img { top: 0px; left: 0px; } #masthead object { position: absolute; top: 0px; left: 0px; } #masthead-holder.masthead-border, #content-holder.masthead-border { border-top: 6px solid #fffae5; } /* Footer styling ====================================*/ #footer #footer-logo { float: left; min-height: 18em; /* ie6 fix */ } #footer #footer-main-logo { float: left; min-height: 18em; /* ie6 fix */ } #footer .search { float: right; margin-top: 3px; min-width: 425px; /* ie6 and ie7 fix */ } #footer #footer-logo h3{ text-indent: -5000px; display: block; width: 110px; height: 55px; background: url(../images/css-images/footer/logo2.gif) no-repeat top left; } #footer #footer-logo h2{ text-indent: -5000px; display: block; width: 110px; height: 55px; background: url(../images/css-images/footer/logo2.gif) no-repeat top left; } #footer .sub-section { float: left; min-height: 15em; /* ie6 and ie7 fix */ padding-right: 15px; margin-left: 14px; /* ie6 fix */ margin-bottom: 0px; border-right: 1px solid #d9d6c4; } #footer .sub-section h2{ color: #1E5606; line-height: 1.5em; font-family: Arial, sans-serif; font-weight: bold; font-size: 100%; text-align: right; } #footer ul { list-style: none; font-weight: bold; text-align: right; margin-bottom: 0px; } #footer ul.firstlist { border-left: none; margin-left: 0px; padding-left: 0px; width: 160px; } #footer ul li { color: #1e5606; background: none; padding-left: 0px; } #footer ul li a { color: #424240; text-decoration: none; font-weight: normal; } #footer ul li a:hover { text-decoration: underline; } #footer ul li a:active, #footer ul li a:focus { color: #fff; } #footer form { margin-top: 15px; } #footer span { clear: right; float: right; min-width: 307px; font-size: 0.8em; color: #424240; margin: 12px 0px 8px; } /* Media boxes styling ====================================*/ #media-boxes-footer { clear: both; position: relative; width: 890px; height: 17px; background: url(../images/css-images/home-content-mask.gif) no-repeat left bottom; z-index: 1; } .headline-content { float: left; position: relative; width: 215px; margin-right: 10px; min-height: 17em; margin-bottom: -32766px; padding-bottom: 32766px; } .headline-content h2 { line-height: 1.7em; } .headline-content .headline-text { padding: 0px 9px; } .headline-content .corner-mask { position: absolute; top: 0px; left: 0px; width: 215px; height: 6px; background: url(../images/css-images/home-content/corner-mask.png) no-repeat top left; } .headline-content .headline-text h2 { color: #fff; border-bottom: 1px solid #fff; font-size: 135%; margin-bottom:0.4em; } .headline-content .headline-text p { color: #fff; font-size: 0.9em; line-height: 1.3em; margin: 0.5em 0 0; } .headline-content .headline-text a { color: #fff; text-decoration: underline; font-size: 0.9em; line-height: 1.3em; } .headline-content .headline-text a:focus, .headline-content .headline-text a:active{ outline: dotted #ccc; } .headline-content .headline-text h2 a { text-decoration: none; font-size: 1em; line-height: 1.6em; } .headline-content .headline-text a:hover { text-decoration: none; } .headline-content .headline-text a:focus, .headline-content .headline-text a:active{ outline: none; background-color: #336; } #media-boxes .last-item { margin-right: 0px; } #headline-content1 { background-color: #234c08; } #headline-content2 { background-color: #2b8006; } #headline-content3 { background-color: #41535d; } #headline-content4 { background-color: #9b540d; } #headline-content5 { background-color: #870027; } #headline-content6 { background-color: #1b3452; } #headline-content7 { background-color: #424240; } #headline-content8 { background-color: #261a00; } /* Content styling ====================================*/ .five-col { width: 890px; margin-bottom: 15px; padding: 5px 0px 0px; } .four-col { width: 710px; padding: 5px 0px 0px; } .four-col-container { width: 710px; } .three-col { width: 530px; margin-bottom: 15px; padding: 5px 0px 0px; } .two-col { width: 350px; margin-bottom: 15px; padding: 5px 0px 0px; } .one-col { width: 170px; margin-bottom: 15px; padding: 5px 0px 0px; } .one-col-padding { width: 150px; margin-bottom: 15px; padding: 5px 10px 0px; } .non-js-content { min-height: 500px; /* ie6 fix */ } .content-margin-left { margin-left: 10px; } .content-margin-right { margin-right: 10px; } .content-background { position: absolute; top: 0px; right: 0px; z-index: 1; } .content-foreground { position: relative; padding-top: 0px; z-index: 2; } .content-head-1 { border-top: 9px solid #589738; } .content-head-2 { border-top: 9px solid #2a6922; } .content-head-3 { border-top: 9px solid #cecece; } .content-head-4{ border-top: 9px solid #41535d; } .content-head-5{ border-top: 9px solid #ffb312; } .content-head-6{ border-top: 9px solid #990000; } .content-head-7{ border-top: 9px solid #6190cb; } .one-col-4x3-img img { width: 170px; height: 128px; } .one-col-img { width: 170px; } .one-col-img img { width: 170px; } .two-col-img { width: 350px; } .two-col-img img, .two-col-media { width: 350px; } .three-col-img { width: 530px; } .three-col-img img, .three-col-media { width: 530px; } .four-col-img{ width: 710px; } .four-col-img img, .four-col-media { width: 710px; } .five-col-img { width: 890px; } .five-col-img img, .five-col-media { width: 890px; } .five-col-3level-img img { width: 890px; } .thumb img { width: 100px; } .blog-img img { width: 28px; height: 28px; margin: 0px 10px 0px 0px; } .blog-main-img img { width: 100px; height: 100px; margin: 0px 10px 0px 0px; } .poll-img img { width: 170px; height: 170px; margin-bottom: 10px; } .image-name { color: #686868; font-size: 0.95em; line-height: 1.7em; } .standfirst, .storyheaders { font-size:125%; margin-bottom:15px; line-height:1.2; } .storyheaders { font-size:125%; color:#2b8006; margin-bottom:15px; } .article-comments { padding-left: 20px; } ul, ol, dl { margin-bottom: 15px; } ul li, dl dt { padding-left: 15px; background: url(../images/css-images/list-item-green.gif) no-repeat 0 4px; color: #686868; } dl dd { padding-left: 30px; color: #686868; } ol li { list-style-position: inside; color: #686868; } ul li span{ display: inline-block; width: 180px; } a.external-link { padding-right: 15px; display: inline-block; background: url(../images/css-images/content/new-window1.gif) no-repeat top right; } a.external-link:focus, a.external-link:active{ color: #fff; outline: none; background-color: #2b8006; } a.external-link2 { padding-right: 15px; display: inline-block; background: url(../images/css-images/content/new-window-white.gif) no-repeat top right; } a.external-link2:focus, a.external-link2:active{ color: #fff; outline: none; background-color: #2b8006; } p.indent { padding-left: 175px; } /* Breadcrumbs styling ====================================*/ #breadcrumbs { border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 7px 0px 9px; padding-left: 8px; color: #262626; } #breadcrumbs ul{ display: inline; margin-bottom: 0px; } #breadcrumbs li, #breadcrumbs ul li { display: inline; background: none; padding-left: 0px; } #breadcrumbs .breadcrumb { margin-left: 5px; padding: 3px 0px 2px 15px; line-height: 1.9em; background: url(../images/css-images/content/breadcrumb-bg.gif) no-repeat left center; } #breadcrumbs .breadcrumb:focus, #breadcrumbs .breadcrumb:active{ color: #fff; outline: none; background-color: #2b8006; } #breadcrumbs span { color: #686868; } /* Ticker styling ====================================*/ #ticker-holder{ display: none; float: left; border-top: 1px solid #999999; border-bottom: 1px solid #999999; min-height: 22px; width: 890px; line-height: 1.8em; margin: 7px 0px 9px; color: #686868; } #ticker-holder .stats, #ticker-replacement .stats { color: #2b8006; } #ticker-holder .stats strong, #ticker-replacement .stats strong{ color: #686868; } #ticker-holder #ticker-controls { width: 95px; display: none; } #ticker-play-pause { width: 50px; height: 25px; position: relative; color: #fff; font-size: 10px; } #ticker-play-pause:focus, #ticker-play-pause:active { outline: #ccc thin dotted; } #ticker-play-pause span.ticker-pause { background: #fff url(../images/css-images/content/ticker-pause.gif) no-repeat 18px top; position: absolute; top: 0px; left: 0px; width: 39px; height: 16px; cursor: pointer; } #ticker-play-pause span.ticker-play { background: #fff url(../images/css-images/content/ticker-play.gif) no-repeat 18px top; position: absolute; top: 0px; left: 0px; width: 39px; height: 16px; cursor: pointer; } #ticker-next { width: 50px; height: 25px; position: relative; top: -1px; /* ie6 and ie7 and ie8 fix */ color: #fff; font-size: 10px; } #ticker-next:focus, #ticker-next:active { outline: #ccc thin dotted; } #ticker-next span { background: #fff url(../images/css-images/content/ticker-next.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 50px; height: 16px; cursor: pointer; } #ticker-previous { width: 50px; height: 25px; position: relative; top: -1px; /* ie6 and ie7 and ie8 fix */ color: #fff; font-size: 10px; } #ticker-previous:focus, #ticker-previous:active { outline: #ccc thin dotted; } #ticker-previous span { background: #fff url(../images/css-images/content/ticker-last.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 50px; height: 16px; cursor: pointer; } #ticker { position: absolute; top: 9px; left: 0px; float: left; height: 22px; width: 700px; overflow: hidden; padding-left: 8px; } #ticker-cover { position: absolute; top: 0px; left: 0px; width: 700px; height: 21px; background: #fff url(../images/css-images/content/ticker.gif) no-repeat left 18px; } #ticker-replacement { border-top: 1px solid #999; border-bottom: 1px solid #999; min-height: 22px; width: 890px; line-height: 1.8em; margin: 7px 0px 9px; color: #686868; } #ticker ul { position: relative; top: 0px; margin-bottom: 0px; width: 700px; } #ticker-replacement ul { margin-bottom: 0px; } #ticker-replacement ul li, #ticker ul li { height: 22px; width: 890px; padding-left: 0px; border-bottom: 1px solid #ccc; background: none; } #ticker-replacement ul li span, #ticker ul li span { width: auto; margin: 0px 3px 0px 0px; } #ticker-replacement .last-ticker, #ticker .last-ticker { border-bottom: none; } #ticker-replacement ul li.visitor-stats, #ticker ul li.visitor-stats { background: url(../images/css-images/content/news-icon.gif) no-repeat 0 50%; padding-left: 20px; }