/* ------------------------------------------------------------------------------------
Website: Encams Keep Britain Tidy
File: Homepage styles
Author: Reading Room
Created: Feb 2009
Purple		# 92406d
------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------
-- Sub nav (home)
------------------------------------------------------------------------------------ */
#home #leftCol { float: left; margin-left: 18px; width: 186px; }
#home #leftCol li { width: 180px; position: relative; }
#home #leftCol li a { display: block; background: url(/images/homeNavTop.gif) top left no-repeat; font-size: 1.1em; font-weight: bold; color: #92406d; }
#home #leftCol li a span { display: block; background: url(/images/homeNavBottom.gif) bottom left no-repeat; position: relative; }
#home #leftCol li a span span { padding: 1.6em 10px 1.6em 96px; background: url(/images/bulletPink.gif) 88px center no-repeat; }
#home #leftCol li a span span.doubleLine { padding-top:.95em; padding-bottom:.95em; }
/* ------------------------------------------------------------------------------------
-- News ticker
------------------------------------------------------------------------------------ */
#newsScroller { position: absolute; z-index: 1000; margin-top: 5px; margin-left: 211px; height: 34px; background: url(/images/newsScrollerBg.png) top right no-repeat; width: 765px; }
#newsScroller a.icon { display: block; position: absolute; width: 29px; height: 34px; background: url(/images/newsScrollerIcon.png) top left no-repeat; }
/*#newsScroller span { margin-left: 39px; font-size: 1.1em; font-style: italic; font-weight: bold; width: 710px; height: 25px; line-height: 25px; display: block; overflow: hidden; white-space: nowrap; }*/
#newsScroller li { display:none; display:block; overflow:hidden; /*width:710px;*/width:670px; height:25px; margin-left: 39px; font-size: 1.1em; font-style: italic; font-weight: bold;  line-height: 2.3em; white-space: nowrap; /*background:#fff;*/ }
#newsScroller li a { color:#000; }
#newsScroller li { display:none; }
#newsScroller li.first { display:list-item; }
#newsScrollerControls { position:absolute; right:10px; top:3px; }
/* ------------------------------------------------------------------------------------
-- Homepage content
------------------------------------------------------------------------------------ */
.homeRow { overflow: hidden; width: 100%; padding-bottom: 5px; }
#leftFeature { position: relative; margin-top: 5px; background: url(/images/leftFeatureBg.png) top left no-repeat; }
#leftFeature span { display: block; background: url(/images/leftFeatureBottom.png) bottom left no-repeat; padding: 15px; color: #FFF; font-size: 1.3em; }
#leftFeature span a { display: block; color: #FFF; font-size: 2.6em; font-weight: bold; text-transform: uppercase; }
#mainFeature { width: 556px; background: url(/images/mainFeatureBg2.png) bottom left no-repeat; min-height: 304px; float: left; }
#mainFeature h2 { background: #666 url(/images/mainFeatureTop2.png) top left no-repeat; padding: 10px 16px 9px 375px; color: #FFF; font-size: 2.2em; font-weight: normal; }
#mainFeature p { background: url(/images/mainFeatureBottom2.png) top left no-repeat; padding: 15px 16px 15px 375px; font-size: 1.1em; }
#mainFeature ul { width: 184px; padding: 15px 0 15px 368px; background: url(/images/mainFeatureRule.gif) top right no-repeat; }
#mainFeature li { padding: 0 8px; }
#mainFeature li a { background: url(/images/bulletPink.gif) left center no-repeat; color:#92406d; display:block; font-weight:bold; margin-bottom:0.8em; padding-left:8px; }
#mainFeatureFrame { width: 368px; height: 308px; background: url(/images/mainFeatureFrame.png) top left no-repeat; position: absolute; margin: -2px 0 0 -2px; }
/*#mainFeatureFrame img { margin: 8px 0 0 8px; }*/
#mainFeatureFrame span { margin: 8px 0 0 8px; padding: 0 0 0 0 }
#mainFeatureFrame span img { margin: 8px 0 0 0; padding: 0 0 0 0 }
#mainFeatureFrame span object { margin: 8px 0 0 0; padding: 0 0 0 0 }
#expertise { width: 360px; background: url(/images/expertiseBg2.png) bottom left no-repeat; float: left; padding-bottom: 8px; }
#expertise h2 { height: 18px; background: url(/images/expertiseTop.png) top left no-repeat; font-size: 1.1em; font-weight: bold; padding: 7px 10px 0 10px; }
#expertise ul { float: left; width: 99px; margin-left: 4px; margin-top: 5px; overflow: hidden; }
#expertise li a { display: block; color: #000; }
#expertise li a span { background: url(/images/bulletBlack.gif) 10px 6px no-repeat; display: block; padding: 0.3em 10px 0.3em 20px; }
#expertise li.active { background: #0871c2 url(/images/expertiseActive.png) top left no-repeat; }
#expertise li.active a { color: #FFF; font-weight: bold; }
#expertise li.active a span { background: url(/images/expertiseBullet.gif) 10px 6px no-repeat; display: block; padding: 0.3em 10px 0.5em 20px; }
#expertise li.active a:hover, #expertise li.active a:active, #expertise li.active a:focus { text-decoration: none; }
/*
#expertise dl { width: 252px; margin-left: 1px; float: left; }
#expertise dt span { color: #92406d; font-size: 1.7em; padding: 0.3em 10px 0.6em 10px; display: block; background: url(/images/expertiseRule.gif) bottom left repeat-x; }
#expertise dd { padding: 8px 10px; }
#expertise dd a { display: block; color: #92406d; font-weight: bold; margin-top: 5px; background: url(/images/bulletPink.gif) center left no-repeat; padding-left: 8px; text-decoration: none; }
#expertise dd a:hover, #expertise dd a:active, #expertise dd a:focus { text-decoration: underline; }
*/
#expertise div.box { width: 252px; margin-left: 1px; float: left; }
#expertise h3 span { color: #92406d; font-size: 1.7em; font-weight:normal; padding: 0.3em 10px 0.6em 10px; display: block; background: url(/images/expertiseRule.gif) bottom left repeat-x; }
#expertise p { padding: 8px 10px; margin:0; }
#expertise p a { display: block; color: #92406d; font-weight: bold; margin-top: 5px; background: url(/images/bulletPink.gif) center left no-repeat; padding-left: 8px; text-decoration: none; }
#expertise p a:hover, #expertise p a:active, #expertise p a:focus { text-decoration: underline; }
#features { float: left; width: 191px; margin-left: 6px; background: url(/images/oneColumnBg.png) bottom left no-repeat; }
.js #features { min-height: 262px; }
* html .js #features { height:262px; }
#features div.box { position: relative; width: 191px; }
.js #features div.box { min-height: 262px; overflow: hidden; }
* html .js #features div.box { height:262px; }
#features h2 { font-size: 1.1em; font-weight: bold; cursor: pointer; width: 100%; clear:both; }
#features h2#feature1 { padding: 7px 10px 0 10px; height: 18px; background: url(/images/oneColumnTop.png) top left no-repeat; }
#features h2#feature2 { padding: 4px 10px 0 10px; height: 18px; background: url(/images/featuresMiddle.png) top left no-repeat; }
#features h2#feature2.active, #features h2#feature2.middle { background: url(/images/featuresMiddle-active.png) top left no-repeat; }
#features h2#feature3 { padding: 4px 10px 0 10px; height: 21px; background: url(/images/featuresBottom.png) top left no-repeat; }
#features h2#feature3.active { height: 18px; background: url(/images/featuresMiddle-active.png) top left no-repeat; }
#features h2 a { display: block; background: url(/images/bulletClosed.gif) 0 center no-repeat; padding-left: 12px; color: #000; }
#features h2 a:hover, #features h2 a:focus, #features h2 a:active { color: #E95D0F; }
#features h2.active a { background: url(/images/bulletOpen.gif) 0 center no-repeat; cursor: default; color: #0B74C5; }
#features div.item { width: 183px; margin-left: 4px; }
.js #features div.item { min-height:191px; }
* html .js #features div.item { height:191px; }
#features div.active { display: block; }
#features div.item p { padding: 7px; }
#features div.item a { display: block; padding-right: 7px; background: url(/images/bulletPink.gif) center left no-repeat; padding-left: 8px; color: #92406d; font-weight: bold; }
#features div.item .no a { display: block; padding-right: 0px; background: url(/images/bulletClear.gif) center left no-repeat; padding-left: 0px; color: #92406d; font-weight: bold; }
.js #features div.item a { float: right; }
#campaigns { margin-left: 6px; width: 191px; background: url(/images/oneColumnBg.png) bottom left no-repeat; padding-bottom: 8px; float: left; }
#campaigns h2 { height: 18px; background: url(/images/oneColumnTop.png) top left no-repeat; font-size: 1.1em; font-weight: bold; padding: 7px 10px 0 10px; }
#campaigns div { margin: 4px 8px 4px 7px; }
#campaigns div.box a { background: url(/images/bulletPink.gif) center left no-repeat; padding-left: 8px; color: #92406d; font-weight: bold; margin-left: 5px; margin-top: 5px; display: block; }
#region { position:relative; float: left; margin-left: 6px; width: 191px; height: 304px; background: url(/images/oneColumnBg.png) bottom left no-repeat; }
#region h2 { height: 18px; background: url(/images/oneColumnTop.png) top left no-repeat; font-size: 1.1em; font-weight: bold; padding: 7px 10px 0 10px; }
#region fieldset { padding: 1em 5px 0 10px; }
#region fieldset * { vertical-align:middle; }
#region fieldset label { font-size:1.1em; }
#region fieldset select { width:104px; }
#region fieldset input.submit { background: #000 url(/images/bg-button.png) repeat-x left center; color: #fff; font-weight: bold; cursor: pointer; border: 1px solid #000; padding-left:0; padding-right:0; }
#region fieldset a.submit { text-decoration:none; background: #000 url(/images/bg-button.png) repeat-x left center; color: #fff; font-weight: bold; cursor: pointer; border: 1px solid #000; padding: 1px 3px; }
#mapSkip { position:absolute; z-index:100; right:15px; }
#region #regionFlash { margin: 0 0 0 4px; z-index:90; }