@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");

/* Sustainable Development Commission (2010) - Major page elements in here - tim@fb */

/******

Main colours:

Brand blue: #004280
Brand yellow: #F9B534
Brand cyan: #0098DB

Subnav blue tint: #7397b9
Page tools blue bg tint: #DAE1EA

Footer bg blue: #b6c5d7
Sec nav grey: #666666

SDC Features blue bg tint: #EEF6FF 

******/

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	background: #fff;
}

#header {
	float: left;
	height: 171px;
	width: 960px;
}

#branding_header {
	float: left;
	width: 364px;
	height: 77px;
	margin: 21px 0 0 1px;
	
}

/* @group Secnav in header */

#wrapper_secnav {
	float: right;
	width: 390px;
	margin: 14px 12px 0 0;
	color: #666;
}

#wrapper_secnav ul {
	list-style-type: none;
	margin: 0;
	float: right;
	padding: 0;
}

#wrapper_secnav ul li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 5px 2px 6px 2px;
	text-align: left;
}

/* @end */

/* @group Standard Search box */

#wrapper_search {
	float: right;
	clear: right;
	margin-top: 15px;
	width: 273px;
	margin-right: 5px;
	padding-top: 0;
}

#searchform fieldset {
	border: none;
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin: 0;
}

#searchform fieldset input#s{
	border: none;
	background: url(../images/bg_search.gif) no-repeat;
	padding: 8px 4px 8px 73px;
	color: #999;
	float: left;
	width: 194px;
}

#searchform fieldset input.btn {
	width: 80px;
	border: none;
	margin: -32px 0 0 -5px;
	float: left;
	clear: none;
	height: 29px;
	position: relative;
	z-index: 20;
	background: transparent;
	font-weight: bold;
	cursor: pointer;
	font-size: 0.916em;
	color: #3F3F3F;
}

label#sitesearcher  {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:0;
}

/* @end */

/* @group Main/Top Nav */


#wrapper_topnav {
	float: left;
	clear: both;
	width: 960px;
	margin-top: 27px;
	height: 47px;
}

ul#topnav {
	list-style-type: none;
	background: url(../images/sprite_topnav.jpg) 0 0 no-repeat;
	margin: 0;
	float: left;
	width: 100%;
	height: 47px;
	padding: 0;
}


ul#topnav li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 0;
	text-align: center;
}

/* @end */

#row_submast {
	float: left;
	width: 960px;
	clear: both;
	margin: 0;
	background: url(../images/bg_submast_ukhome.gif) top center no-repeat;
	height: 87px;
}

#pageid {
	background: url(../images/bg_pageid.gif) top center no-repeat;
	float: left;
	width: 960px;
	clear: left;
	height: 32px;
	padding-bottom: 5px;
	display: block;
}

body#four-col #crumbs {display: none;}

#crumbs {
	clear:both;
	float:left;
	display: block;
	font-size:0.833em;
	padding: 8px 0 0 10px;
	width: 950px;
}

/* Sticky Footer css from http://www.cssstickyfooter.com - with thanks! */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#content {
	clear: both;
	padding-bottom: 150px; /* must be same height as the footer */
}  

#stickyfooter {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px; /* actual height of the footer */
	clear:both;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	text-align: left;
	padding: 0;
	background: #b6c5d7;
}

#footer-header {
	float: left;
	background: url(../images/bg_footer_top.gif) top center no-repeat;
	width: 100%;
	position: relative;
	z-index: 30;
	height: 57px;
}

/* end stickyfooter */

/* @group Main Layout blocks */

#content_inner_wrapper {
	float: left;
	width: 960px;
	margin: 0 0 5px 0;
}

body#four-col #wrapper_leftcol{
	float: left;
	width: 470px;
	padding: 0;
}

#wrapper_leftcol{ /* for basic sub-page */
	float: left;
	width: 220px;
	padding: 0;
}


#leftcol_row-one {
	float: left;
	width: 470px;
	height: 304px;
	padding: 0 0 5px 0;
	margin: 0;
	display: block; /* important */
	
}

#leftcol_row-two {
	float: left;
	clear: left;
	width: 455px;
	padding: 15px 5px 0 10px;
	margin: 0;
	display: block; /* important */
	background: #EEF6FF;
	min-height: 206px;
    height: auto !important;
    height: 206px;
}

