@charset "utf-8";
/* CSS Document */

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
 display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
	min-height: 100%
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html, button, input, select, textarea {
	font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	min-height:100%;
}
/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	/*outline: thin dotted;*/
	outline: none;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active, a:hover {
	outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}
h3 {
	font-size: 1.17em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}
h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}
/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
	background: #ff0;
	color: #000;
}
/*
 * Addresses margins set differently in IE 6/7.
 */

p, pre {
	margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
	quotes: none;
}
/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before, q:after {
	content: '';
	content: none;
}
/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl, menu, ol, ul {
	margin: 1em 0;
}
dd {
	margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE 6/7.
 */

menu, ol, ul {
	padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
	margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
 *margin-left: -7px; /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button, input, select, textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
 *vertical-align: middle; /* 3 */
}
/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button, input {
	line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
 *overflow: visible;  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */

button[disabled], input[disabled] {
	cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
 *height: 13px; /* 3 */
 *width: 13px; /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*	=====================================================================
	BLOGS STYLES START 
	===================================================================== */

/* hide skip-to nav and reveal on focus/active  */
.skip-to a, .skip-to a:hover, .skip-to a:visited
	{
	position:absolute;
	left:-10px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

.skip-to a:active, .skip-to a:focus
	{
	position:static;
	display:block;
	width:200px;
	height:auto;
	font-size:1.2em;
	margin: 0 auto;
	} 
/* basic structure styles start */
#outer {
	background: url(http://forms2.bl.uk/blogs/images/hero-blog-home.jpg) no-repeat center top;
	max-width: 1600px;
	min-height:100%;
	margin: 0 auto;
}
#inner {
	margin: 0 auto;
	width: 976px;
	min-height:100%;
}
#colwrap {
	background: #FFF;
}
#leftcol {
	background: #FFF;
	float:left;
	margin: 0 0 0 0;
	padding: 16px;
	padding-right:0;
	width: 576px;
	overflow: hidden;
}
#rightcol {
	background: #FFF;
	float:left;
	margin: 0;
	/*width: 352px;*/
	width:384px;
}

/* basic structure styles end */
/* Header styles start */
#top {
	width:976px;
	position:relative;
}
#top img {
	border-bottom: 1px solid #FFF;
	border-left: none;
	border-right: 1px solid #FFF;
	border-top: none;
	float:left;
	width:51px;
}
/* Primary nav and drop-down styles start */
#primarynav {
	background: #0F375C;
	border-bottom: 1px solid #FFF;
	height: 100px;
	width:	923px;
	float:left;
}
#primarynav h3 {
	color:#333;
	font-size:1.6em;
	margin: 6px 0 3px 0;	
}
#primarynav ul {
	color: #FFF;
	margin: 70px 0 0 0;
	height: 30px;
	padding: 0;
	position:relative;
}
#primarynav li {
	border-right: solid 1px #FFF;
	float:left;
	height:30px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:auto;
}
#primarynav li:last-child {
	border-right:none;
}
a:link.topmenu, /*a:visited.topmenu,*/ a:active.topmenu {
	/*background:url(http://www.bl.uk/resources/images/arrow-down-white.png) no-repeat right 5px;*/
	border-bottom: solid 11px #0F375C;
	color: #FFF;
	font-size: 1.3em;
	font-weight:bold;
	height: 10px;
	padding: 0 30px 3px 19px;
	text-decoration: none;
}
a:visited.topmenu {
	/*background:url(http://www.bl.uk/resources/images/arrow-down-white.png) no-repeat right 5px;*/
	border-bottom: solid 11px #0F375C;
	color: #D2D9DD;
	font-size: 1.3em;
	font-weight:bold;
	height: 10px;
	padding: 0 30px 3px 19px;
	text-decoration: none;
}
a:hover.topmenu, a:focus.topmenu {
	/*background:url(http://www.bl.uk/resources/images/arrow-down-white.png) no-repeat right 5px;*/
	border-bottom: solid 12px #1E6EB8;
	color: #FFF;
	font-size: 1.3em;
	font-weight:bold;
	height: 10px;
	padding: 0 30px 3px 19px;
	text-decoration: none;
}
li.mega > a {
	background:url(http://forms2.bl.uk/blogs/images/arrow-down-white.png) no-repeat right 5px;	
}
/*.no-js a:link.topmenu, .no-js a:visited.topmenu, .no-js a:hover.topmenu, .no-js a:active.topmenu  {
	background: none;	
}*/
.no-js a.topmenu  {
	background: none;	
}
#submenu, #tabcat, #tabcoll, #tabeveryone, #tabservices, #tabvisiting, #tababout, #tabinfofor,#tabjoin {
	background: none repeat scroll 0 0 #FFFFFF;
	display: none;
	padding: 16px;
	position: absolute;
	width: 944px;
	z-index: 200;
	left: -53px;
	top: 30px;
}
#tabinfofor {
	width: 238px;
	z-index: 200;
	left: 632px;
}

#tabjoin {
	width: 238px;
	z-index: 200;
	left: 785px;
}

.hovering #submenu, .hovering #tabcat, .hovering #tabcoll, .hovering #tabeveryone, .hovering #tabservices, .hovering #tabvisiting, .hovering #tababout, .hovering #tabinfofor, .hovering #tabjoin{
	display: block;
}
.submenucol {
	float:left;
	padding: 0 0 0 16px;
	width: 220px;
}
.submenucol:first-child {
	padding: 0;
}
.menuheader {
	color: #777;
	font-size: 1.5em;
	font-weight: bold;
	margin: 4px 0 10px 0;
}
/*#submenu p {*/
.submenucol p {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	line-height:2.0em;
	margin:0;
	padding:0;
}
/*#submenu a:link {*/
.submenucol a:link {
	color: #333;
	text-decoration:none;
}
.submenucol a:visited {
	color: #5C5C5C;
	text-decoration:none;
}
.submenucol a:hover, .submenucol a:focus {
	color: #333;
	text-decoration:underline;
}
.submenucol a:active {
	background-color: #0F375C;
	color: #FFF;
	text-decoration:none;
}
/* Primary nav and drop-down styles end */
/* Page headings and secondary nav styles start */
#top h1 {
	background: none repeat scroll 0 0 #1E6EB8;
	clear:left;
	color: #FFF;
	font-family: "calluna-sans", Arial, Helvetica, sans-serif;
	font-size: 3.8em;
	font-weight: bold;
	min-height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 11px 16px;
}

#headerpanel {
	color:#FFF;
	height: 116px;
	margin: 0;
	padding: 28px 450px 16px 16px;
}
#headerpanelshort {
	background: #1E6EB8;
	color:#FFF;
	min-height: 30px;
	margin: 0;
	padding: 16px;
}
#headerpanelmedium {
	background: #1E6EB8;
	color:#FFF;
	min-height: 125px;
	margin: 0;
	padding: 16px;
}
#headerpaneltall {
	color:#FFF;
	height: 223px;
	margin: 0;
	padding: 28px 400px 16px 16px;
}
#headerpaneltallbgrd {
	background:#1E6EB8;
	color:#FFF;
	height: 234px;
	padding: 16px;
	width: 944px;
}
#headerpanelwhite {
	background: #FFF;
	color:#333;
	font-family: "calluna-sans", Arial, Helvetica, sans-serif;
	min-height: 30px;
	margin: 0;
	padding: 16px;
}
#headerpaneltallbgrd ul {
	list-style-type:none;
	margin: 28px 0 0 0;
	padding:0;	
}
#headerpaneltallbgrd li {
	margin: 8px 0;
	font-weight:bold;
}
#headerpaneltallbgrd a:link {
	color: #FFF;
	text-decoration: none;
	font-size:1.3em;	
}
#headerpaneltallbgrd a:visited {
	color: #FFF;
	text-decoration: none;
	font-size:1.3em;	
}
#headerpaneltallbgrd a:hover, #headerpaneltallbgrd a:focus {
	color: #FFF;
	text-decoration: underline;
	font-size:1.3em;	
}
#headerpaneltallbgrd a:active {
	background: #1E6EB8;
	color: #FFF;
	text-decoration: none;
	font-size:1.3em;	
}
.headerpanel {
	font-family: "calluna-sans", Arial, Helvetica, sans-serif;
	
}
.headerpanel h2 {
	font-size:3.4em;
	font-weight: bold;
	margin: 0 0 14px 0;
}
.headerpanel p {
	font-size:2.6em;
	font-weight: normal;
	/*font-style:italic;*/
	margin: 0;
}
#headerpaneltall.headerpanel p {
	font-size:3.0em;
	margin: 20px 0 0 0;
}
#secondnav {
	background:	#0F375C;
}
#secondnav ul {
	background:#0F375C;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#secondnav li {
	color: #FFF;
	display:inline;
	font-size: 1.3em;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
