@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
   ========================================================================== */
   
h1 {font-size:2em; margin:10px 0}
h2 {font-size:1.8em;margin: 9px 0;}
h3 {font-size:1.6em;margin: 8px 0;}
h4 {font-size:1.4em;margin: 7px 0;}
h5, h6 {font-size:1.3em;margin: 6px 0;}

/* Apply styles to links inside h2-h6 */
:is(h2, h3, h4, h5, h6) a {
  text-decoration: none;
}

:is(h2, h3, h4, h5, h6) a:hover {
  text-decoration: underline;
}

/*
 * 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,
h1.title {
    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;
}

/* #headingwrapper.headingwrapper {
    min-height: 170px;
} */

h1.title {
    border-top: 1px solid #fff;
    font-size: 32px;
    font-size: 2rem;
    font-weight: normal;
    padding: 16px 16px;
}

#top h1 a:link,
#top h1 a:visited,
#top h1 a:active,
h1.title a:link,
h1.title a:visited,
h1.title a:active {
    color: #FFF;
    text-decoration: none;
}

#top h1 a:hover,
#top h1 a:focus,
h1.title a:hover,
h1.title 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}*/

/* 2024 Header */

.header {
    position: relative;
}

.header .container.wide {
    max-width: 1050px;
}

.header .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

h1.title {
    /*see declaration: #top h1, h1.title {} */
    border-top: 1px solid #fff;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.container.wide {
    max-width: 1050px;
}

@media (max-width: 1024px) {
    .container:not(.full) {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .container.vertical-padding-none {
        padding: 0;
    }
}

@media screen and (min-width: 1040px) {
    .header:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 50vw;
        height: 100%;
        background: #fff;
        z-index: -1;
    }
}

.header a {
    display: block;
}

.header svg {
    display: block;
    max-height: 62px;
    max-width: 32px;
}

.headerMenu ul {
    flex-direction: column;
}

.menu ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.menu li {
    margin: 0;
    list-style: none;
}

.menu:not(.footerMenu) .active {
    color: #d62724;
}

.menu a:hover {
    color: #d62724;
}

.menu a:hover {
    color: #d62724;
}

.header a {
    display: block;
}

.menu a {
    padding: 15px;
    font-weight: 700;
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 1.5em;
    line-height: 1.5;
}



.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger-inner::after,
.hamburger-inner::before {
    display: block;
    content: "";
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger-inner::after,
.hamburger-inner::before,
.hamburger-inner {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #171717;
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    opacity: 1;
}

.active:hover {
    opacity: .7;
}

.active .hamburger-inner:before {
    transform: translate3d(-5px, 0, 0) rotate(-45deg) scaleX(0.7);
    width: 25px;
    top: -6px;
}

.active .hamburger-inner:after {
    transform: translate3d(-5px, 0, 0) rotate(45deg) scaleX(0.7);
    width: 25px;
    bottom: -6px;
}

@media screen and (min-width: 1040px) {
    .header {
        /*position: absolute;*/
        width: 100%;
    }

    .header svg {
        max-height: 100px;
        max-width: 52px;
    }

    .headerMenu {
        margin-left: 15px;
        margin-right: auto;
    }

    .headerMenu ul {
        flex-direction: row;
    }
}

@media screen and (min-width: 800px) {
    .headerMenu {
        margin-left: 15px;
        margin-right: auto
    }

    .headerMenu ul {
        flex-direction: row;
    }

    .hamburger {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .headerMenu {
        position: absolute;
        top: 62px;
        left: 0;
        width: 100%;
        z-index: 999;
        transform: translateX(-100%);
        transition: all .3s cubic-bezier(.215, .61, .355, 1);
    }

    .headerMenu ul {
        background-color: #E1E1E1;
        padding: 25px 0;
    }
}

.active {
    transform: translateX(0);
}

.active .hamburger-inner,
.active .hamburger-inner:after,
.active .hamburger-inner:before {
    background-color: #171717;
}

/* footer */

.footerSpacing ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.footerSpacing li {
    margin: 0;
    list-style: none;
}

.footerSpacing .socialIcons a {
    display: inline-block;
    transition: transform 0.3s;
    transform: scale(.6);
}

.footerSpacing .socialIcons a:hover,
.footerSpacing .socialIcons a:focus {
    transform: scale(0.95);
}

.footerSpacing .socialIcons a:hover circle,
.footerSpacing .socialIcons a:focus circle {
    fill: #0069B4;
}

.footerSpacing .socialIcons a:active {
    transform: scale(.9);
}

/* .footerSpacing .socialIcons a:not(:first-of-type) {
    margin-left: 1.6rem;
} */

.footerSpacing .socialIcons svg {
    width: 3rem;
    height: 3rem;
}

.footerSpacing .socialIcons svg circle {
    transition: fill 0.3s;
}

.footerSpacing .socialIcons p {
    margin-bottom: 0;
}

.footerSpacing .container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.footer .address {
    font-size: 1rem;
}

.footer .copyright {
    font-size: .8rem;
    padding-top: 6px;
}

@media (min-width: 1441px) {
    .footerSpacing .container.vertical-padding-none {
        padding: 0;
    }

    .footerSpacing .container.vertical-padding-both {
        padding: 6.4rem 0;
    }

    .footerSpacing .container.vertical-padding-top {
        padding-top: 6.4rem;
    }

    .footerSpacing .container.vertical-padding-bottom {
        padding-bottom: 6.4rem;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .footerSpacing .container:not(.full) {
        padding-left: 6.4rem;
        padding-right: 6.4rem;
    }

    .footerSpacing .container.vertical-padding-none {
        padding: 0;
    }

    .footerSpacing .container.vertical-padding-both {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .footerSpacing .container.vertical-padding-top {
        padding-top: 6.4rem;
    }

    .footerSpacing .container.vertical-padding-bottom {
        padding-bottom: 6.4rem;
    }
}

@media (max-width: 1024px) {
    .footerSpacing .container:not(.full) {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .footerSpacing .container.vertical-padding-none {
        padding: 0;
    }

    .footerSpacing .container.vertical-padding-both {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
    }

    .footerSpacing .container.vertical-padding-top {
        padding-top: 3.2rem;
    }

    .footerSpacing .container.vertical-padding-bottom {
        padding-bottom: 3.2rem;
    }
}

.footerSpacing .container.tiny {
    max-width: 600px;
}

.footerSpacing .container.narrow {
    max-width: 700px;
}

.footerSpacing .container.medium {
    max-width: 960px;
}

.footerSpacing .container.wide {
    max-width: 1050px;
}

.footerSpacing .container.full {
    max-width: 1440px;
}

.footer {
    color: #fff;
    background: #000;
}

.footer a {
    color: #fff;
    padding: 0;
    font-weight: normal;
}

.footer .footerMenu a {
    display: block;
    text-decoration: none;
}

.footer .footerMenu a:hover {
    text-decoration: underline;
}

.footerSpacing {
    margin-top: auto;
    margin-top: 40px;
}

.footerSpacing .menu a {
    color: #fff;
}

.footerSpacing .menu a:hover {
    text-decoration: underline;
}

.footerSpacing .inner {
    display: flex;
    flex-direction: column;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .footerSpacing .inner {
        padding: 30px;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
    }
}

.footer .content {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.footer .content>* {
    padding-bottom: 20px;
}

.footer .content p {
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .footer .content {
        align-items: flex-end;
        margin-top: 0;
    }

    .footer .content>* {
        padding-bottom: 0;
    }
}