/** Reset **/
*, form, fieldset {
	padding: 0;
	margin: 0;
}

html, body, div, span, applet, object, iframe, p, 
blockquote, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, 
img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, 
tr, th, td {	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	/*font-weight: normal;*/
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: inherit;
	font-weight: bold;
	line-height: inherit;
}

h1 {
	margin-bottom:5px;
	font-size: 120%;
	color:#000000;
	}
	
h2 {
	
	font-size: 100%;
	color:#000000;
	}

h2 p {
	font-weight: bold;
	}
:focus {
	outline: 0;
}

body {
	color: #000;
	background-color: #fff;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th  {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}


/** Default elements **/
html {
	height: 100%;
	overflow-y: scroll;
}

body {
	background-color: #f6f6f6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5d5c5c;
	height: 100%;
}

a:link, a:visited {
	color: #5d5c5c;
}

a:hover {
	color: #444;
}

strong {
	font-weight: bold;
}

img {
	display: block;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

div.clear, br.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
}

.br {
	margin-bottom:10px;
}


/** Structure **/
div#outer-wrapper, div#shaded-wrapper-top, div#shaded-wrapper-bottom {
	width: 100%;
}

div#outer-wrapper {
	background: #f6f6f6 url('../images/css/wrapper-shade-sides.gif') top center repeat-y;
}

div#shaded-wrapper-top {
	background: url('../images/css/wrapper-shade-top.gif') top no-repeat;
	padding-top: 29px;
}

div#shaded-wrapper-bottom {
	background: url('../images/css/wrapper-shade-bottom.gif') bottom no-repeat;
	padding-bottom: 39px;
}

div#inner-wrapper {
	background-color: #fff;
	width: 922px;
	padding: 15px;
	margin: 0 auto;
	position: relative;
}

div#navigation {
	overflow: hidden;
	padding-bottom: 30px;
}

div#navigation h1 {
	width: 109px;
	height: 67px;
	float: left;
}

div#container {
	padding-bottom: 20px;
	border-bottom: 3px solid #5d5c5c;
}

div#inner-container {
	margin-left: -15px;
	overflow: hidden;
	padding: 14px 0 0 15px;
	position: relative;
	width: 922px;
}

div#inner-container div.content-container {
	width: 753px;
	float: left;
	overflow: hidden;
	margin-left: -15px;
	padding-left: 15px;
	display: inline;
}

div#inner-container div.content-container div.content {
	float: left;
	width: 498px;
	overflow: hidden;
}

div#inner-container div.content h2 {
	color: #000;
}

div#inner-container div.content h3,
div#inner-container div.content p {
	margin-bottom: 0.8em;
}

div#inner-container div.content-container div.content.detail-page {
	border-top: 5px solid #a0aead;
	padding-top: 5px;
}


/** Wrapper navigation **/
div#wrapper-nav {
	position: absolute;
	top: -22px;
	right: 15px;
	font-size: 90%;
}

/** Header **/
div#header {
	position: relative;
}

div#header-theme {
	width: 30px;
	height: 320px;
	position: absolute;
	left: -45px;
}

div#header-title {
	width: 922px;
	height: 320px;
	overflow: hidden;
	position: relative;
}

div#header-title h1 {
	font-size: 35px;
	line-height: 100%;
	height: 35px;
	float: left;
	margin: 11px 0 0 15px;
	color: #819291;
}


/** Sidebar **/
div#sidebar {
	width: 156px;
	float: right;
}

div#sidebar h2 {
	background: #fff url('../images/sidebar/title-bg.gif') top no-repeat;
	height: 37px;
	overflow: hidden;
}

div#sidebar h2 span {
	display: block;
	padding: 10px 0 10px 8px;
	margin: 1px 5px 0 0;
	font-weight: bold;
	color: #fff;
	background-repeat: no-repeat;
	background-position: right;
}

div#sidebar h2.spotlight span {
	background-image: url('../images/sidebar/spotlight.gif');
}

