/* Global styles */
body {
	margin: 0;
	background: #fff;
	font: 82.5%/1.3em Arial, Helvetica, sans-serif;
}

a img {
	border: none;	
}

p {
	margin: 0.5em 0;	
}

a { color: #337400; }
a:link { color: #337400; }
a:visited { color: #666; }
a:hover { color: #4FB000; }
a:active { color: #4FB000; }


sub {
	vertical-align: baseline;
	font-size: 0.8em;
}

/* Overall wrapper */
#mainContentContainer {
	width: 930px;
	margin: 25px auto 0;
	position: relative;
	z-index: 100;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.3;
	letter-spacing: -0.025em;
}



/* Accessibility */
a.skip:link, a.skip:visited {
background:transparent none repeat scroll 0 0;
display:block;
font-size:small;
left:0;
overflow:hidden;
position:absolute;
text-indent:-600em;
top:0;
width:5em;
}
a.skip:focus, a.skip:hover, a.skip:active {
	background-color:#333;
	color:#fff;
	border: 1px dotted #FFF;
	font-size:small;
	padding:3px;
	text-decoration:underline;
	text-align: center;
	text-indent:0;
	width:10em;
	z-index:10000;
}



/* Times of day */
body.day #header {
	background: #f6fdfd	url(../images/day/header-bground.gif) repeat-x left bottom;	
}
body.day #contentWrapper {
	background: #a1e8e8 url(../images/day/sky.gif) repeat-x center 100px;
}
body.day #ground {
	background: url(../images/day/ground.jpg) repeat-x center top;
}


/* Header */
#header {
	width: 100%;
	height: 114px;
	position: relative;
	z-index: 2;
}
#headerContent {
	width: 930px;
	margin: 0 auto;
}
#logo {
	float: left;	
}
a:focus img#logo {
	border: 1px dotted #666;	
}
ul#mainNav {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;	
	float: right;
}
ul#mainNav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
ul#mainNav li a {
	display: block;
	height: 106px;
	text-indent: -10000px;
	outline: none;
}

ul#mainNav li a:hover,
ul#mainNav li a:focus {
	background-position: 0 -106px !important;
}
ul#mainNav li.active a,
#promiseSection ul#mainNav li a#navPromise,
#promiseSection ul#mainNav li a#navPromise {
	background-position: 0 -212px !important;
}
ul#mainNav li.active a:hover,
ul#mainNav li.active a:focus,
#promiseSection ul#mainNav li a#navPromise:hover,
#promiseSection ul#mainNav li a#navPromise:focus {
	background-position: 0 -318px !important;
}
ul#mainNav li a#navPromise {
	width: 97px;
	background: url(../images/nav/promise.gif) no-repeat 0 0;
}
ul#mainNav li a#navAdvice {
	width: 88px;
	background: url(../images/nav/advice.gif) no-repeat 0 0;
}
ul#mainNav li a#navEvents {
	width: 93px;
	background: url(../images/nav/events.gif) no-repeat 0 0;;
}
ul#mainNav li a#navInitiatives {
	width: 161px;
	background: url(../images/nav/getinvolved.gif) no-repeat 0 0;;
}
ul#mainNav li a#navAbout {
	width: 72px;
	background: url(../images/nav/about.gif) no-repeat 0 0;
}




/* The ground */
#ground {
	overflow: hidden;
	padding-top: 550px;
	width: 100%;
	margin: -175px auto 0;
	position: relative;
	z-index: 1;
}
#groundContent {
	background-color: #331e0c;
	overflow: hidden; 
	width: 960px;
	margin: 0 auto 30px;
	color: #FFF;
	
	border-radius:8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-opera-border-radius: 8px;
	-khtml-border-radius: 8px;
	 	
}	
#groundContent a { color: #fff;	}
#groundContent a:link { color: #fff; }
#groundContent a:visited { color: #ddd; }
#groundContent a:hover { color: #ffffcc; }
#groundContent a:active { color: #ffffcc; }
.groundContentColumn {
	width: 290px;
	margin: 15px;	
	float: left;
	display: inline; /* IE6 friendly */
}
#groundContent h2 {
	margin-top: 0;	
	line-height: 1.1;
}
#groundSignposts {
	width: 960px;
	margin: 0 auto;
	position: relative;	
}
#allPromisesSign {
	position: absolute;
	top: -251px;
	right: 8px;	
}
#birdOnGround {
	position: absolute;
	top: -188px;
	left: 55px;	
}