#secondnav a:link, #secondnav a:active {
	background: url("http://www.bl.uk/resources/images/pipe.gif") no-repeat right center #0F375C;
	/*color:#8CB0D0;*/
	color:#FFF;
	float:left;
	padding: 6px 15px;
	text-decoration:none;
}
#secondnav a:visited {
	background: url("http://www.bl.uk/resources/images/pipe.gif") no-repeat right center #0F375C;
	/*color:#7699B7;*/
	color:#FFF;
	float:left;
	padding: 6px 15px;
	text-decoration:none;
}
#secondnav a:hover, #secondnav a:focus {
	background:#E2E2E2;
	color:#0F375C;
	float:left;
	padding: 6px 15px;
	text-decoration:none;
	margin: 0 1px 0 -1px;
}
#secondnav ul li:first-child a {
	margin:0;
}

#secondnav ul li:last-child a {
	background-image: none;
}
#secondnav .currentnav {
	background:#E2E2E2;
	color:#0F375C;
	float:left;
	padding: 6px 15px;
	text-decoration:none;	
}
/* Page headings and secondary nav styles end */
/* Image information display/hide styles start */
#imginfopanel {
	background: #FFF;
	height: auto;
	left: 570px;
	margin: 0;
	position: absolute;
	top: 284px;
	max-width: 240px;
	z-index:100;
}
.no-js #imginfopanel {
	display:none;	
}
#imginfopanel .imginfobgrd {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -240px -300px;
	height: 24px;
	text-indent: -10000px;
	width: 24px;
}
#imginfopanel .active {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -270px -300px;
}
#imginfo {
	color: #333333;
	font-size: 1.1em;
	line-height: 1.455em;
	margin: 0;
	padding: 5px 8px 8px;
}
/* Image information display/hide styles end */
/* Header styles end */
/* Left column styles start */
#leftcol section {
	margin:0;
	padding:0;
}
#leftcol h3, #leftcol h1  {
	/*color: #0F375C;*/
	color:#333;
	font-size: 2.0em;
	margin:10px 0;
}
#leftcol ul {
	margin: 16px 0 16px 16px;	
}
#leftcol p, #leftcol li, #leftcol th, #leftcol td {
	color:#333;
	font-size: 1.3em;
	line-height:1.385em;
}
#leftcol figure {
	margin: 16px 0 0;
}
#leftcol figcaption {
	font-size: 1.3em;
	font-style: italic;
	line-height:1.385em;
	margin: 8px 0;
}
#leftcol p a:link {
	color: #0066FF;
	text-decoration: none;
}
#leftcol p a:visited {
	color: #0066FF;
	text-decoration: none;
}
#leftcol p a:hover, #leftcol p a:focus {
	color: #0066FF;
	text-decoration: underline;
}
#leftcol p  a:active {
	background: #0066FF;
	color: #fff;
}
/*#leftcol p a:focus {
	background: #3366BB;
	color: #FFF;
	text-decoration: none;
}*/
.font17pt {
	font-size:1.7em;
	line-height:1.412em;
	margin:0;
}
#leftcol h1, #leftcol h2, #leftcol h3, #leftcol p, #leftcol ul, #leftcol figure {
	padding:0;
}
#leftcol h1 a:link, #leftcol h1 a:visited  {
	color: #0066FF;
	text-decoration:none;
}
#leftcol h1 a:hover {
	color: #0066FF;
	text-decoration:underline;
}
#leftcol h1 a:active, #leftcol h1 a:focus {
	color: #FFF;
	background: #0066FF;
	text-decoration:none;
}
.font11ptbold {
	font-weight:bold;
	margin: 30px 0 0;
}
/* blog page nav styles start */
#leftcol #pagenav p {
	font-size: 1.4em;
	margin: 0;
	font-weight:bold;
}
#leftcol #pagenav {
	border-bottom: 1px solid #999999;
    margin: 0 0 8px;
    padding: 0 0 4px;
}
.pagenavleft {
	float:left;
}
.pagenavright {
	float:right;
}
#leftcol #pagenav p a, #leftcol p.paramargin6-18 a, #leftcol p.blogtags a {
	/*text-decoration: none;*/
}
/*#leftcol #pagenav p a:link {
	color: #0F375C;
	text-decoration: none;
}
#leftcol #pagenav p a:visited {
	color: #0F375C;
	text-decoration: none;
}
#leftcol #pagenav p a:hover {
	color: #0F375C;
	text-decoration: underline;
}
#leftcol #pagenav p a:active {
	background: #0F375C;
	color: #1E6EB8;
	text-decoration: none;
}*/
#leftcol p.paramargin6-18 a:link {
	/*text-decoration:none;
	color: #0066FF;*/
	padding-right: 10px;
}
#leftcol p.paramargin6-18 a:visited {
	/*text-decoration:none;
	color: #0066FF;*/
}
#leftcol p.paramargin6-18 a:hover {
	/*text-decoration:underline;
	color: #0066FF;*/
}
#leftcol p.paramargin6-18 a:active, #leftcol p.paramargin6-18 a:focus {
	/*text-decoration:none;
	color: #FFF;
	background: #0066FF;*/
}
.bloghead a {
	font-weight: bold;	
}
#leftcol #pagenav p.pagenavleft a:link, #leftcol #pagenav p.pagenavleft a:visited   {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -294px -57px transparent;
    /*color: #0066FF;
	text-decoration: none;*/
	padding-left: 10px;
}
#leftcol #pagenav p.pagenavleft a:hover  {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -294px -57px transparent;
    /*color: #0066FF;
	text-decoration: underline;*/
	padding-left: 10px;
}
#leftcol #pagenav p.pagenavleft a:active, #leftcol #pagenav p.pagenavleft a:focus  {
	background-image: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -294px -57px transparent;
    /*background-color: #0066FF;
	color: #FFF;*/
	/*text-decoration: none;*/
	padding-left: 10px;
}
#leftcol #pagenav p.pagenavright span.leftlink a:link, #leftcol #pagenav p.pagenavright span.leftlink a:visited {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -294px -57px transparent;
   /* color: #0066FF;*/
	padding-left: 10px;
	/*text-decoration: none;*/
}
#leftcol #pagenav p.pagenavright span.leftlink a:hover {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -294px -57px transparent;
    /*color: #0066FF;*/
	padding-left: 10px;
	/*text-decoration: underline;*/
}
#leftcol #pagenav p.pagenavright span.leftlink a:active, #leftcol #pagenav p.pagenavright span.leftlink a:focus {
	/*background-color: #0066FF;*/
	background-image: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -294px -57px transparent;
    /*color: #FFF;*/
	padding-left: 10px;
	/*text-decoration: none;*/
}
#leftcol #pagenav p.pagenavright span.rightlink a:link, #leftcol #pagenav p.pagenavright span.rightlink a:visited {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 72px -57px transparent;
    /*color: #0066FF;*/
	/*text-decoration: none;*/
	padding-right: 12px;
}
#leftcol #pagenav p.pagenavright span.rightlink a:hover {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 72px -57px transparent;
    /*color: #0066FF;
	text-decoration: underline;*/
	padding-right: 12px;
}
#leftcol #pagenav p.pagenavright span.rightlink a:active, #leftcol #pagenav p.pagenavright span.rightlink a:focus {
	background-color: #0066FF;
	background-image: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 72px -57px transparent;
    color: #FFF;
	text-decoration: none;
	padding-right: 12px;
}

/* blog page nav styles end */
/* blog specific styles start */
/*#leftcol .tagswrapper {
	background: #333;
	padding: 8px;
	margin:0 0 12px 0;	
	color: #FFF;
}*/
/*#leftcol .blogtags h3{
	color: #FFF;
}*/
#leftcol .blogtags  a:link {
	/*text-decoration:none;
	color: #FFF;*/
	font-weight:bold;
}
#leftcol .blogtags  a:visited {
	/*text-decoration:none;
	color: #FFF;*/
	font-weight:bold;
}
#leftcol .blogtags  a:hover {
	/*text-decoration:underline;
	color: #FFF;*/
	font-weight:bold;
}
#leftcol .blogtags a:active, #leftcol .blogtags  a:focus {
	/*text-decoration:none;
	color: #FFF;
	background: #0066FF;*/
	font-weight:bold;
}
#leftcol p.blogtags {
	font-size:1.2em;
	margin: 4px 0 16px 0;
}
.blogcomments img {
	float:left;
	width:80px;
	margin: 16px 16px 0 0;
}
.commentpost {
	float:right;
	width:480px;
	padding: 0;
}
.entry-footer footer {
	padding:12px;
	background: #EEE;
}

