@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;
}
/*
* Prevent excessive padding when users create erroneously nested ol's
*/
ol > ol:first-child {
    margin: 0;
    padding: 0;
}
/* ==========================================================================
   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 {
    /*Work around: greater specificity due to multiple id's in the page - multiple id's are not valid*/
    background: url(/resources/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;
    overflow: hidden
}
.colwrap {
    overflow: hidden;
    background: #fff;
}
#leftcol {
    background: #FFF;
    float: left;
    margin: 0 16px 0 0;
    padding-left: 16px;
    width: 592px;
    overflow: hidden;
}
#rightcol {
    background: #FFF;
    float: left;
    margin: 0;
    width: 352px;
}
/* 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: 52px;
}
/* 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: #fff;
    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,
.submenucol a:visited {
    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;
}
#top h1 a:link,
#top h1 a:visited,
#top h1 a:active {
    color: #FFF;
    text-decoration: none;
}
#top h1 a:hover,
#top h1 a:focus {
    color: #FFF;
    text-decoration: underline;
}
#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 0 0;
}
.headerpanel p {
    font-size: 2.6em;
    font-weight: normal;
    /*font-style:italic;*/
    margin: 0;
    text-shadow: 2px 2px 8px #000;
}
#headerpaneltall.headerpanel p {
    font-size: 3.0em;
    margin: 20px 0 0 0;
}
#secondnav {
    background: #0F375C;
    line-height: 1.5;
}
#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;
}
/*XXX pre-nav rollout employ in roll out XXX*/
/*html.americas #secondnav li,
html.asian-african #secondnav li,
html.endangered-archives #secondnav li,
html.untold-lives #secondnav li,
html.medieval-manuscripts #secondnav li,
html.living-knowledge #secondnav li,*/

html[class*="custom"] #secondnav li {
	font-weight:normal;
	font-size: 14px;
    font-size: .875rem;
}
/*html.americas #secondnav a:link,
html.asian-african #secondnav a:link,
html.collection-care #secondnav a:link,
html.digital-scholarship #secondnav a:link,
html.endangered-archives #secondnav a:link,
html.untold-lives #secondnav a:link,
html.medieval-manuscripts #secondnav a:link,
html.living-knowledge #secondnav a:link,*/

html[class*="custom"] #secondnav a:link {
	background-image: none;
}
/*html.americas #secondnav a:hover,
html.americas #secondnav a:focus,
html.asian-african #secondnav a:hover,
html.asian-african #secondnav a:focus,
html.collection-care #secondnav a:hover,
html.collection-care #secondnav a:focus,
html.digital-scholarship #secondnav a:hover,
html.digital-scholarship #secondnav a:focus,
html.endangered-archives #secondnav a:focus,
html.endangered-archives #secondnav a:hover,
html.untold-lives #secondnav a:hover,
html.untold-lives #secondnav a:focus,
html.medieval-manuscripts #secondnav a:hover,
html.medieval-manuscripts #secondnav a:focus,
html.living-knowledge #secondnav a:hover,
html.living-knowledge #secondnav a:focus,*/

html[class*="custom"] #secondnav a:hover,
html[class*="custom"] #secondnav a:focus {
	background: #1f4967;
    color: #fff;
	margin:0
}
/*html.americas #secondnav a:hover,
html.asian-african #secondnav a:hover,
html.collection-care #secondnav a:hover,
html.digital-scholarship #secondnav a:hover,
html.endangered-archives #secondnav a:hover,
html.untold-lives #secondnav a:hover, 
html.medieval-manuscripts #secondnav a:hover,
html.living-knowledge #secondnav a:hover,*/

html[class*="custom"] #secondnav a:hover {
	text-decoration: underline;
}
/*XXX*/
#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; 16/03/21: Topdesk headings 2011-0241*/
    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,