/* Footer */
#footer { 
	background: #FFF url(../images/copyright-bground.gif) repeat-x left top; 
	font-size: 0.9em;
}
#footerContent {
	width: 960px;
	margin: 0 auto;	
	padding: 20px 0;
	overflow: hidden;
	font-size: 0.9em;
}
#footerLogos {
	float: right;	
}
#footerLogos a {
	margin-left: 30px;
}
#footerLogos img {
	vertical-align: top;	
}


/* Homepage */
#homepagePromiseBox {
	float: left;
	width: 552px;
	margin: 0;
}
#homepagePromiseBox p {
	margin: 0 20px 10px;	
	padding-top: 10px;
	color: #fff;
	font-size: 2.7em;
	font-weight: bold;
	line-height: 1.1;
}
.cufon-active #homepagePromiseBox p {
	line-height: 1.15;
}
#homepagePromiseBox form {
	margin: 15px 10px 0;
	padding: 0 0 10px 0;	
}
#homepagePromiseBox select {
	font-size: 2em;
	font-weight: normal;
	height: 42px;
	width: 420px;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	background: #FFF;
	vertical-align: top;
	margin: 0 0 0 10px;
	color: #666;
}
#homepagePromiseBoxTop  {
	background: url(../images/homepage-box-top.png) no-repeat left top;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#homepagePromiseBoxContent {
	background: #337400 url(../images/homepage-box-fill.png) repeat-x left top;
}
#homepagePromiseBoxBottom {
	background: url(../images/homepage-box-bottom.png) no-repeat left bottom;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}

#homepageTotaliser {
	width: 360px;
	float: right;	
}
#mainContentContainer h2#homepageTotaliserHeading {
	font-size: 1.4em;
	color: #3f8da0;
	font-weight: bold;	
	background-color: transparent;
	padding: 0;
	margin: 1em 0 0.75em;
}
#homepageTotaliserBalloons {
	text-align: left;
}
#homepageTotaliserBalloons a {
	text-decoration: none;
}
#homepageTotaliserBalloons img,
#homepageTotaliserBalloons span, /* IE6 PNG replacement */
#promisepagePromiseCount img,
#promisepagePromiseCount span /* IE6 PNG replacement */
 {
	margin-right: 5px;	
}


/* ---------- Default dropdown CSS START -------------- */
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd .ddTitle {
	background:#f2f2f2;
	border:1px solid #c3c3c3;
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
}
.dd .ddTitle span.arrow {
	background:url(dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer;
}

.dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto; height: 300px;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background:#66CCFF;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#66CCFF;
	
}
.hidden {display:none;}
/* ---------- Default dropdown CSS END -------------- */




.dd {
	margin-left: 10px;
	width: 420px;
	display: inline; /* Prevent IE6 double margin */	
}
.dd .ddTitle {
	font-size: 2em;	
	height: 36px;
	padding: 6px 0 0 10px;
	border: none;
	background: url(../images/homepage-dropdown-left.gif) no-repeat left top;
	background-color: #eee;
	color: #666;
	cursor: pointer;
}
.dd .ddTitle span.arrow {
	background: url(../images/homepage-dropdown-arrow.gif) no-repeat right top;
	height: 42px;
	width: 34px;	
	margin-top:-6px;	
}
.dd .ddChild {
	margin-top: -225px;	
	border: 1px solid #fff;
	font-size: 1.4em;
	background-color: #eee;
}
.dd .ddChild a {
	color:#000000 !important;
	cursor: pointer;
}
.dd .opta span {
	font-style: normal !important;	
}
.dd #homepagePromises_child {
	width: 384px !important;	
}
.dd .ddChild a.selected {
	background-color: #CCC;
}
.dd .ddTitle span.textTitle {
	display:block;
	height:1.2em;
	line-height:1;
	margin-top:-0.1em;
	overflow:hidden;
	text-indent:1px;
	white-space:nowrap;
	width:374px;
	float: left; /* IE6 gets grumpy without this */
}
.dd #homepagePromises_msa_0 {
	color: #337400;	
}