#leftcol .archive-date-based, #leftcol .archive-categories {
	float:left;
	margin: 0 16px 0 0;
	width: 272px;	
}
.archive-list {
	margin-left: 0;
}
#leftcol .archive-list-item {
	list-style-type: none;
	padding-left: 0;
}
#leftcol .archive-list-item a:link {
	color: #0F375C;
	font-weight:bold;
	text-decoration:none;	
}
#leftcol .archive-list-item a:visited {
	color: #0F375C;
	font-weight:bold;
	text-decoration:none;	
}
#leftcol .archive-list-item a:hover {
	color: #0F375C;
	font-weight:bold;
	text-decoration:underline;	
}
#leftcol .archive-list-item a:active, #leftcol .archive-list-item a:focus {
	background: #0F375C;
	color:#1E6EB8;
	font-weight:bold;
	text-decoration:none;	
}
#leftcol p a.sm2_link {
	color: #FFF;
}
.pager-top .pager-inner  {
	font-size: 1.4em;
	border-bottom: solid 1px #999;
	margin: 0 0 8px 0;
	padding: 0 0 4px;
	text-align: right;
}
.pager-bottom .pager-inner  {
	font-size: 1.4em;
	margin: 8px 0 0;
	text-align: right;
}
.pager-inner .pager-left a {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -294px -57px transparent;
	padding-left: 10px;
}
.pager-inner .pager-right a {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 86px -57px transparent;
	padding-right: 10px;
}
.pager-inner a:link {
	color: #0066FF;
	font-weight:bold;
	text-decoration:none;	
}
.pager-inner  a:visited {
	color: #0066FF;
	font-weight:bold;
	text-decoration:none;	
}
.pager-inner  a:hover {
	color: #0066FF;
	font-weight:bold;
	text-decoration:underline;	
}


.pager-inner  a:active, .pager-inner  a:focus {
	background: #0066FF;
	color:#fff;
	font-weight:bold;
	text-decoration:none;	
}
.content-header {
	font-size: 3.4em;
    font-weight: bold;
	margin: 0 0 16px 0;
}
/* voices of science styles start */
/* bio styles */
#leftcol .mediawrapper h3, #leftcol .titlewrapper h3 {
	margin: 30px 0 10px 0;	
}
.bio table {
	width:420px;
	float:left;
	margin: 16px 16px 16px 0;	
}
#leftcol section.audiometadata {
	padding: 16px;
	background:#e2e2e2;
	width: 544px;
	margin: 16px 0
}
.audiometadata table {
	width:100%;
}
#leftcol .tablecontents th, #leftcol .tablecontents td  {
	text-align: left;
	padding: 0 5px 5px 0;
	font-size: 1.4em;
	vertical-align:top;
}
.tablecontents a:link, #leftcol .mediainfo a:link, #leftcol .titlewrapper a:link, #leftcol .itemwrapper a:link {
	color:#0F375C;
	text-decoration: none;	
	font-weight:bold;
}
.tablecontents a:visited,  #leftcol .mediainfo a:visited, #leftcol .titlewrapper a:visited, #leftcol .itemwrapper a:visited {
	color:#0F375C;
	text-decoration: none;		
	font-weight:bold;
}
.tablecontents a:hover,  #leftcol .mediainfo a:hover, #leftcol .titlewrapper a:hover, #leftcol .itemwrapper a:hover {
	color:#0F375C;
	text-decoration: underline;		
	font-weight:bold;
}
.tablecontents a:active,  #leftcol .mediainfo a:active, #leftcol .titlewrapper a:active, #leftcol .itemwrapper a:active {
	background: #1E6EB8;
	color:#FFF;
	text-decoration: none;		
	font-weight:bold;
}
.tablecontents a:focus,  #leftcol .mediainfo a:focus, #leftcol .titlewrapper a:focus, #leftcol .itemwrapper a:focus {
	background: #1E6EB8;
	color:#FFF;
	text-decoration: none;		
	font-weight:bold;
}
.bio img {
	float: right;
	width:140px;
}
.audioicon, .videoicon, .articleicon, .personicon {
	float:left;
	width: 48px;
	height: 48px;
}
.audioicon a, .videoicon a, .articleicon a, .personicon a {
	display:block;
	margin: 16px;
	height: 26px;
	width: 26px;
	text-decoration:none;	
}
.audioicon a {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -30px -390px transparent;	
}
.videoicon a {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -60px -390px transparent;	
}
.personicon a {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0px -390px transparent;	
}
.articleicon a {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll -90px -390px transparent;	
}

#leftcol .mediainfo p {
	margin:0;
	padding: 0;	
	font-size: 1.3em;
}
#leftcol .mediainfo {
	float:left;
	width: 500px;
	min-height:16px;
	padding: 12px 16px 16px 12px;
}

.palegreybgrd {
	background: #F6F6F6;	
}

.titlewrapper h3{
	float:left;	
}
.titlewrapper p{
	float:left;
	margin: 35px 0 0 20px;	
}
#leftcol #tabswrapper {
	margin: 0 0 20px 0;
}
#leftcol #tabswrapper ul{
	margin: 0;
	/*border-bottom: solid 1px #0F375C;*/
}
.itemwrapper {
	border-bottom: 1px solid #999;
	padding: 16px 0;
	margin: 0;
}
.itemwrapper img {
	float:left;
	width: 80px; 
	margin: 0 16px 0 0;	
}
.itemwrapper p {
	float:right;
	width: 480px; 
	margin: 0 0 0 0;	
}
#leftcol .linkcolour a:link, #leftcol .linkcolour a:visited {
	color: #0F375C;
	text-decoration:none;
}
#leftcol .linkcolour a:hover {
	color: #0F375C;
	text-decoration:underline;
}
#leftcol .linkcolour a:active, #leftcol .linkcolour a:focus {
	background: #0F375C;
	color: #FFF;
	text-decoration:none;
}
#leftcol .linkcolourbold a:link, #leftcol .linkcolourbold a:visited {
	color: #0F375C;
	font-weight:bold;
	text-decoration:none;
}
#leftcol .linkcolourbold a:hover {
	color: #0F375C;
	font-weight:bold;
	text-decoration:underline;
}
#leftcol .linkcolourbold a:active, #leftcol .linkcolourbold a:focus {
	background: #0F375C;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
}
#leftcol p.linkcolourboldarrow a:link, #leftcol p.linkcolourboldarrow a:visited {
	background:url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -37px transparent;
	color: #0F375C;
	font-weight:bold;
	padding: 0 0 0 10px;
	text-decoration:none;
}
#leftcol p.linkcolourboldarrow a:hover {
	background:url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -37px transparent;
	color: #0F375C;
	font-weight:bold;
	padding: 0 0 0 10px;
	text-decoration:underline;
}
#leftcol p.linkcolourboldarrow a:active, #leftcol p.linkcolourboldarrow a:focus {
	background: #0F375C url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -37px transparent;
	font-weight:bold;
	color: #FFF;
	padding: 0 0 0 10px;
	text-decoration:none;
}
#leftcol p.active a:link, #leftcol p.active a:visited, #leftcol p.active a:active {
	background:url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -506px transparent;
	color: #0F375C;
	font-weight:bold;
	padding: 0 0 0 10px;
	text-decoration:none;
}
#leftcol p.active a:hover, #leftcol p.active a:focus {
	background:url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -506px transparent;
	color: #0F375C;
	font-weight:bold;
	padding: 0 0 0 10px;
	text-decoration:underline;
}
#leftcol li.currentbold, #leftcol span.currentbold {
	color: #0F375C;
	font-weight:bold;	
}
.leftfloat {
	float:left;	
	width: 50%;
}
.rightfloat {
	float:right;
	width: 50%;	
	text-align:right;
}
.leftfloat70pc {
	float:left;	
	width: 70%;
}
.rightfloat30pc {
	float:right;
	width: 30%;	
	text-align:right;
}
.audioplayer audio{
	display:block;
	overflow:visible;
	width: 576px;
	height:40px;
}