div#sidebar h2.multi-line span {
	padding: 5px 0 5px 8px;
	line-height: 100%;
}

div#sidebar h2.news-headlines span, div#sidebar h2.popular-pages span {
	background-image: url('../images/sidebar/news-headlines.gif');
}

div#sidebar h2.popular-pages span {
	background-image: url('../images/sidebar/popular-pages.gif');
}

div#sidebar h2.contact span {
	background-image: url('../images/sidebar/contact.gif');
}

div#sidebar h2.external span {
	background-image: url('../images/sidebar/external.gif');
}

div#sidebar h2.related span {
	background-image: url('../images/sidebar/related.gif');
}

div#sidebar h2.downloads span {
	background-image: url('../images/sidebar/downloads.gif');
}

div#sidebar h2.locations span {
	background-image: url('../images/sidebar/locations.gif');
}
div#sidebar h2.twitter span {
	background-image: url('../images/sidebar/twitter.gif');
}

div#sidebar a {
	color: #5d5c5c;
	text-decoration: underline;
}

div#sidebar a:hover {
	color: #000;
	text-decoration: none;
}

div#sidebar div.content-box {
	padding-bottom: 5px;
	margin-bottom: 10px;
}

div#sidebar div.inner-content {
	background-color: #f8f9ec;
	padding: 8px;
	font-size: 90% !important;
	min-height: 50px;
}

div#sidebar div.inner-content img {
	margin-bottom: 5px;
}

div#sidebar ul.bullet {
	margin: 0;
	padding: 0;
}

ul.bullet li {
	background: url('../images/bullet.gif') 0 7px no-repeat;
	padding-left: 12px;
}

div#sidebar ul.divided li {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #c1c71f;
}

div#sidebar ul.divided li.first {
	margin-top: 0;
	padding-top: 0;
	border: 0;
}


/** Primary Navigation **/
ul#primary-nav {
	float: right;
}

ul#primary-nav li {
	float: left;
	width: 156px;
	margin-left: 15px;
	border-bottom: 1px solid #ccc;
}

ul#primary-nav li.break {
	clear: left;
}

ul#primary-nav li.first {
	border-top: 3px solid #000;
}

ul#primary-nav li.active a, ul#primary-nav li a:hover {
	background-color: #f8f9ec;
}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 0 5px 4px;
}


/** Search box **/
div#search {
	width: 153px;
	overflow: hidden;
	float: right;
	padding: 5px 0px 5px 3px;
	border-bottom: 1px solid #ccc;
}


div#search input.textbox {
	width: 126px;
	border: 0px solid #fff;
	background-color: #fff;
	color: #aaa;
	padding: 0;
}

div#search input#search-button {
	background-image: url(../images/search_icon.gif);
	background-color: #fff;
	background-position: top;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 16px;
	line-height: 999px;
	overflow: hidden;
	width: 15px;
}

div#search input {
	float: left;
}


div#search input:focus, div#search input.focus {
	color: #000;
}

/** top menu colours **/
div#wrapper-nav a:hover {
	color: #b5c639;
}

/** Crumb trail **/
div#crumb-trail {
	
	background-color: #efefee;
	padding: 5px 0 5px 15px;
	margin-top: 5px;
}


/** Sub-nav **/
div#sub-nav {
	float: left;
	width: 254px;
	margin: 0 14px 0 -15px;
	display: inline;
}

div#sub-nav h2 {
	font-weight: normal;
	margin: 0 0 8px 15px;
	padding-top: 8px;
	border-top: 5px solid #fff;
}
div#sub-nav h2 a {
	text-decoration: none;
}

ul#sub-nav-parent {
	border-top: 1px solid #aaa;
}

ul#sub-nav-parent a {
	text-decoration: none;
	display: block;
	padding: 5px 15px;
	line-height: 1.2em;
}

ul#sub-nav-parent a.secondary:hover {
	text-decoration: underline;
}