#homepagePromiseFormSubmit {
	margin-left: 5px;	
}

body#homepage #mainContentContainer {
	overflow: visible;
	padding-bottom: 145px;
}



/* Promise form page */
#promisepagePromiseBox {
	width: 930px;
	margin: 0;
	position: relative;
}
#promisepagePromiseBoxTop {
	background: url(../images/green-box-930-top.png) no-repeat left top;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#promisepagePromiseBoxContent {
	background: #337400 url(../images/green-box-930-fill.png) repeat-x left top;
	overflow: hidden;
	padding-bottom: 10px;
}
#promisepagePromiseBoxBottom {
	background: url(../images/green-box-930-bottom.png) no-repeat left bottom;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#promisepagePromiseBoxContent h1 {
	margin: 0 20px 0px;	
	padding: 10px 0 0;
	color: #fff;
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: -0.03em;
}
.cufon-active #promisepagePromiseBoxContent h1 {
	line-height: 0.9;
}
#promisepagePromiseBoxContent a {
	color: #FFF;	
}
#promisepagePromiseBoxContent ul,
#promisepagePromiseBoxContent p {
	color: #fff;
	margin-left: 20px;	
}
.promisepageField {
	width: 410px;
	margin: 5px 20px;	
	float: left;
	display: inline; /* Fix IE6 double margin bug */
}
#promisepagePromiseBox label {
	display: none;	
}
#promisepagePromiseBox label#promiseTermsLabel,
#promisepagePromiseBox label#promiseCCLabel {
	display: block;	
	font-size: 0.9em;
	color: #FFF;
}
#promisepagePromiseBox input {
	font-size: 1.8em;
	width: 405px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #eee;
	color: #666;
	padding: 4px 5px;
	font-size: 1.653em;
	letter-spacing:-0.025em;
	border: 0px none;
}
#promisepagePromiseBox input#promiseTerms,
#promisepagePromiseBox input#promiseGoButton,
#promisepagePromiseBox input#promiseCC {
	width: auto;
	padding: 0;
}
#promisepagePromiseBox input#promiseGoButton {
	float: right;
	background-color: transparent;	
}
#promiseTerms{
	margin: 3px 7px 0 0;
	float: left;
}
#promiseCC {
	margin: 0 7px 0 0;
	float: left;
}
.promiseTickbox {
	float: none;
	clear: left;	
}
#promiseTermsLabel {
	margin: 3px 0 0 0;
	float: left;	
}
#promiseForm {	
	margin: 10px 0 0 0; 
	width: 930px; /* Ensure IE6 hasLayout */
}

#formTooltip {
	background: transparent url(../images/tooltip-bground.gif) no-repeat center bottom;
	width: 220px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
	padding: 5px 10px 20px;
	border-top: 2px solid #ffd583;
}
label.error {
	border: 2px solid #900;
	background-color: #900;
	color: #fff;
	padding: 0 2px;
	font-size: 0.85em;	
}
label#checkboxError {
	clear: left;
	margin-top: 5px;
}
input.error {
	border: 2px solid #900;	
}
.promisepageRow {
	clear: both;	
}
#promisepageHelp {
	background-color: #fff;	
	overflow: hidden;
	margin: 30px auto 0;
	border: 1px solid #999;
	width: 888px;
	padding-bottom: 5px;
}
.promisepageHelpItem {
	width: 21%;
	float: left;	
	margin: 11px 1.9% 0; /* 1.9 instead of 2% because IE6 gets it wrong */
	padding-bottom: 6px;
	display: inline; /* for IE6 */
}
#mainContentContainer #promisepageHelp h2 {
	margin: 0.2em 0 0.2em;
	background: none;
	color: #000;
	padding: 0;
	font-size: 1.3em;	
}
#mainContentContainer #promisepageHelp p {
	margin-top: 0;
	color: #333;		
}
#mainContentContainer #promisepageHelp div.active {
	background-color: #eee;
	border: 1px solid #999;
	margin: 10px 10px 0 10px;
	padding: 0 5px;
}