#leftcol ul.slider-holder {
	margin: 0;
	padding: 0;	
	list-style-type:none;
}
.carouselitem {
	position: relative;
	width: 576px;
	height: 330px;
	overflow:hidden;	
}
#leftcol .carouselitem p.carouseltagline {
	position: absolute;
	top:48px;
	left: 0;
	padding: 14px 20px 16px 20px;
	margin:0;
	background: #0F375C;
	opacity:0.9;
	color: #FFF;
	text-size: 1.8em;	
	font-weight:bold;
}
/*.carouselwrapperlge .imagecaption576w {
	position: absolute;
	bottom: 0;
	left:0;
	background: #000;
	opacity: 0.9;	
	color: #FFF;
	font-size: 1.4em;
	font-weight:bold;
	line-height: 1.357em;
	padding: 8px;
	width: 560px;
	height: 100px;
}*/
.carouselwrapper {
	background:url(http://www.bl.uk/resources/images/car-bgrd-blue.png) repeat-x;
	padding: 0 16px;
	width:544px;
}
.carouselwrapper a {
	margin: 0 8px 20px 0;
	float:left;	
	position:relative;
}
.carouselwrapper a:last-child {
	margin:0 0 20px 0;
}
.imagecaption176w {
	position: absolute;
	bottom: 0;
	left:0;
	background: #000;
	opacity: 0.65;	
	color: #FFF;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 1.357em;
	padding: 8px;
	width: 160px;
}
.imagecaption176w a {
	text-decoration:none;
}
#leftcol .carouselwrapperlge {
	position:relative;	
}
#leftcol .carouselwrapperlge .imagecaption576w {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    font-size: 1.0em;
    font-weight: bold;
    left: 0;
    line-height: 1.357em;
    margin: 0;
	opacity: 0.65;
	padding: 8px;
    position: absolute;
    width: 560px;
}
#leftcol .imagewrapper .imagecaption576w {
    background: none repeat scroll 0 0 #000000;
    bottom: 2px;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    left: 0;
    line-height: 1.357em;
    margin: 0;
	opacity: 0.65;
	padding: 12px 8px;
    position: absolute;
    width: 560px;
}
#leftcol .carouselwrapperlge ul {
	overflow: hidden;
	width: 576px;
	height: 330px;	
}
#leftcol .carouselwrapperlge li {
	float:left;
	display: block;
	overflow: hidden;
	width: 576px;
	height: 330px;	
}
/* pagination styles start */
#itagnav ul {
	margin: 0;
	padding: 0;	
	}
#itagnav ul.floatleft {
	margin: 0 20px 0 0;
	padding: 0;	
	float:left;
	width: auto;
}
#itagnav li{
	list-style-type:none;
}
#leftcol li.itagnavcurrent {
	background:	#0F375C;
	/*color: #1E6EB8;*/
	color: #FFF;
	display:inline;
	padding: 0 2px;
}
#leftcol #tabswrapper ul.pagination {
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
	border:none !important;
	}
#leftcol ul.pagination li {
	float:left;
	margin: 0 0 0 13px;
	list-style-type: none;	
	font-size:1.2em;
}
.textright {
	text-align:right;	
}
#leftcol .bordertop {
	border-top: 1px solid #999;	
}
#leftcol .borderbottom {
	border-bottom: 1px solid #999;
	margin: 0 0 20px 0;	
}
/* pagination styles end */

.imagewrapper {
	position:relative;
}
.magnify {
	position:absolute;
	bottom: 6px;
	right:3px;
	background: #FFF;
	padding: 6px 7px;
	z-index: 5;
}	
/* voices of science styles end */
/* search panel styles start */
#searchpanelwrapper {
	width: 964px;
	background: #E6E6E6;
	padding: 6px;
}
#searchpanelwrapper label {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}	
#searchpanel {
	float:left;
	width: 470px;
}
#searchpanel form {
	margin:0;
	padding:0;	
}
.searchbox {
	height: 16px;
	border: solid 1px #CCC;
	padding: 6px;
	width: 210px;
	font-size: 1.3em !important;
	margin: 0 6px 0 0;
}
.searchbutton {
	vertical-align: bottom;	
}
#blogsubscribe {
	float: right;
	width: 384px;
	text-align:right;
}
#sociallinkstop {
	float: right;
	width: 470px;
	text-align:right;
	padding: 4px 0 0 0;
}
.emailbox {
	height: 18px;
	border: 1px solid #CCC;
	padding: 6px;
	width: 248px;
	font-size: 1.3em !important;
	margin: 0 6px 0 0;
}
#blogsubscribe .subscribesubmit {
	background:#0F375C;
	border:none;
	color:#FFF;
	padding: 6px;
	font-size:1.3em; 
	text-transform: uppercase;
	height:30px;
}
.hiddenBox {
	display:none;
	}
/* search panel styles end */
/* search results styles start */
.search-results .entry {
	border-bottom: 1px solid #ccc; 
	margin: 16px 0;
	}
.search-results h2.entry-header {
	margin: 0 0 3px 0;
	padding:0;
}
.search-results .entry-header a:link, .search-results .entry-header a:visited  {
	text-decoration:none;
	color: #0F375C;
}
.search-results .entry-header a:hover {
	text-decoration:underline;
	color: #0F375C;
}
.search-results .entry-header a:active, .search-results .entry-header a:focus {
	text-decoration:none;
	background: #0F375C;
	color: #1E6EB8
}
.search-results .entry-body img {
	width: 112px;
	height: 112px;
}
.entry-photo {
	float:left;
	margin-right: 16px;
	width:112px;
}
.search-results .entry-body .entry-text {
	float:left;
	width: 448px;
	margin: 0;
	padding: 0;
}
#leftcol .search-results .entry-body .entry-text p {
	margin: 8px 0;
}
.entry-footer-info {
	font-size:1.1em;
}
.search-sort-by {
	font-size: 1.3em;
}

/* search results styles end */
/* blog specific styles end */
#paramargin6-18swrapper {
	margin: 32px 0 0 0
}
.paramargin6-18 {
	margin: 6px 0 18px;
}
.paramargin6-18s {
	clear:left;
	border-top: 1px solid #0F375C;
	margin: 0 0 16px 0;
}
.font11pt {
	font-size:1.1em;
}
.dategrey11 {
	color:#666;
	font-size: 1.1em;
	line-height:1.8em;
}