body#four-col #midcol {
	display: block;
	float: right;
	width: 220px;
	clear: none;
}

#midcol { /* for basic sub-page */
	display: block;
	float: right;
	width: 470px;
	clear: none;
}

#col-one {
	float: left;
	width:  225px;
}

#col-two {
	float: right;
	width:  225px;
	clear: none;
}

#rightcol {
	float: right;
	width: 220px;
	padding: 0;
	margin-top: 0;
	display: block; /* important */
}

#content_left {
	float: left;
	width: 710px;
	padding: 0;
}


/* @end */

/* @group Secnav second instance */

#wrapper_secnav_again {
	float: left;
	clear: none;
	width: 429px;
	margin: 0;
	height: 37px;
}

#wrapper_secnav_again ul {
	list-style-type: none;
	margin: 8px 0 0 10px;
	float: left;
	padding: 0;
}

#wrapper_secnav_again ul li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 5px 1px 6px 1px;
	text-align: left;
}

/* @end */

address.contact {
	color: #004281;
	font-size: 0.833em;
	font-weight: normal;
	float: right;
	clear: none;
	margin: 22px 12px 0 0;
	text-align: right;
}


/* @group Quicklinks select boxes */

form#quicklinks {
	background: url(../images/bg_selects.gif) 0 0 no-repeat;
	height: 115px;
	margin-bottom: 15px;
}
form#quicklinkstwo {
	background: url(../images/bg_selects.gif) 0 0 no-repeat;
	height: 115px;
	margin-bottom: 15px;
}
label#rgn {
	background: url(../images/bg_label_region.gif) 0 0 no-repeat;
	padding-top: 29px;
}

label#ima {
	background: url(../images/bg_label_iama.gif) 0 1px no-repeat;
	padding-top: 25px;
	clear: right;
}

select#region {
	margin: 0 0 13px 5px;
	float: left;
	width:155px;
}

select#iama {
	margin: 0 0 0 5px;
	width:155px;
	}

.select-floatwrap {
	height: 33px;
	float: left;
	width: 219px;
}

/* @end */

/* @group Pagetools */

#pagetools {
	background: url(../images/bg_pagetools.jpg) 0 0 no-repeat;
	height: 80px;
	padding: 10px;
	float: left;
	width: 200px;
	clear: both;
	display:block;
}

#pagetools ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
}

#pagetools ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 0.916em;
	font-weight: bold;
	color: #4c4c4c;
	width: 190px;
}

#pagetools img {vertical-align: middle;}

/* @end */

.border {
	border-bottom: 3px solid #004280;
	margin-bottom: 15px;
}

/* @group Featured Publications on the UK Home page */


#featured-pubs {
	float: left;
	width: 220px;
	margin-bottom: 15px;
}

#featured-pubs ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#featured-pubs ol li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#featured-pubs ol li.pubs-img {
	float: left;
	width: 80px;
}

#featured-pubs ol li.pubs-text {
	float: right;
	width: 134px;
	clear: none;
}

#featured-pubs p {color: #004280;}

/* @end */

/* @group Press Releases on the UK Home page */

#press-releases {
	margin: 12px 0 0 0;
}

#press-releases ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#press-releases ol li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Subnav */

#wrapper_subnav {margin: 0;}

ul#subnav {
	background: url(../images/bg_subnav_btmcap.gif) bottom center no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0 0 27px 0;
}

ul#subnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#subnav li ul li {padding: 0;}

ul#subnav li ul {margin:0;}

/* @end */

blockquote {
	font-size: 1.334em;
	margin-bottom: 2em;
	margin-top: 2em;
	color: #014282;
	font-style: italic;
	line-height: 1.28;
	background: url(../images/bg_pullquo-top.gif) top left no-repeat;
}

/* @group various classes */

.flleft {float: left;}

.flright {float: right;}

.clearing {clear: both;}

.block {display: block;}

/* @end */

/* tgc edit 24.5.2010 */

/* @group Top-level landing page */

#translation {
	float: right;
	margin: -15px 25px 0 0;
	font-size: 1.0em;
	font-weight: bold;
}

#translation a {
	color: #fff;
	font-size: 0.916em;
}

ul#box-subnav {
	width: 709px;
	list-style-type: none;
	float: left;
	margin: 26px 0 0 0;
}