/* Promise display page */
#promisepageCarbonBoxTop {
	background: url(../images/white-box-930-top.png) no-repeat left top;
	height: 5px;
	margin-top: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#promisepageCarbonBoxContent {
	background: #fff;
	overflow: hidden;
	width: 930px; /* For IE6's benefit */
}
#promisepageCarbonBoxContent p {
	font-size: 1.4em;
	font-weight: bold;
	color: #337400;
	width: 725px;
	margin: 0em 15px;
	padding: 0.1em 0 0.1em 0;
	line-height: 1.1;
}
#promisepageCarbonBoxContent a.helpIcon {
	float: right;
	margin: 0.6em 15px 0 0;
	display: inline; /* For IE6's benefit, prevent double margin */
}
#promisepageCarbonBoxBottom {
	background: url(../images/white-box-930-bottom.png) no-repeat left bottom;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#sheffieldUnitsIllustration {
	width: 135px;
	height: 100px;
	position: absolute;
	right: 43px;
	top: 55px;	
	z-index: 200;
}
.hendersons {	background: url(../images/sheffield-units/hendersons.png) no-repeat left top; }
.steelballs {	background: url(../images/sheffield-units/steel-balls.png) no-repeat left top; }
.snooker {	background: url(../images/sheffield-units/snooker-balls.png) no-repeat left top; }
.football {	background: url(../images/sheffield-units/football.png) no-repeat left top; }
.pint {	background: url(../images/sheffield-units/pint.png) no-repeat left top; }
.callbox {	background: url(../images/sheffield-units/call-box.png) no-repeat left top; }

#promisepageHelpCol {
	float: left;
	width: 550px;
	margin: 5px 0;
}	
#promisepageMetaCol {
	float: right;
	width: 350px;
	margin: 5px 0;
}
#mainContentContainer h2 {
	background-color: #337400;
	color: #fff;
	
	font-size: 1.4em;
	padding: 1px 15px 3px;	
	font-weight: bold;
	margin: 1.5em 0 0 0;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#mainContentContainer h3 {
	color: #000;	
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
#mainContentContainer h4 {
	color: #333;	
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
#promisepagePromiseCount {
	margin: 20px 0 15px 0;	
}
#promisepageHelpCol p,
#promisepageHelpCol ul,
#promisepageHelpCol h3,
#promisepageHelpCol h4,
#promisepageMetaCol p,
#promisepageMetaCol ul,
#promisepageMetaCol h3,
#promisepageMetaCol h4 {
	margin-right: 15px;
	margin-left: 15px;
}

#promisePageSection2 {
	clear: both;	
}
#promisePageStats1 {
	float:left;
	margin:5px 0;
	width:550px;
}
#promisePageStats2 {
	float:right;
	margin:5px 0;
	width:350px;
}
table.promiseGraph {
	width: 93%;
	margin: 5px 0 15px 15px;	
}
table.promiseGraph th {
	display: none;
}
table.promiseGraph td {
	font-size: 1.2em;
	padding: 3px;	
}
table.promiseGraph caption {
	text-align: left;
	color: #666;
	font-size: 1.2em;
	margin: 0.4em 0 0 9.1em;	
}
table.promiseGraph span.promiseGraphBlock {
	display: block;
	text-align: right;
	padding-right: 5px;
	color: #fff;
	background: #787878 url(../images/graph-grey.png) repeat-y right top;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
table.promiseGraph tr.hilight span.promiseGraphBlock { background: #357802 url(../images/graph-green.png) repeat-y right top; }
table.promiseGraph td.promiseGraphName {
	text-align: right;
	padding-right: 10px;
	width: 8em;
}


dl.statslist {
	margin: 0.5em 0 0 0;	
}
dl.statslist dt {
	clear: left; 
	float: left;
	width: 140px;
	font-weight: bold;
	font-size: 2.5em;
	margin: 10px 10px 0 0;
	line-height: 1;
	text-align: right;
	color: #9A1188;
}
dl.statslist dd {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
}

.assemblyMap {
	margin: 15px 0 0 0;	
}



/* Social networking */
ul#socialNetworkIcons {
	list-style: none;
	margin: 0 15px;
	padding: 0;	
	overflow: hidden;
	width: 100%; /* For IE6's benefit, triggers hasLayout */
}
ul#socialNetworkIcons li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;	
	width: 32px;
	height: 32px;
	float: left;
	display: inline; /* Stop IE6 double margins */	
}