ul#sub-nav-parent a.parent {
	color: #000;
}

ul#sub-nav-parent li.parent.active a.parent, ul#sub-nav-secondary li.active a.secondary, ul#sub-nav-tertiary li.active a {
	font-weight: bold;
}

ul#sub-nav-parent li.parent {
	border-bottom: 1px solid #aaa;
}

ul#sub-nav-parent li.parent a.highlight {
	background-color: #f8f9ec;
}

ul#sub-nav-parent li.active.no-tertiary a.parent {
	border-bottom: none;
}

ul#sub-nav-parent li.parent.active a.parent {
	font-weight: bold;
	color: #000 !important;
}

ul#sub-nav-secondary a.secondary {
	padding: 5px 5px 5px 15px;
	width: 234px;
}

ul#sub-nav-secondary, ul#sub-nav-secondary ul, ul#sub-nav-secondary li {
	width: 100%;
}

ul#sub-nav-tertiary a {
	padding: 5px 5px 5px 30px;
	width: 219px;
}

ul#sub-nav-tertiary li.active a {
	background-color: #f8f9ec;
}

ul#sub-nav-tertiary a:hover {
	color: #000 !important;
	text-decoration: underline;
}

/** Rounded corners **/
.rounded {
	width: 669px;
	background: url('../images/css/rounded-top-669.gif') left top no-repeat;
	padding-top: 6px;
	margin-top: 10px;
}

.rounded .rounded-inner {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 2px 8px 8px;
}

.rounded-tint, .rounded-large {
	padding-top: 7px;
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 14px;
}

.rounded-tint.first, .rounded-large.first {
	margin-top: 0;
}

.rounded-tint {
	width: 498px;
	background-image: url('../images/css/rounded-top-498.gif');
}

.rounded-tint .rounded-inner {
	background-color: #f6f6f6;
	padding: 3px 10px 10px;
}

.rounded-large {
	width: 751px;
	background-image: url('../images/home/rounded-corner-751.gif');
}

.rounded-large .rounded-inner {
	border: 1px solid #dadbdb;
	padding: 4px 10px 10px;
	border-top: none !important;
}



/** Related links **/
p.related a {
	color: #b5c639 !important;
}


/** Footer **/
div#footer {
	position: absolute;
	margin-top: 22px;
	left: 15px;
	font-size: 90%;
	width:922px;
	overflow:hidden;
}
div#footer .icon {
	background-image:url('../images/social-sprite.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 20px;
	width: 20px;
	display: block;
	float:left;
	margin-left:8px;
}
div#footer .icon span {
	display:none;
}
div#footer .linkedin:hover {
	background-position: 0 -21px;
}
div#footer .twitter {
	background-position: -21px 0;
}
div#footer .twitter:hover {
	background-position: -21px -21px;
}

/** BRE brands bar**/
div#bre-brands {
	padding-top: 10px;
	width: 922px;
}
div#bre-brands ul {
	margin-left: -19px;
	overflow: hidden;
}
div#bre-brands li {
	float: left;
	display: inline;
	margin-left: 19px;
}
div#bre-brands li a {
	background-repeat: no-repeat;
	background-position: top;
	height: 50px;
	display: block;
}
div#bre-brands li a:hover {
	background-position: bottom;
}
div#bre-brands li a span {
	display: none;
}
.footer-building4change {
	width: 62px;
	background-image: url('../images/logos/building4change.gif');
}
.footer-smartwaste {
	width: 70px;
	background-image: url('../images/logos/smartwaste.gif');
}
.footer-redbooklive {
	width: 85px;
	background-image: url('../images/logos/redbooklive.gif');
}
.footer-greenbooklive {
	width: 98px;
	background-image: url('../images/logos/greenbooklive.gif');
}
.footer-breeam {
	width: 43px;
	background-image: url('../images/logos/breeam.gif');
}
.footer-brebookshop {
	width: 81px;
	background-image: url('../images/logos/brebookshop.gif');
}
.footer-breinnovationpark {
	width: 124px;
	background-image: url('../images/logos/breinnovationpark.gif');
}
.footer-bretrust {
	width: 58px;
	background-image: url('../images/logos/bretrust.gif');
}