/* article comments styles start */
#leftcol h3.comments-header {
	background: #0F375C;
	color:#FFF;
	float:left;
	font-size:	1.2em;
	margin: 10px 0 0;
	padding: 8px 32px 8px 16px;
	text-transform:uppercase;
	width: 200px;
}
#leftcol .comment-footer {
	border-bottom: 1px solid #0F375C;
	clear: left;
	font-style: italic;
	padding: 0 0 8px 0;
}
/* article comments styles end */
/* article footer (share this etc.) styles start - used in both left and right columns */
.artfooter {
	background: #1E6EB8;
	height: 24px;
	padding: 8px 16px 8px 0;
	margin: 30px 0 36px 0;
}
.artfooterleft {
	float: left;
	height: 24px;
}
.artfooterright {
	float:right;
	height: 24px;
}
#leftcol div.artfooterleft p {
	color: #FFF;
	float:left;
	font: bold 1.2em/1.8em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 16px;
}
.artfooterleft p {
	color: #FFF;
	float:left;
	font: bold 1.2em/1.8em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.artfooterleft p a {
	color:#FFF;
	margin:0;
	text-decoration: none;
	text-indent: 0;
	width: auto;
}
.artfooterleft a, .artfooterright a {
	display:block;
	float:left;
	height: 24px;
	margin: 0 0 0 7px;
	text-indent:-10000px;
	width: 24px;
}
a.print, a.email {
	display:none;
}
a:link.sharethis, a:visited.sharethis {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -300px;
}
a:hover.sharethis {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -360px;
	width: 24px;
	height: 24px;
}
a:active.sharethis, a:focus.sharethis {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -330px;
	width: 24px;
	height: 24px;
}
a:link.facebook, a:visited.facebook {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -30px -300px;
}
a:hover.facebook {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -30px -360px;
	width: 24px;
	height: 24px;
}
a:active.facebook, a:focus.facebook {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -30px -330px;
}
a:link.twitter, a:visited.twitter {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -300px;
}
a:hover.twitter {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -360px;
}
a:active.twitter, a:focus.twitter {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -330px;
}
a:link.email, a:visited.email {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -90px -300px;
}
a:hover.email {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -90px -360px;
}
a:active.email, a:focus.email {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -330px;
}
a:link.print, a:visited.print {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -300px;
}
a:hover.print {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -360px;
}
a:active.print, a:focus.print {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -330px;
}
a:link.rss, a:visited.rss {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat scroll -210px -300px transparent;
}
a:hover.rss {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -210px -360px;
	width: 24px;
	height: 24px;
}
a:active.rss, a:focus.rss {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -210px -330px;
	width: 24px;
	height: 24px;
}
/* article footer (share this etc.) styles end  - used in both left and right columns */

.panelthumb272top {
	width: 272px;
}
.itemleft {
	margin: 0px 16px 16px 0;
	float:left;
    
}
.itemright {
	margin: 0px 0 16px 16px;
	float:right;
}
/* landing page styles start - image panels in main column */
#leftcol .panelthumb272top p {
	padding: 0;
	margin:0;
}
#leftcol .panelthumb272top ul {
	margin: 0 0 10px 0;	
}
#leftcol .panelthumb272top li {
	padding: 0;
	margin:0;
	font-weight:bold;
	list-style-type:none;
}
.panelthumb272top h4 {
	color:	#333;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.286em;
	margin:  8px 0 4px 0;
}
.panelthumb272top h5, .panelthumb272top h5 {
	color:	#0F375C;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.286em;
	margin: 0;
}
#leftcol .panelthumb272top p a:link, #leftcol .panelthumb80left p a:link, #leftcol .panelthumb272top h4 a:link, #leftcol .panelthumb80left h4 a:link, #leftcol .panelthumb272top h5 a:link, #leftcol .panelthumb80left h5 a:link, .panelthumb272top li a:link, #leftcol h3 a:link {
	color:#0F375C;
	text-decoration:none;
}
#leftcol .panelthumb272top p a:visited, #leftcol .panelthumb80left p a:visited, #leftcol .panelthumb272top h4 a:visited, #leftcol .panelthumb80left h4 a:visited, #leftcol .panelthumb272top h5 a:visited, #leftcol .panelthumb80left h5 a:visited, .panelthumb272top li a:visited, #leftcol h3 a:visited {
	color:#496577;
	text-decoration:none;
}
#leftcol .panelthumb272top p a:hover, #leftcol .panelthumb80left p a:hover, #leftcol .panelthumb272top h4 a:hover, #leftcol .panelthumb80left h4 a:hover, #leftcol .panelthumb272top h5 a:hover, #leftcol .panelthumb80left h5 a:hover, .panelthumb272top li a:hover, #leftcol h3 a:hover {
	color:#0F375C;
	text-decoration:underline;
}
#leftcol .panelthumb272top p a:active, #leftcol .panelthumb80left p a:active, #leftcol .panelthumb272top h4 a:active, #leftcol .panelthumb80left h4 a:active, #leftcol .panelthumb272top h5 a:active, #leftcol .panelthumb80left h5 a:active, .panelthumb272top li a:active, #leftcol h3 a:active {
	background:#0F375C;
	color:#1E6EB8;
	text-decoration:none;
}
#leftcol .panelthumb272top p a:focus, #leftcol .panelthumb80left p a:focus, #leftcol .panelthumb272top h4 a:focus, #leftcol .panelthumb80left h4 a:focus, #leftcol .panelthumb272top h5 a:focus, #leftcol .panelthumb80left h5 a:focus, .panelthumb272top li a:focus, #leftcol h3 a:focus {
	background:#0F375C;
	color:#1E6EB8;
	text-decoration:none;
}
.panelthumb80left {
	min-height:96px;
	width:272px;
}
.panelthumb80wrapper .itemleft {
	margin: 10px 16px 0 0;
}
.panelthumb80wrapper .itemright {
	margin: 10px 0 0 16px;
}
#leftcol .panelthumb80wrapper h3 {
	margin: 16px 0 0 0;
}
.panelthumb80left img {
	float:left;
	margin: 5px 0 0 0;
	width: 80px;
}
.panelthumb80left .panelthumb80text {
	float:right;
	width: 192px;
}
.panelthumb80left h4 {
	color:	#0F375C;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.286em;
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
	background:url(http://www.bl.uk/resources/images/arrow-blue-4x7.png) left 5px no-repeat;
}
#leftcol .panelthumb80left p {
	padding: 0 0 0 8px;
	margin:0 0 0 8px;
}

/* landing page styles end - image panels in main column */
/* Left (main) column styles end */

/* Right column styles start */
#rightcol section h3 {
	color:#FFF;
	font-size:1.8em;
	margin:0;
	padding: 0;
}
#rightcol section h4 {
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: normal;
    margin: 10px 0;
    padding: 10px 0 0;
}
#rightcol section h4:first-of-type {
    border-top:none;
}
#rightcol section p, #rightcol section li {
	color: #FFF;
	font-size:1.2em;
	line-height:1.5em;
	margin:0;
}
#rightcol section .twitterpanel p {
	font-size:1.0em;
}
.no-js .twitterpanel {
	display:none;	
}
#rightcol section li {
	font-weight:bold;
}
.marginbottom {
	margin: 8px 0 0;
}
#rightcol section ul {
	list-style-type:none;
	margin:18px 0 0;
	padding: 0;
}
/* right column panel basic styles start */
.panelgreydefault {
	background: #333;
	padding: 16px;
	margin: 20px 0;
}
.nomargingrey {
	background: #333;
	padding: 16px;
	margin: 0;
}
/*.nomargincolour {
	background: #333;
	padding: 16px;
	margin: 0;
}*/
.nomargintopgrey {
	background: #333;
	padding: 16px;
	margin: 0 0 20px 0;
}
.nomargintopnopaddingtopgrey {
	background: #333;
	padding: 0 16px 16px;
	margin: 0 0 20px 0;
}
.links-underlined {
	/*margin: 20px 0;*/
}

#leftcol p.viewalllink {
	float:right;
	width: 200px;	
}


#rightcol section .lowercase {
	text-transform:none;	
}
/* right column panel basic styles end */
/*#rightcol section.nomargintopgrey h3 {
border-top: solid 1px #FFF;
	padding-top: 16px;
}*/
#rightcol section.nomargintopnopaddingtopgrey h3 {
	border-top: solid 1px #FFF;
	padding-top: 16px;
}
/* tag cloud styles start */
ul.tagcloud li {
	display: inline;
	line-height: 1.1em;
	margin: 0;
	padding: 0 3px 0 0;
}
#rightcol section li.cloud-weight-1 {
	font-size: 1.1em;
}
#rightcol section li.cloud-weight-2 {
	font-size: 1.2em;
}
#rightcol section li.cloud-weight-3 {
	font-size: 1.3em;
}
#rightcol section li.cloud-weight-4 {
	font-size: 1.4em;
}
#rightcol section li.cloud-weight-5 {
	font-size: 1.5em;
}
#rightcol section li.cloud-weight-6 {
	font-size: 1.6em;
}
#rightcol section li.cloud-weight-7 {
	font-size: 1.7em;
}
#rightcol section li.cloud-weight-8 {
	font-size: 1.8em;
}
#rightcol section li.cloud-weight-9 {
	font-size: 1.9em;
}
#rightcol section li.cloud-weight-10 {
	font-size: 2.0em;
}
/* tag cloud styles end */
/* right column link styles start */
.linkdefault  a:link {
	color: #FFF;
	padding: 0;
	text-decoration:none;
}
.linkdefault  a:visited {
	color: #D6D6D6;
	padding: 0;
	text-decoration:none;
}
.linkdefault  a:hover {
	color: #FFF;
	padding: 0;
	text-decoration:underline;
}
.linkdefault  a:active, .linkdefault  a:focus {
	background: #1E6EB8;
	color: #FFF;
	padding: 0;
	text-decoration:none;
}
.linkcapitalised h4{
	text-transform:uppercase;
}
.linkcapitalised p {
	font-size: 1.0em !important;
	line-height: 1.8em !important;
	margin:5px 0 !important;
}
.linkcapitalised  a:link {
	color: #FFF;
	padding: 0;
	text-decoration:none;
	text-transform: uppercase;
}
.linkcapitalised  a:visited {
	color: #D6D6D6;
	padding: 0;
	text-decoration:none;
	text-transform: uppercase;
}
.linkcapitalised  a:hover {
	color: #FFF;
	padding: 0;
	text-decoration:underline;
	text-transform: uppercase;
}
.linkcapitalised  a:active, .linkcapitalised  a:focus {
	background: #1E6EB8;
	color: #FFF;
	padding: 0;
	text-decoration:none;
	text-transform: uppercase;
}
a:link.bluelink {
	/*background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -57px transparent;*/
    color: #66a6e4;
   /* padding: 0 0 0 10px;*/
    text-decoration: none;
}
a:visited.bluelink {
	/*background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -57px transparent;*/
    color: #66a6e4;
    /*padding: 0 0 0 10px;*/
    text-decoration: none;
}
a:hover.bluelink {
	/*background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -57px transparent;*/
    color: #FFF;
   /* padding: 0 0 0 10px;*/
	text-decoration: underline;
}
a:active.bluelink, a:focus.bluelink {
	background: #1E6EB8;
    color: #FFF;
    /*padding: 0 0 0 10px;*/
    text-decoration: none;
}