/* Content pages */
#contentMainCol {
	width: 650px;
	float: right;
}
#contentNavCol {
	width: 250px;
	float: left;
}
#contentMainCol p {
	margin: 0 0 0.75em 0;
}
#contentMainCol h1 {
	margin: 0;
	color: #fff;
	padding: 0.3em 15px;
	font-size: 1.5em;
}
.cufon-active #contentMainCol h1 {
	font-size: 1.8em;
	line-height: 1;
}
#contentMainCol h2 {
	margin: 0;
	padding: 0.3em 0 0.3em;
	font-size: 1.4em;	
	font-weight: bold;
	background: none;
	line-height: 1.1;
}
#contentMainCol h3 {
	margin: 0;
	padding: 0.3em 0 0;
	font-size: 1.2em;	
	font-weight: bold;
	background: none;	
}
#contentMainCol h4 {
	margin: 0;
	padding: 0.3em 0 0;
	font-size: 1em;	
	font-weight: bold;
	background: none;	
	color: #333;
}
#contentMainCol ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;	
}
#mainContent {
	background-color: #f6fdfd;
	padding: 1em 15px;
	overflow: hidden;
	width: 620px;
}
#mainContentFooter {
	background: url(../images/white-box-650-bottom.png) no-repeat left bottom;
	width: 650px;
	height: 5px;
	font-size: 1px; /* For IE6 */	
}
.column {
	width: 	290px;
	margin: 0 20px 0 0;
	float: left;
	display: inline; /* For IE6 double margin bug */
}
.column h2,
.column p {
	margin: inherit;
}

.default #contentMainCol h1 { background:  url(../images/grey-box-650-top.png) no-repeat left top; }
.default #contentMainCol h2 { color: #000;}
.default #contentMainCol h3 {	color: #000;}