ul#box-subnav li {
	width: 217px;
	list-style-type: none;
	float: left;
}

li#toplevelbox_01 {margin: 0 29px 15px 0;}

li#toplevelbox_02 {margin: 0 29px 15px 0;}

li#toplevelbox_03 {margin: 0 0 15px 0;}

li#toplevelbox_04 {margin: 0 29px 15px 0;}

li#toplevelbox_05 {margin: 0 29px 15px 0;}

li#toplevelbox_06.linklist { /* this box allows for a supplimentary set of sub-nav links to be set via admin */
	margin: 0 0 15px 0;
	width: 462px !important;
}

li#toplevelbox_05.linklist { /* this box allows for a supplimentary set of sub-nav links to be set via admin */
	margin: 0 0 15px 0;
	width: 462px !important;
}

li#toplevelbox_05.linklist h3 {
	background: #000;
	color: #004280 !important;
	padding: 10px 8px 10px 12px;
	margin-bottom: 6px;
}

li#toplevelbox_06 {margin: 0 0 15px 0;}

li#toplevelbox_06.linklist p {background: #fff;}



/* @group Two column link list */

ul#also {
	list-style-type: disc;
	margin-top: 15px !important;
	color: #004280;
}

ul#also li {
	list-style-type: disc;
	float: none; /*important */
	width: auto; /*important */
	color: #004280;
}

ul#also li a {font-weight: bold;}

ul#also li a:hover {text-decoration: underline !important;}

.page_item {
	margin:7px 0 0 0;
	line-height:15px;
}

li.page-item-2,li.page-item-4,li.page-item-6,li.page-item-8 {margin-left:0;}

li.page-item-10,li.page-item-12,li.page-item-14,li.page-item-16 {margin-left:245px;}

li.page-item-10 {margin-top:-81px;} /* height + space (15px x 4 + 7px x 3 = 81) of items 1-4 = neg margin of column 2 */

/* @end */

ul#box-subnav li h3 {
	background: #004280;
	color: #fff !important;
	padding: 10px 8px 10px 12px;
	margin-bottom: 6px;
}

ul#box-subnav li p {
	background: #efefef;
	position: relative;
	height: 106px;
	overflow: hidden;
}

.text-overlay {
	display: block;
	background: url(../images/tile_trans_white.png);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 197px;
	padding: 10px;
	height:10px;
}
.p_heading a{
	color:#ffffff;
}
.hide {
	display: none;
}

/* @end */

/* @group Region page */

#seefirst_static {
	background: url(../images/seefirst_static.jpg) 0 0 no-repeat;
	width: 469px;
	height: 304px;
	float: left;
}

.caption  {
	background:url(../images/text-bg.png) 0 0 no-repeat;
	float:left;
	margin-top:255px;
	padding:10px;
	text-align:left;
	width:449px;
}

#recentposts {background: url(../images/blogbox_centre.gif) bottom left no-repeat;}

/* @end */

/* tgc edit 28.5.2010 */


/* @group Blog latest page */

#blog_postsummary {
	background: url(../images/bg_blog_postsummary.gif) 0 0 no-repeat;
	width: 449px;
	height: 214px;
	padding: 47px 10px 45px 10px;
	float: left;
}

#posts {
	/*border: 1px solid #ccc;
	background: #ecf4ff;
	
	width: 448px;
	float: left;
	height: 212px;
	overflow: auto;*/
}
#postsnojs {
	border: 1px solid #ccc;
	background: #ecf4ff;
	height: 212px;
	width: 448px;
	float: left;
	overflow: auto;
	
}
#posts ol {
	list-style-type: none;
	margin: 0;
	padding: 15px 15px 0 15px;
	height:212px;
}

#posts ol li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#posts span {font-weight: bold;}

.border_halfwidth {
	border-bottom: 3px solid #004280;
	margin-bottom: 15px;
	width: 217px;
	float: left;
}

.blog_pressreleases {padding: 0 0 15px 0 !important;}

#col-one ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#col-one ol li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#calendar {
	background: url(../images/bg_calendar.gif) bottom left;
	margin-bottom: 20px;
}


/* @end */

#searchResults dl {
	margin: 10px 0 20px 0px;
}

#searchResults dl dt, #searchResults dl dd {
	margin-left: 0px;
}

#searchResults .info {
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}


/* end main.css */