/** Bullet list **/
ul.bullet {
	margin-bottom: 0.8em;
	padding-left: 15px;
}


/** sIFR **/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/** Content foorter for See Also, Find Out More etc **/
div#content-footer {
	border-top: 5px solid;
	padding-top: 10px;
	margin-top: 30px;
}

div#content-footer ul, ul.collapsible-list {
	border-bottom: 1px solid;
	margin-top: 10px;
}

div#content-footer li, ul.collapsible-list li.item {
	border-top: 1px solid #5d5c5c;
	padding: 6px 0;
}

div#content-footer a, ul.collapsible-list h3 a {
	text-decoration: none;
}

div#content-footer a:hover, ul.collapsible-list a:hover {
	text-decoration: underline;
}

ul.collapsible-list h3 a {
	display: block;
	background-position: right;
	background-repeat: no-repeat;
}

ul.collapsible-list .active h3, .collapsible-list .active h3 a {
	font-weight: bold;
}


/** Generic table style for data driven content **/
table.column-grid {
	clear: both;
	margin-top: 10px;
	table-layout: fixed;
}

table.column-grid th {
	font-weight: bold;
	padding: 5px 3px;
	border-top: 5px solid #aaa;
	border-bottom: 1px solid #aaa;
	color: #000 !important;
}

table.column-grid th.gap {
	width: 9px;
}

table.column-grid th.gap, table.column-grid td.gap {
	border-color: #fff !important;
	vertical-align: middle;
}

table.column-grid td {
	border-bottom: 1px solid #aaa;
	padding: 3px;
	vertical-align: top;
	empty-cells: show;
}

table.column-grid tr.row:hover, table.column-grid tr.row.hover {
	cursor: default;
}

/** Non bold type heading **/
.emphasis {
	color: #000;
}

/** Training and Events table **/
div#training-and-events-list h2 {
	color: #eb960d !important;
	font-size: 160%;
	font-weight: normal;
	float: left;
	margin-bottom: 10px;
}

div#training-and-events-list p {
	clear: both;
	margin-bottom: 10px;
}

div#training-and-events-list table.column-grid th {
	border-top-color: #eb960d;
}

div#training-and-events-list table.column-grid tr.row:hover, div#training-and-events-list table.column-grid tr.row.hover {
	background-color: #ffebd6;
	color: #eb960d !important;
}

div#training-and-events-list table.column-grid tr.row:hover a, div#training-and-events-list table.column-grid tr.row.hover a {
	color: #eb960d !important;
}

div#training-and-events-list table.column-grid th.date {
	width: 118px;
}

div#training-and-events-list table.column-grid th.title {
	width: 350px;
}

div#training-and-events-list table.column-grid th.type {
	width: 24px;
	border-color: #fff;
}

div#training-and-events-list table.column-grid td img {
	margin: 0 auto;
}

div#training-and-events-list table.column-grid a {
	text-decoration: none;
}

ul#training-and-events-tab {
	overflow: hidden;
	margin-left: -3px;
}

ul#training-and-events-tab li {
	float: left;
	margin-left: 3px;
}

ul#training-and-events-tab a {
	display: block;
	padding: 3px 0;
	width: 104px;
	text-align: center;
	background-color: #f6f6f6;
	text-decoration: none;
}

ul#training-and-events-tab a:hover {
	color: #eb960d;
}

ul#training-and-events-tab a.active {
	background-color: #eb960d;
	color: #fff !important;
	cursor: default;
}

table#forthcoming {
	display: none;
}

ul#training-and-events-key {
	float: right;
}

ul#training-and-events-key li {
	float: left;
	padding: 1px 10px 0 0;
}