.travel #contentMainCol h1 { background:  url(../images/pink-box-650-top.png) no-repeat left top;}
.travel #contentMainCol h2 { color: #000;}
.travel #contentMainCol h3 { color: #000;}
.travel a { color: #ca2699; }
.travel a:link { color: #ca2699; }
.travel a:visited { color: #4F0F3C; }
.travel a:hover { color: #FF68D3; }
.travel a:active { color: #FF68D3; }

.energy #contentMainCol h1 { background:  url(../images/green-box-650-top.png) no-repeat left top;}
.energy #contentMainCol h2 { color: #000; }
.energy #contentMainCol h3 { color: #000; }
.energy a { color: #3f8a00; }
.energy a:link { color: #3f8a00; }
.energy a:visited { color: #214700; }
.energy a:hover { color: #60CD00; }
.energy a:active { color: #60CD00; }

.local #contentMainCol h1 {	background:  url(../images/yellow-box-650-top.png) no-repeat left top;}
.local #contentMainCol h2 { color: #000; }
.local #contentMainCol h3 { color: #000; }
.local a { color: #B68900; }
.local a:link { color: #B68900; }
.local a:visited { color: #584100; }
.local a:hover { color: #FFD133; }
.local a:active { color: #B68900; }

.getInvolved #contentMainCol h1 { background: url(../images/blue-box-650-top.png) no-repeat 0 0; }
.getInvolved #contentMainCol h2 { color: #09769F; }
.getInvolved #contentMainCol h3 { }
.getInvolved a { color: #08769F; }
.getInvolved a:link { color: #08769F; }
.getInvolved a:visited { color: #666; }
.getInvolved a:hover { color: #0B90BF; }
.getInvolved a:active { color: #0B90BF; }

.getInvolved #contentMainCol .item, .getInvolved #contentMainCol .level2item {
	padding: 0 8px;
	margin: 15px 4px 15px 0;
	float: left;
	font-size: 0.85em;
	width: 184px;
	height: 120px;
}

.getInvolved #contentMainCol .level2item {
	width: 284px;
	height: 110px;
	margin-right: 10px;
}

.getInvolved #contentMainCol .item h2, .getInvolved #contentMainCol .level2item h2 {
	background: url(../images/blue-box-200-top.png) no-repeat 0 0;
	color: #FFF;
	-moz-border-radius: 0;
	font-size: 1.35em;
	margin: 0 -8px 0.2em;
	padding-left: 8px; padding-right: 8px;
}

.getInvolved #contentMainCol .level2item h2 {
	background: url(../images/blue-box-300-top.png) no-repeat 0 0;
}

.getInvolved #contentMainCol .item h2 a, .getInvolved #contentMainCol .level2item h2 a { color: #FFF; text-decoration: none; }
.getInvolved #contentMainCol .item h2 a:hover, .getInvolved #contentMainCol .level2item h2 a:hover { text-decoration: underline; }

.getInvolved #contentMainCol .item p { margin-bottom: 0.3em; }
.getInvolved #contentMainCol .item p.more { margin-bottom: 0; }

.getInvolved #contentMainCol .level2item img { float: right; margin: 0 -8px 0 1em; }

.getInvolvedClouds { background-image: url(../images/clouds-topright.png); background-repeat: no-repeat; background-position: right top; }
.getInvolvedClouds2 { background-image: url(../images/clouds2-topright.png); background-repeat: no-repeat; background-position: right top; }

#birdTalk {
	width: 498px; height: 73px;
	padding: 30px 110px 0 8px;
	background: url(../images/getinvolved-birdtalk.png) no-repeat 0 0;
	color: #FFF;
}

/* Subnav */
#subnavTop {
	background:  url(../images/subnav-top.png) no-repeat left top;
	width: 250px;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#subnavContent {
	background:  #f6fdfd;
	width: 250px;
	font-size: 1.1em;
	padding: 5px 0;	
}
#subnavBottom {
	background:  url(../images/subnav-bottom.png) no-repeat left bottom;
	width: 250px;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
ul#subnav,
ul#subnav ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;	
}
ul#subnav ul {
	font-size: 0.9em;	
}
ul#subnav li {
	margin: 0.6em 10px 0.6em 0;	
	line-height: 1;
}
ul#subnav li.active {
	font-weight: bold;	
}
ul#subnav li.active li {
	font-weight: normal;	
}
ul#subnav a {
	text-decoration: none;	
}


/* Events diary */
.eventSummary .eventDate {
	color: #666;
	font-weight: normal;
	margin-left: 6px;	
	font-size: 0.9em;
}
h1 .eventDate {
	font-weight: normal;
	margin-left: 6px;	
	font-size: 0.8em;
	color: #ddd;
}
.eventSummary .eventTitle {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;	
}
.eventSummary {
	border-bottom: 1px solid #ccc;	
	padding: 0.5em 0 0;
}
#contentMainCol .eventSummary h2 {
	font-size: 1.1em;
}
#lastEvent {
	border-bottom: none;	
}
.eventSummary a {
	text-decoration: none;		
}
.eventSummary a:hover .eventTitle {
	color: #060;
}
.sep {
	display: none;	
}

/* Advice homepage */
.adviceBox {
	position: relative;
	width: 280px;
	float: left;
	display: inline; /* For IE6 double margin */
	margin: 0 35px 0 0;	
	padding: 0;
}
.adviceBox#local {
	margin-right: 0;	
}
.adviceBoxContent {
	width: 280px;
	background-color: #F6FDFD;
}
.adviceBoxContentFooter {
	background: url(../images/white-box-280-bottom.png) no-repeat left bottom;
	width: 280px;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
.adviceBoxContent p {
	width: 160px;
	margin: 0 0 0 15px;	
	padding: 8px 0 8px 0;
}
.adviceBoxContent p a {
	color: #000;
	text-decoration: none;	
}
#mainContentContainer .adviceBox h2 {		
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 1em;
}
#mainContentContainer .adviceBox h2 a {
	color: #fff;
	text-decoration: none;	
	display: block;
}
#mainContentContainer .adviceBox#travel h2 { background: url(../images/pink-box-280-top.png) no-repeat left top; }
#mainContentContainer .adviceBox#energy h2 { background: url(../images/green-box-280-top.png) no-repeat left top; }
#mainContentContainer .adviceBox#local h2 {	background: url(../images/yellow-box-280-top.png) no-repeat left top; }

.adviceBalloon {
	width: 115px;
	height: 142px;
	position: absolute;
	top: 65px;
	right: -20px;
	background: url(../images/travel-balloon.png) no-repeat left top;
}
.adviceBox#travel .adviceBalloon { background-image: url(../images/travel-balloon.png); }
.adviceBox#energy .adviceBalloon { background-image: url(../images/energy-balloon.png); }
.adviceBox#local .adviceBalloon { background-image: url(../images/local-balloon.png); }




/* Advice page */
#adviceCallToActionBox {
	float: left;
	width: 615px;
	margin: 0;
}
#contentMainCol #adviceCallToActionBoxContent p {
	margin: 0 15px;	
	padding: 0 85px 0 0;
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.1;
}
#contentMainCol #adviceCallToActionBoxContent h2 {
	margin: 0 15px;	
	padding: 0;
	color: #fff;
	font-size: 2.7em;
	font-weight: bold;
	line-height: 1.1;
}
#adviceCallToActionBoxTop  {
	background: url(../images/green-box-615-top.png) no-repeat left top;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#adviceCallToActionBoxContent {
	background: #337400 url(../images/green-box-615-fill.png) repeat-x left top;
	padding-bottom: 6px;
	position: relative;
}
#adviceCallToActionBoxBottom  {
	background: url(../images/green-box-615-bottom.png) no-repeat left bottom;
	height: 5px;
	font-size: 1px; /* For IE6's benefit */
}
#adviceCallToActionButton {
	position: absolute;
	display: block;
	width: 78px;
	bottom: 22%;
	right: 10px;	
}