.colourbullet li {
	padding-left: 10px;
	text-indent: -10px;
}
.colourbullet a:link {
	color: #FFF;
	text-decoration:none;
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -57px;
	padding: 0 0 0 10px;
}
.colourbullet a:visited {
	color: #D6D6D6;
	text-decoration:none;
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -57px;
	padding: 0 0 0 10px;
}
.colourbullet a:hover {
	color: #FFF;
	text-decoration:underline;
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -57px;
	padding: 0 0 0 10px;
}
.colourbullet a:active, .colourbullet a:focus {
	color: #FFF;
	text-decoration:none;
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -17px #1E6EB8;
	padding: 0 0 0 10px;
}
h3.module-header .colourbullet a:link, h3.module-header .colourbullet a:visited, h3.module-header .colourbullet a:hover, h3.module-header .colourbullet a:active, h3.module-header .colourbullet a:focus {
	background: none;
}
.linkcolour p a:link, .linkcolour p a:visited {
	color: #1E6EB8;
	text-decoration:none;
}
.linkcolour p a:hover {
	color: #1E6EB8;
	text-decoration:underline;
}
.linkcolour p a:active, .linkcolour p a:focus {
	background: #1E6EB8;
	color: #FFF;
	text-decoration:none;
}
.links-underlined li a:link {
	color: #FFF;
	padding: 0;
	text-decoration:none;
}
.links-underlined li a:visited {
	color: #DCE7F1;
	padding: 0;
	text-decoration:none;
}
.links-underlined li a:hover {
	color: #FFF;
	padding: 0;
	text-decoration:underline;
}
.links-underlined li a:active, .links-underlined li a:focus {
	background: #0F375C;
	color: #FFF;
	padding: 0;
	text-decoration:none;
}
.linksaudio li a:link {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -177px;
	color: #FFF;
	padding: 0 0 0 20px;
	text-decoration:none;
}
.linksaudio li a:visited {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -177px;
	color: #DCE7F1;
	padding: 0 0 0 20px;
	text-decoration:none;
}
.linksaudio li a:hover {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -177px;
	color: #FFF;
	padding: 0 0 0 20px;
	text-decoration:underline;
}
.linksaudio li a:active, .linksaudio li a:focus {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -177px;
	color: #FFF;
	padding: 0 0 0 20px;
	text-decoration:none;
}
.linksvideo li a:link {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -157px;
	color: #FFF;
	padding: 0 0 0 20px;
	text-decoration:none;
}
.linksvideo li a:visited {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -157px;
	color: #DCE7F1;
	padding: 0 0 0 20px;
	text-decoration:none;
}
.linksvideo li a:hover {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -157px;
	color: #FFF;
	padding: 0 0 0 20px;
	text-decoration:underline;
}
.linksvideo li a:active, .linksvideo li a:focus {
	background:url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -157px;
	color: #FFF;
	padding: 0 0 0 20px;
	text-decoration:none;
}
/* right column link styles end */

#rightcol section.links-underlined h3, #rightcol section.links-underlined h2.module-header {
	background: #1E6EB8;
	color: #FFF;
	float: left;
	font-size: 1.2em;
	margin: 0;
	padding: 5px 32px 5px 16px;
	text-transform:uppercase;
}
#rightcol .links-underlined ul {
	background: #1E6EB8;
	margin: 0;
	padding: 5px 16px 16px;
	clear: both;
}
#rightcol .links-underlined li {
	padding: 7px 0;
	border-bottom: 1px solid #FFF;
}
#rightcol .links-underlined li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
/* rightcol twitter feed styles start */
.thumbwrapper {
	border-bottom: solid 1px #FFF;
	padding: 12px 0 16px 0;
}
.thumbwrapper:last-child {
	border-bottom: none;
	padding: 16px 0 0 0;
}
.thumbwrapper img {
	float: left;
	width: 48px;
	padding: 5px 8px 0 4px;
}
.thumbwrapper p {
	float: right;
	width: 256px;
	margin: -6px 0 0;
}
/* rightcol twitter feed styles end */

#rightcol section ul.whitebullet > li {
	background:url(http://www.bl.uk/resources/images/arrow-white-4x7.png) no-repeat left 8px;
	border-bottom: 1px solid #FFF;
	font-size: 1.4em;
	font-weight: bold;
	margin: 12px 0;
	padding: 0 0 0 10px;
}
#rightcol section ul.whitebullet li ul {
	margin: 0;
	padding:0 0 12px 0;
}
#rightcol section ul.whitebullet li:last-child {
	border-bottom: none;
}
#rightcol section ul.whitebullet li ul li {
	font-size:0.857em;
	font-weight: normal;
	margin: 0;
	padding:0;
}

/* right column two tabs panel styles start */
#rightcol section.rcoltabs div h3 {
	background: #1E6EB8;
	margin: 0;
	padding: 5px 16px;
	float:left;
}
#rightcol #tab1 ul, #rightcol #tab2 ul {
	padding: 0;
	margin: 0;	
}

.no-js .tab1 {
    display:none;
}
.no-js #rightcol section.rcoltabs #tab1 {
    background: #1E6EB8;
    padding: 10px 12px;
    width: 328px;
}
.no-js .tab2 {
	display:none;
}
.no-js #rightcol section.rcoltabs #tab2 {
	display:none;
}
.ui-tabs {
	position: relative;
	/*padding: .2em;*/
	zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	/*padding: .2em .2em 0;*/
}
#rightcol .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
	background: #0F375C;
}
#leftcol .ui-tabs .ui-tabs-nav li{
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
	background: #ccc;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1.4em;
	text-decoration: none;
}
#leftcol .ui-tabs .ui-tabs-nav li a {
	color: #0F375C;
	text-transform: uppercase;
	text-decoration:none;
}
#rightcol .ui-tabs .ui-tabs-nav li.ui-state-active {
	margin-bottom: -1px;
	/*padding-bottom: 1px;*/
	background: #1E6EB8;
}
#leftcol .ui-tabs .ui-tabs-nav li.ui-state-active {
	margin-bottom: -1px;
	/*padding-bottom: 1px;*/
	background: #0F375C;
}
#leftcol .ui-tabs .ui-tabs-nav li.ui-state-active a {
	color: #FFF;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-state-active a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#rightcol .ui-tabs .ui-tabs-panel {
	display: block;
	/*border-width: 0;*/
	padding: 10px 16px;
	background: #1E6EB8;
	width: 324px;
}
#leftcol .ui-tabs .ui-tabs-panel {
	background: none;
	display: block;
	/*border-width: 0;*/
	/*padding: 10px 16px;
	width: 324px;*/
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
/* right column two tabs panel styles end */
/* right column heading with icon styles start */
.rcolfloat h3 {
	float:left;
	width:295px;
}
.rcolfloat a.rcoltwitter, .rcolfloat a.rcolrss {
	float: right;
	height: 25px;
	width: 25px;
	text-indent: -10000px;
	padding: 0;
}
a:link.rcoltwitter, a:visited.rcoltwitter {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -150px -300px;
	width: 25px;
}
a:hover.rcoltwitter {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -150px -300px;
	width: 25px;
}
a:active.rcoltwitter, a:focus.rcoltwitter {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -150px -300px;
	width: 25px;
}
a:link.rcolrss, a:visited.rcolrss {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -180px -300px;
	width: 25px;
}
a:hover.rcolrss {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -180px -300px;
	width: 25px;
}
a:active.rcolrss, a:focus.rcolrss {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -180px -300px;
	width: 25px;
}
.st_sharethis_custom {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat 0 -300px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
	cursor: pointer;
}
.st_facebook_custom {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -30px -300px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
	cursor: pointer;
}
.st_twitter_custom {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -60px -300px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
	cursor: pointer;
}
.st_sharethis_custom:hover {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat 0 -360px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
}
.st_facebook_custom:hover {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -30px -360px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
}
.st_twitter_custom:hover {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -60px -360px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
}
.st_sharethis_custom:active, .st_sharethis_custom:focus {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat 0 -330px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
}
.st_facebook_custom:active, .st_facebook_custom:focus {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -30px -330px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
}
.st_twitter_custom:active, .st_twitter_custom:focus {
	background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat -60px -330px;
	margin: 0 0 12px 12px;
	padding:0 24px 12px 0;
}
/* right column heading with icon styles end */
/* Right column styles end */
/* Footer styles start */
#standardfooter {
	background: #EEE;
	color: #333333;
	font-size:1.1em;
	margin: 20px 0 0 0;
	min-height: 100%;
	padding: 16px 16px 100px;
}
#standardfooter p {
	margin: 0;
	padding:0;
	float:left;
}
#standardfooter ul {
	margin: 0;
	padding:0;
	float:right;
	list-style-type: none;
}
#standardfooter li {
	display:inline;
	margin: 0;
	padding:0;
	float:left;
}
#standardfooter li a:link {
	border-left: solid 1px #999;
	color: #333;
	padding: 0 8px;
	text-decoration:none;
}
#standardfooter li a:visited {
	border-left: solid 1px #999;
	color: #585858;
	padding: 0 8px;
	text-decoration:none;
}
#standardfooter li a:hover, #standardfooter li a:focus {
	border-left: solid 1px #999;
	color: #333;
	padding: 0 8px;
	text-decoration:underline;
}
#standardfooter li a:active {
	border-left: solid 1px #999;
	color: #333;
	padding: 0 8px;
	text-decoration:none;
}
/* Footer styles end */
.uppercase {
	text-transform:uppercase;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */

/* carousel nav styles start */
.next {
	position: absolute;
	top: 147px;
	right: 0;
	z-index: 20;
	background-image: url(http://www.bl.uk/resources/images/bl-sprite.png);
	background-position: -240px -450px;
	background-repeat: no-repeat;
}
.prev {
	position: absolute;
	top: 147px;
	left: 0;
	z-index: 20;
	background-image: url(http://www.bl.uk/resources/images/bl-sprite.png);
	background-position: -210px -450px;
	background-repeat: no-repeat;
}
#carouselbuttonwrapper {
	background: none repeat scroll 0 0 #EEE;
    height: 18px;
    margin: 0 auto;
    padding: 6px 10px 10px 20px;
    width: 546px;
   }
#carouselbuttonwrapper p {
	float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    margin: 0;
    padding: 2px 10px 4px 0;
    width: 40px;
}
#leftcol #carouselbuttonwrapper a:link, #leftcol #carouselbuttonwrapper a:visited, #leftcol  #carouselbuttonwrapper a:active {
	color: #0F375C;
	text-decoration: none;
}
#leftcol #carouselbuttonwrapper a:hover, #leftcol #carouselbuttonwrapper a:focus {
	color: #0F375C;
	text-decoration: underline;
}
#carouselnav .selected {
	background-image: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -420px;
}
.pause a {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -537px ;
	padding-left: 15px
}
#carouselnav {
	width: 400px;
	min-height: 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #FFF;
	margin: 0;
	padding: 0;
	overflow: visible
}
#carouselnav a {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -30px -420px;
	text-decoration: none;
	margin: 0 20px 0 0;
	padding: 2px 0;
	color: #FFF;
	min-height: 16px;
	width: 16px
}
#carouselnav a.activeSlide {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -420px;
	color: #FFF
}
#carouselnav a:hover {
	background: url(http://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -420px;
	color: #FFF
}
#carouselnav img {
	padding: 0;
	margin: 0;
	border: 0
}
/* carousel nav styles end */

 @media print {
#primarynav, #secondnav, #imginfopanel, #rightcol, #standardfooter nav, p.paramargin6-18, footer.artfooter {
	display: none;
}
#leftcol a:link:after, #leftcol a:visited:after {
	content: " ("attr(href) ") ";
}
}