ul#training-and-events-key img {
	display: inline;
	margin-bottom: -2px;
}
/* catch all tidy up for hr rules spacing */
hr {
	border:none;
	background:#aaa;
	height:2px;
	margin-bottom:8px;
}
/* fix fro sub- and superscript poisitioning and spacing */
sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}


/*
 * New additions
 * 28/11/2011 <cue@opx.co.uk>
 */
.clearfix {
	overflow:hidden;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.pushleft {margin-left:14px;}
.pushright {margin-right:14px;}
.pushtop {margin-top:14px;}
.pushbottom {margin-bottom:14px;}

.inputbox {
	border:none;
	background-color:#eee;
	color:#aaa;
	font-style:italic;
	padding:4px;
}

.inputbox.focus {
	font-style:normal;
	color:inherit;
}

input.button, a.button {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:none;
	cursor:pointer;
	font-size:small;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
}
input.button:hover, a.button:hover {
	background-color:#aaa;
}
input.button-big, a.button-big {
	padding:10px 20px;
}

.table-title {
	border-bottom: 1px solid #aaa;
	border-top: 5px solid #aaa;
	padding: 5px 3px;
}

.rounded-top-title {
	-moz-border-radius: 8px 0px;
	-webkit-border-radius: 8px 0px;
	border-radius: 8px 8px 0px 0px;
	padding: 8px;
}
.rounded-top-title h2, h2.rounded-top-title {
	margin-bottom:0 !important;
}

.solid-box {
	padding:8px;
	margin-bottom:14px;
}

/* Event filter */
.filter-checkboxes {
	float:left;
	width:530px;
}
.filter-checkboxes label {
	cursor:pointer;
}
.filter-checkboxes input {
	margin-right:10px;
}

/* Global events list */
.events-list {
	margin-top: 14px;
}
.events-list .button {
	background-color:#379e92;
	color:white !important;
	text-decoration:none;
}
.events-list .rounded-top-title {
	background-color:#379e92;
	background-image: url(../images/css/event-list-bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.events-list .solid-box {
	background-color:#e6f4f3;
}
.events-list .rounded-top-title h2 {
	color:white !important;
}
.events-list .table-title {
	border-top-color:#379e92;
}
.events-list .table-title h2 {
	color: #379e92 !important;
}
.events-list table.column-grid {
	margin-top:0;
}
.events-list table.column-grid th {
	border-top:none;
	color:#379e92 !important;
}
.events-list table.column-grid tr.row:hover, .events-list table.column-grid tr.row.hover {
	background-color: #ebf5f4;
	color: #379e92 !important;
}
.events-list table.column-grid tr.row:hover a, .events-list table.column-grid tr.row.hover a {
	color: #379e92 !important;
}
.events-list table.column-grid a {
	text-decoration: none;
}

/* Form styles */
.form textarea {
	resize: none;
}
.form input, .form textarea, .form select {
	border:1px solid #ddd;
	background-color:white;
	padding:3px;
	font-size:90%;
}
.form input.selectable {
	border:none;
	padding:none;
	background-color:transparent;
}
.form td {
	padding-bottom:10px;
}

input.button, a.button {
	background-color:#5F7563;
	color:white !important;
}

.rounded-top-title {
	background-color: #5F7563;
	background-image: url(../images/css/rounded-top-498-general.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.rounded-top-title.wide {
	background-image: url(../images/css/rounded-top-669-general.gif);
}

.solid-box {
	background-color:#eeeeee;
}

.highlight {
	color:#9bcfc9;
}

.rounded-top-title h2, h2.rounded-top-title {
	color:white !important;
}

/* page styles */
.body-text ul, .body-text ol {
	margin-bottom: 0.8em;
	padding-left: 1.5em;
}

.body-text ul li {
	background: url('../images/bullet.gif') 0 7px no-repeat;
	padding-left: 12px;
}

.body-text ol li {
	padding-left: 12px;
	list-style-type: decimal;
}