p#adviceCallToActionBoxPromise img {
	vertical-align: middle;	
}
#adviceCallToActionBox {
	margin: 20px 0 0 0;	
}
/*#adviceCallToActionBox img {
	margin-left: 20px;
}*/



/* Global widgets */
a.helpIcon {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/help-icon.png) no-repeat left bottom;
	outline: none;
	text-indent: -100000px;
}
.autoSelect {
	width: 100%;
	color: #666;	
}
.hide {
	position: absolute;
	top: -1000000px;
	left: -100000px;
	height: 1px;
	width: 1px;
	overflow: hidden;	
}
a.rss { 
	background: url(../images/rss.png) no-repeat left top; 
	padding-left: 20px;
	margin-left: 3px;
	min-height: 16px;	
}	



/* All promises display */
.singlePromise {
	background-color: #FFF;
	margin: 5px 0;
	padding: 2px 8px;	
}
.singlePromise .allPromisesWhen {
	color: #666;
	float: right;		
}
.singlePromise span.allPromisesName {
	font-weight: bold;	
}
.singlePromise a {
	text-decoration: none;	
}

.singleBalloon {
	position: absolute;
	cursor: pointer;
	display: block;	
}
#allBalloons {
	position: absolute;
	top: 120px;
	left: 0;
	overflow: hidden;	
	height: 350px;
	z-index: 700;
	width: 100%;
}
.hasScript #allPromises {
	height: 150px; /* Hold everything open */	
}
#balloonTooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4000;
	width: 210px;
}
#balloonTooltipContent {
	background: url(../images/balloon-bubble.png) no-repeat left top;
	padding: 5px 20px 3px 28px;
	font-size: 1.1em;
}
#balloonTooltipContent a {
	text-decoration: none;	
}
#balloonTooltipContent .allPromisesName {
	font-weight: bold;	
}
#balloonTooltipContent .allPromisesWhen {
	color: #999;
	font-size: 0.85em;
	display: block	
}
#balloonTooltipFooter {
	height: 15px;
	font-size: 1px;
	line-height: 1px;
	width: 221px;
	background: url(../images/balloon-bubble-bottom.png) no-repeat left bottom;
}
.loading {
	font-size: 1.5em;
	text-align: center;
	padding-top: 0.5em;
	height: 2em;
	position: absolute;
	top: 250px;
	left: 0;
	z-index: 10000;	
	width: 100%;
}

a.singleBalloon:focus {
	border: 1px dotted #000;	
}
#browsePromisesSpeechbubble {
	position: absolute;
	top: -200px;
	left: 120px;	
}