#leftcol li a:link {
    color: #0066FF;
    text-decoration: none;
}
#leftcol p a:visited,
#leftcol li a:visited {
    color: #1E6EB8;
    text-decoration: none;
}
#leftcol p a:hover,
#leftcol p a:focus,
#leftcol li a:hover,
#leftcol li a:focus {
    color: #0066FF;
    text-decoration: underline;
}
#leftcol p a:active,
#leftcol li 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 {
    color: #0066FF;
    text-decoration: none;
}
#leftcol h1 a:visited {
    color: #1E6EB8;
    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: #1E6EB8;
    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: #1E6EB8;
    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 {
    color: #0066FF;
    text-decoration: none;
}
#leftcol .linkcolour a:visited {
    color: #1E6EB8;
    text-decoration: none;
}
#leftcol .linkcolour a:hover {
    color: #0066FF;
    text-decoration: underline;
}
#leftcol .linkcolour a:active,
#leftcol .linkcolour a:focus {
    background: #0F375C;
    color: #FFF;
    text-decoration: none;
}
#leftcol .linkcolourbold a:link {
    color: #0066FF;
    font-weight: bold;
    text-decoration: none;
}
#leftcol .linkcolourbold a:visited {
    color: #1E6EB8;
    font-weight: bold;
    text-decoration: none;
}
#leftcol .linkcolourbold a:hover {
    color: #0066FF;
    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 {
    background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -37px transparent;
    color: #0066FF;
    font-weight: bold;
    padding: 0 0 0 10px;
    text-decoration: none;
}
#leftcol p.linkcolourboldarrow a:visited {
    background: url("http://www.bl.uk/resources/images/bl-sprite.png") no-repeat scroll 0 -37px transparent;
    color: #1E6E8B;
    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: #0066FF;
    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 {
    text-decoration: none;
    color: #0066FF;
}
.search-results .entry-header a:visited {
    text-decoration: none;
    color: #1E6E8B;
}
.search-results .entry-header a:hover {
    text-decoration: underline;
    color: #0066FF;
}
.search-results .entry-header a:active,
.search-results .entry-header a:focus {
    text-decoration: none;
    background: #0F375C;
    color: #FFF;
}
.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;
}
.more14bold {
    font-size: 1.3em;
    font-weight: bold;
    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(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -300px;
}
a:hover.sharethis {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -360px;
    width: 24px;
    height: 24px;
}
a:active.sharethis,
a:focus.sharethis {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat 0 -330px;
    width: 24px;
    height: 24px;
}
a:link.facebook,
a:visited.facebook {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -30px -300px;
}
a:hover.facebook {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -30px -360px;
    width: 24px;
    height: 24px;
}
a:active.facebook,
a:focus.facebook {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -30px -330px;
}
a:link.twitter,
a:visited.twitter {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -300px;
}
a:hover.twitter {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -360px;
}
a:active.twitter,
a:focus.twitter {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -330px;
}
a:link.email,
a:visited.email {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -90px -300px;
}
a:hover.email {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -90px -360px;
}
a:active.email,
a:focus.email {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -330px;
}
a:link.print,
a:visited.print {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -300px;
}
a:hover.print {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -360px;
}
a:active.print,
a:focus.print {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -120px -330px;
}
a:link.rss,
a:visited.rss {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat scroll -210px -300px transparent;
}
a:hover.rss {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -210px -360px;
    width: 24px;
    height: 24px;
}
a:active.rss,
a:focus.rss {
    background: url(https://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 */
.nomargintop {
    margin: 0 0 16px 0;
    padding: 0;
}
.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;
}
.nomarginbottomgrey {
    background: #333;
    padding: 16px;
    margin: 20px 0 0 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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://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(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -150px -300px;
    width: 25px;
}
a:hover.rcoltwitter {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -150px -300px;
    width: 25px;
}
a:active.rcoltwitter,
a:focus.rcoltwitter {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -150px -300px;
    width: 25px;
}
a:link.rcolrss,
a:visited.rcolrss {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -180px -300px;
    width: 25px;
}
a:hover.rcolrss {
    background: url(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -180px -300px;
    width: 25px;
}
a:active.rcolrss,
a:focus.rcolrss {
    background: url(https://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(https://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(https://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(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -420px;
}
.pause a {
    background: url(https://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(https://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(https://www.bl.uk/resources/images/bl-sprite.png) no-repeat -60px -420px;
    color: #FFF
}
#carouselnav a:hover {
    background: url(https://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) ") ";
    }
}
.countdown-position {
    float: right;
    font-size: 1.5em;
    text-align: right;
}
.reader-totals {
    display: none;
}
/* OVERRIDES */
.panelthumb272top h4 {
    text-transform: uppercase;
    font-size: 1.1em;
}
/*#leftcol p a:link,
#leftcol p a:hover,
#leftcol p a:focus,*/
.panelthumb272top h5 a {
    color: #1E6EB8;
}
#leftcol .panelthumb272top h5 a:link,
#leftcol .panelthumb80left h5 a:link {
    color: #1E6EB8;
    line-height: 1.4em;
    font-size: 1.1em;
    font-weight: normal;
}
#leftcol .panelthumb272top h4 a:link,
#leftcol .panelthumb80left h4 a:link {
    color: #333;
    line-height: 1em;
    margin: 0;
}
#leftcol p.dategrey11 {
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 5px 0;
}
#leftcol p {
    line-height: 1.6
}
#leftcol p.more14bold a:link {
    background: #1E6EB8;
    padding: 2px 5px;
    margin: 5px 0 10px 0;
    display: block;
    float: left;
    color: #fff;
}
#leftcol .panelthumb80left {
    min-height: 96px;
}
#leftcol .panelthumb80text h4 a:link {
    color: #1E6EB8;
    font-weight: normal;
}
#leftcol .panelthumb80left p.more14bold a:link {
    display: none;
}
#leftcol .panelthumb272top p {
    max-height: 64px;
    overflow: hidden;
}
#leftcol .font11ptbold {
    text-transform: uppercase;
    font-size: 1.1em;
}
#top h1 {
    font-size: 2.2em;
}
/*XXX 16/03/21: Topdesk headings 2011-0241 XXX*/
/*#leftcol h3,
#leftcol h1 {
    font-size: 1.8em;
}*/
/**/
#rightcol section.colourbullet li {
    padding: 2px 10px;
}
/*#rightcol {background:#e6e6e6; color:#333!important;}
#rightcol a {color:#333;}
.nomargintopnopaddingtopgrey,
.nomargingrey,
.panelgreydefault  {background:none; border-top:1px solid white}
#rightcol section.nomargintopnopaddingtopgrey h3 {border-top:none; margin-top:16px}
#rightcol section.nomargintopnopaddingtopgrey h3,
#rightcol section h3 {color:#fff; font-size:1.6em; font-weight:normal; background:#1E6EB8; margin-right:-16px;padding:10px}
#inspired_by_links a {color:white}*/