.itemleft {
	margin: 0 16px 16px 0;
	float:left; 
}

/*james*/
.countdown-position 
{
    float: right;
    font-size: 1.5em;
    text-align: right;
}
.reader-totals 
{
    display:none;
}
.itemleft p 
{
    word-wrap: break-word;
}

/* OVERRIDES */

.panelthumb272top .blog-name {text-transform:uppercase; font-size:0.8em;line-height:3em; padding-left:8px;}
#leftcol span.dategrey11 {text-transform:uppercase; font-size:0.8em;  line-height:3em}
#leftcol .panelthumb272top {
    min-height: 330px;
}



/*#leftcol p a:link,
#leftcol p a:hover,
#leftcol p a:focus,
.panelthumb272top h4 a {color: #1E6EB8;}*/
#leftcol .panelthumb272top h4 a:link, #leftcol .panelthumb80left h4 a:link {color: #1E6EB8; font-size:1em; font-weight:bold;}

#leftcol .blog-name a:link,#leftcol .blog-name a:visited {
    color: #666666 !important;
}

#leftcol .panelthumb80left {min-height:96px;}
#leftcol .panelthumb80text .blog-name a {color:#666666; font-weight:normal; }

#leftcol .font11ptbold {text-transform:uppercase; font-size:1.1em;}
#top h1 {font-size:2.2em;}
#leftcol h3, #leftcol h1 {font-size:1.8em;}
#rightcol section.colourbullet li {padding:2px 10px;}


/*XXXXXXXXXXX CUSTOM EDITS XXXXXXXXXXXXX*/

/*blogs homepage mobile*/
/*.custom-homepage #leftcol section:nth-of-type(2) .itemleft {
	width:100%;}
	.custom-homepage #leftcol section:nth-of-type(2) .itemleft > a {
		float:left;}
		.custom-homepage #leftcol section:nth-of-type(2) .itemleft > a img {
			width:100%;
			height:auto;}
		.custom-homepage #leftcol section:last-of-type .itemleft > a {
			float:left;}
			.custom-homepage #leftcol section:last-of-type .itemleft > a + div {
				overflow: hidden}

.custom-homepage #rightcol section:first-of-type {margin-left:0;margin-right:0;}*/

#outer {overflow:hidden;}
.nav-wrapper {float:right}

@media only screen 
and (min-device-width : 601px) 
and (max-device-width : 1023px) {
	/*devices with iPad dimensions only*/
	#leftcol .panelthumb272top.itemleft {
	min-height: auto;
	padding-right:16px}
	#leftcol .panelthumb272top.itemleft > a {padding-right: 16px;}
	#leftcol .panelthumb272top.itemleft a, 
	#leftcol .panelthumb272top.itemleft img {width:auto;}
	#leftcol .panelthumb272top.itemleft h4 {overflow:hidden;}
	#leftcol .panelthumb272top.itemleft p {overflow:hidden;}
	#leftcol .panelthumb272top.itemleft p:last-of-type {
	    overflow: hidden;
	    display: block;
	    margin-top: 16px !important;}
		#leftcol .panelthumb272top.itemleft span {
		    overflow: hidden;
		    display: block;
		    padding: 0;
		    margin: 0;}
		    #leftcol .panelthumb272top.itemleft span a {
		    	padding:0;
		    	line-height: normal;}
}