/* Poll */
#easypollform fieldset,
.pollresults {
	border: none;	
	margin: 0 20px 10px 10px;
	padding: 0;
}
.pollBody ul, .pollBody li {
	list-style: none;
	margin: 0;
	padding:0;	
}
.pollBody ul {
	margin: 0.4em 0 0.6em;	
	font-size: 0.85em;
	color: #666;
}
#mainContentContainer .pollBody h3 {
	margin: 0 0 0.6em;
	font-size: 0.9em;	
	font-weight: normal;
	color: #666;
}
.pollresults p {
	font-size: 0.8em;
	color:#999;
		
}
.pollBody {
	width: 194px;
	background: url(../images/poll/poll-bottom.png) no-repeat left bottom;	
	padding-bottom: 12px;	
}
.pollTop {
	background: url(../images/poll/poll-top.png) no-repeat left bottom;	
	width: 194px;
	height: 55px;
	margin-top: 20px;
}
.easypoll_inner {
	height: 10px;
	margin-bottom: 8px;
	background: #53BA00 url(../images/poll/poll-bar.png) repeat-y right top;
}
.pollPercent {
	margin-left: 10px;	
}



#contentMainCol .footnotes,
#contentMainCol .footnote {
	font-size: 0.85em;	
	margin: 0.3em 0;
	color: #666;
}

.floatRight {
	float: right;
	margin: 0 0 10px 10px;	
}


div#promiseUnvalidated {
	background-color: #FFFF99;	
	border: 2px solid #FFD583;
	color: #333;
	margin-top: 1.2em;
}
div#promiseUnvalidated h2 {
	background-color: transparent;
	color: #000;
	margin-top: 0.2em;
}

/* Social media tray */
#socialMediaTray {
	color: #FFF;
	font-size: 1.1em;
	clear: both;
	padding-top: 10px;
}
#socialMediaTray * { margin: 0; padding: 0; }

#socialMediaTrayInner {
	padding: 10px 21px 21px;
	background: #CB4C9B;
}

#socialMediaTray ul { list-style: none; margin-bottom: 1em; }
#socialMediaTray ul li { display: inline; margin-right: 20px; }

#socialMediaTray h5 {
	padding: 10px 21px 0;
	background: #CB4C9B;
	font-size: 1.2em;
}
#socialMediaTray h5 img { display: none; }
#socialMediaTray h6 { font-size: 1.2em; margin-bottom: 0.6em; }

#socialMediaTray p { margin-bottom: 0.8em; }

#socialMediaTray input { width: 100%; color: #666; }

/* scripted alterations */
#socialMediaTray.scripted {
	position: fixed;
	top: 25%; right: -368px;
	z-index: 50;
	padding-top: 0;
}

#socialMediaTray.scripted #socialMediaTrayInner { width: 326px; }

#socialMediaTray.scripted h5 {
	cursor: pointer;
	padding: 0;
	position: absolute;
	left: -34px; top: 0;
	background: none;
	width: 34px;
	overflow: hidden;
}

#socialMediaTray.scripted h5 img { display: block; }
#socialMediaTray.scripted h5 span { display: none; }

#socialMediaDarken {
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 20;
	width: 100%; height: 100%;
	background-repeat: repeat;
	position: fixed;
	top: 0; left: 0;
}

/* Get involved blue */
#getInvolvedTicker {
	background: url(../images/bg-getinvolved-ticker.png) no-repeat 0 0;
	padding-top: 94px;
	float: right;
	width: 414px;
	margin: -1em 0 1em 10px;
}

#getInvolvedTicker ul {
	background: url(../images/bg-getinvolved-ticker.png) no-repeat 0 bottom;
	padding: 0 0 14px;
	height: 112px; overflow-y: hidden;
	font-size: 0.95em;
	margin: 0;
	list-style: none;
	position: relative;
	z-index: 20;
	overflow: visible;
}

#getInvolvedTicker ul li {
	position: absolute;
	top: 0; left: 0;
	padding: 0 21px;
}

#getInvolvedTicker h2 { font-size: 1.15em; padding: 0; }
#getInvolvedTicker h2 a { color: #FFF; text-decoration: none; }
#getInvolvedTicker h2 a:hover { text-decoration: underline; }

#getInvolvedTicker p { margin: 0; color: #FFF; }
#getInvolvedTicker .more { font-size: 11px; }
#getInvolvedTicker .more a { color: #FFF; text-decoration: underline; }