@media only screen and (max-width: 768px) {
	
	.blogs-hp #outer {background-position: -454px -132px;}
    .blogs-hp #outer header.js-open #headingwrapper {background-position: -454px -233px !important;}
	
	a.topmenu {
		display: block !important;
		height: 34px !important;
		line-height: 34px !important;
		background-color: #0F375C !important;
		border: 0 !important;
		background-image: none !important;
	}
    /*.desktop {
        display: none
    }
    .mobile {
        display: block
    }*/
    /*FOUC*/
    #nav-wrapper {
        display: none;
    }
    .main-nav-toggle ~ #nav-wrapper {
        display: block;
    }
    /**/
    .top-lvl-opn #tabjoin a {
        /*using this as there is no h3 in this drop down - all sub-dropdowns to show on parent click*/
        display: block !important
    }
    .second-nav.second-nav-hidden-menu {
        width: 75%;
    }
    /**/
	.panelthumb272top {
		width:auto;
		margin:0}
	.panelthumb272top a, 
	.panelthumb272top img {
		float: left;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		height: auto;
	}
    #top #main-navigation {
        float: left;
    }
    #top h1 {
        clear: none;
        min-height: 100px;
        line-height: 100px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 16px;
        border-bottom: 1px solid #fff;
        overflow: hidden;
    }
    #top h1 a {
        padding-left: 16px;
    }
    #site-logo {
        float: left;
        height: 100px;
        border: none;
    }
    #primarynav {
        border: none;
        position: relative;
        z-index: 9;
        height: auto;
        padding: 0;
        float: none;
        width: auto;
    }
    #primarynav h3 {
        font-size: 1.3em
    }
    #primarynav ul {
        margin: 0;
        height: auto;
    }
    #primarynav li {
        width: 100%;
        border-top: 1px solid #fff;
        height: auto;
    }
    #primarynav li.mega div {
        /*override blogs.css using ID's*/
        width: 100% !important;
        position: static;
        padding: 0;
    }
    #primarynav li.mega div .submenucol {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }
    #primarynav li.mega div .submenucol:first-of-type {
        padding-top: 5px;
    }
    #primarynav li.mega div .submenucol:last-of-type {
        margin-bottom: 10px !important;
    }
    #primarynav li.mega div .submenucol h3 {
        padding: 5px;
        background: #ccc;
        margin-bottom: 0;
    }
    #primarynav li.mega div .submenucol p {
        padding: 0;
        margin: 0;
        background: #e8e8e8;
    }
    .submenucol a {
        display: block;
        padding: 10px;
        border-top: 1px solid #ccc;
    }
    #primarynav li.mega div .submenucol p:first-of-type a {
        border-top: none;
    }
    .no-js a.topmenu {
        display: block;
        height: 34px;
        line-height: 34px;
        background-color: #0F375C;
        border: 0;
    }
    a:visited.topmenu {
        color: #fff
    }
    .main-nav-toggle {
        margin-top: 1px;
        margin-right: 1px;
        z-index: 10;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin-bottom: -1px;
        cursor: pointer;
        border: none;
    }
    .main-nav-toggle > span.list-icon {
        background-image: url(https://blogs.bl.uk/resources/images/bl-web-sprite.png) !important;
        background-position: -343px -56px;
        height: 32px;
        width: 32px;
        display: block;
        background-color: #333;
    }
    nav#secondnav,
    nav#secondnav ul.nav-list {
        /* display: inline-block; */
        height: 100%;
    }
    nav#secondnav ul.nav-list {
        /*width:80%;*/
    }
    .open-second-menu nav#secondnav ul.nav-list {
        width: auto;
    }
    nav#secondnav ul.nav-list a {
        padding: 0.5em 1em;
    }
    nav#secondnav ul.nav-list.v-menu a {
        background-image: none;
        background-color: transparent;
    }
    .open-second-menu #outer {
        overflow: hidden;
        float: left;
        position: absolute;
    }
    .second-nav.second-nav-hidden-menu {
        height: auto !important;
    }
    /* .open-second-menu #secondnav li, */
    #secondnav li {
        font-weight: normal;
    }
    #secondnav .nav-list.v-menu li {
        overflow: hidden;
        display: block;
        margin-bottom: 10px;
    }
    #secondnav .nav-list.v-menu li a {
        padding: 1rem;
    }
    /* .open-second-menu #secondnav li:last-of-type, */
    #secondnav .nav-list.v-menu li:last-of-type {
        margin-bottom: 0;
    }
    #secondnav .nav-list.v-menu li.current a {
        background-color: #1e6eb8;
        width: 100%;
        box-sizing: border-box;
    }
    /*#secondnav a {
        background-image:none !important;}*/
    #secondnav li.first.current a {
        background: #1E6EB8;
    }
    #secondnav a:visited,
    #secondnav a:hover,
    #secondnav a:active,
    #secondnav a:link {
        padding: 0;
        margin: 0;
        padding-left: 12px;
        padding-right: 12px;
    }
    .open-second-menu .second-nav-hidden-menu {
        background-color: #0F375C;
    }
    .open-second-menu .second-nav-hidden-menu #secondnav {
        display: inline-block;
    }
    .open-second-menu #secondnav li.secondarynav-morelink {
        background: #fff;
        color: #000 !important;
        opacity: 0.9;
        height: 100%;
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;
        width: 25%;
        padding: 16px;
        box-sizing: border-box;
        /*right: 0;
        cursor: pointer;
        text-transform: uppercase;
        text-align: right;
        display: block;
        margin: -1px 0px 0 0;*/
    }
    .second-nav.second-nav-hidden-menu li a,
    .second-nav.second-nav-hidden-menu .current a {
        display: block;
        padding: 1rem;
    }
    #secondnav li.secondarynav-morelink {
        position: absolute;
        right: 0;
        cursor: pointer;
        text-transform: uppercase;
        text-align: right;
        display: block;
        margin: -1px 0px 0 0;
        /*padding: 8px 16px;
        padding: 0.5rem 1rem;*/
        padding-right: 12px;
    }
    #headingwrapper {
        width: 100%;
        overflow: hidden;
    }
    .headerpanel h2 {
        font-size: 2.2em;
    }
    #inner,
    #leftcol,
    #rightcol,
    #searchpanelwrapper,
    aside {
        width: auto;
    }
    #asian_african_links.module-typelist .module-header {
        padding-left: 16px;
    }
    #leftcol {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    #leftcol .pager-bottom .pager-inner .pager-right a {
        padding-right: 16px;
    }
    #leftcol .entry-body ol li {
        float: left;
        clear: both;
    }
    #leftcol .entry-body .photo-wrap {
        width: 100% !important;
    }
    /*#leftcol .entry-body a {
                float:left;
                width:100%;}*/
    #leftcol .entry-body a img {
        float: left;
        width: 100% !important;
        height: auto;
        box-sizing: border-box;
    }
    #leftcol .entry-footer {
        clear: both;
        overflow: hidden;
    }
    #headerpanel {
        width: auto;
        padding-right: 16px;
    }
    #searchpanel {
        width: auto;
    }
    aside#rightcol section {
        margin-right: 16px;
        margin-left: 16px;
    }
    aside iframe {
        margin-left: 16px;
    }
    iframe#twitter-widget-0,
    header#top,
    h3.module-header {
        width: auto;
    }
    /*XXXXXXXXXXXXXXX Mobile sub nav XXXXXXXXXXXXXXXXXXX*/
    .second-nav.second-nav-hidden-menu {
        width: 75%;
        display: none;
        line-height: 150%;
        height: auto;
        float: right;
    }
    .second-nav {
        overflow: hidden;
        height: 35px;
        width: 100%;
        background: #0f375c;
        line-height: 35px
    }
    .second-nav nav,
    .second-nav nav ul.menu {
        display: inline-block;
        height: auto;
        padding: 0;
        margin: 0;
        width: 90%;
    }
    .second-nav ul.menu li,
    .second-nav ul.menu li a {
        color: #fff;
        font-size: 14px;
    }
    .second-nav li.secondarynav-morelink {
        position: absolute;
        right: 0;
        cursor: pointer;
        text-transform: uppercase;
        text-align: right;
        display: block;
        margin: -1px 0px 0 0;
        padding: 0.5em 1em;
    }
    .second-nav li a {
        text-decoration: none;
        display: block;
        padding: 0.5em 1em;
    }
    .second-nav li.current a {
        background-color: #1E6EB8;
    }
    .h-menu li {
        float: left;
    }
    .entry-body p {
        overflow-wrap: break-word;
    }
    .entry-body p iframe {
        width: 100%;
    }
    #searchpanelwrapper {
        padding: 16px;
    }
}
@media only screen and (max-width: 601px) {
	
	.blogs-hp #outer {background-position: -622px -132px;}
    .blogs-hp #outer header.js-open #headingwrapper {background-position: -622px -233px !important;}
	
    aside#rightcol section {
        margin-right: 16px;
        margin-left: 16px;
    }
    aside#rightcol section a img {
        width: 100%;
        height: auto;
    }
    aside iframe {
        margin-left: 16px;
    }
    #blogsubscribe {
        width: auto;
        float: none;
        text-align: left;
        clear: left;
    }
    #blogsubscribe input#subscribe {
        width: 210px;
    }
    #blogsubscribe input.subscribesubmit {
        margin-top: 6px;
    }
    footer#standardfooter nav {
        float: left;
        margin-top: 10px;
    }
    footer#standardfooter li:first-of-type a:link:first-of-type {
        border: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 480px) {
	
	#leftcol {padding-right:16px}
	
	#leftcol .panelthumb272top.itemleft span a {
	/*.blog-name a {*/
    padding: 0;
    margin: 0;
    line-height: normal;
    padding-bottom: 16px;}
	
	.blogs-hp #outer {background-position: -743px -132px;}
    .blogs-hp #outer header.js-open #headingwrapper {background-position: -743px -233px !important;}
	
    #top h1 a {
        line-height: normal;
        padding-top: 32px;
        display: block;
    }
    footer {
        /*all footers but not the page footer*/
        display: flex;
        flex-wrap: wrap;
    }
    footer span {
        margin-bottom: 6px;
    }
    footer#standardfooter li {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 425px) {
	
	.blogs-hp #outer {background-position: -797px -132px;}
    .blogs-hp #outer header.js-open #headingwrapper {background-position: -797px -233px !important;}
    
    p.asset-video iframe {
        width: 100%;
    }
}
@media only screen and (max-width: 375px) {
	.blogs-hp #outer {background-position: -849px -132px;}
    .blogs-hp #outer header.js-open #headingwrapper {background-position: -849px -233px !important;}
}
@media only screen and (max-width: 320px) {
	
	.blogs-hp #outer {background-position: -901px -132px;}
    .blogs-hp #outer header.js-open #headingwrapper {background-position: -901px -233px !important;}
	
    iframe#twitter-widget-0 {
        width: 90% !important;
    }
    #searchpanel {margin-bottom: 6px;}
	
	aside#rightcol section {
        margin-right: 0;
        margin-left: 0;
    }
    
}