@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font: 15px/20px Helvetica, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333;
	width: 100%;
	background: #F0F3FA url(../images/bg-body.jpg) left top repeat;
}

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, h1, h2 {
	margin: 0;
	padding: 0;
}
h1, h2 { margin-bottom: 0.4em; }
h2 {
    clear:both;
    padding-top: 0.8em;
    text-shadow: 1px 1px 2px #fff, -1px -1px 0px #CFD3D9;
    font: 26px/32px LeagueGothicRegular, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
/* h2.uppercase { text-shadow: 0 1px 0 #FCF9EE, 0 2px 0 rgba(0, 0, 0, 0.15); } */
h3 { font: 20px Georgia, "Times New Roman", Times, serif;  font-style: italic; }
h4 { font-size: 16px; font-weight: bold; margin: 2em 0 1em 0; clear:both; }
h5 { font-size: 14px; font-weight: bold; margin: 2em 0 0.2em 0; }
h6 { font-size: 14px; font-weight: bold; margin: 2em 0 0.2em 0; }
#side-right h2 { text-shadow: 0px 0px 1px #fff, -1px -1px 0px #eee; }
#side-right h3 {

    text-shadow: none, none;
    padding-top: 0.8em;
}
h1, h3 { /* letter-spacing: -0.04em; */ word-spacing: 0.08em; }
h2.first, #side-right h3.first, #side-right h4.first, #side-right blockquote.first, p.first { padding-top: 0; margin-top: 0; }
.chapter h2 { padding: 0.1em 0 0.4em 0; }
.title1, .title2 {
    font-size: 90%;
    font-weight: normal;
    color: #fff;
    padding: 0.1em 0.6em;
    line-height: 1.5em;
    -webkit-border-radius:  2px;
    -moz-border-radius:     2px;
    border-radius:          2px;
    margin-right: 3px;
}
.title1 { color: #F5FAFF; background-color: #093158; text-shadow: -1px -1px 0px #041424;
background: #093158 url(../images/bg-title1.png) right top no-repeat;
}
.title2 { color: #F8FFE8; background-color: #99d420; text-shadow: -1px -1px 0px #8ABF1D;
background: #99d420 url(../images/bg-title2.png) right top no-repeat;
}
.title1, .title2 {
    -moz-box-shadow:    1px 1px 2px #D4D5D9;
    -webkit-box-shadow: 1px 1px 2px #D4D5D9;
	box-shadow:         1px 1px 2px #D4D5D9;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ccc;
}
table caption { font-weight: bold; margin: 0.5em 0.5em; text-align: center; text-transform: uppercase; }
td, th {
	border: 1px solid #ccc;
	padding: 0.4em;
}
td { vertical-align: top; }
table ul { margin-left: 1em; }
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
    margin-left: 2em;
    margin-bottom: 1.5em;
}

ol ol, ul ul {
    margin-bottom: 0;
}

ul li { padding-bottom: 0.5em; }
ul li li { padding-bottom: 0em; }
ol li { padding-bottom: 1.5em; }

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
blockquote { font-style: italic; margin: 1em 4em 2em 4em; line-height: 1.5em; }

p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}

a { color: #0053a1; font-weight: medium; }
a:link:hover, a:visited:hover { color: #df0d0d; }
a:link img, a:visited img { text-decoration: none; border: 0; }

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 110px;
	padding: 0;
	border-bottom: 1px solid #fff;
	background: #4F8ECD url(../images/bg-header.png) left top repeat;
}

#header a { position: relative; top: 42px; left: 18px; }

.forabg { height: 110px; background: transparent url(../images/bg-wrapper.gif) right bottom no-repeat; }

.wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

#breadcrumb { margin: 0 18px; padding: 0.8em 0 0 0; position: relative; left: -10px; }

#breadcrumb a, #breadcrumb span.active {
    margin: 0;
	padding: 0.2em 0.6em;
	text-decoration: none;
	font-weight: bold;
}

#breadcrumb span.active {
    color: #85B81C;
/*     background-color: #F6F7FA;
    background: url("../images/bg-side-right.png") no-repeat scroll right top #FFFFFF;
    -webkit-border-radius:  30px;
    -moz-border-radius:     30px;
    border-radius:          30px;
    border-right:   1px solid #fff;
    border-bottom:  1px solid #fff;
    border-top:     1px solid #fff;
    border-left:    1px solid #fff;
    -moz-box-shadow:    -1px -1px 1px #D1D6D9;
    -webkit-box-shadow: -1px -1px 1px #D1D6D9;
	box-shadow:         -1px -1px 1px #D1D6D9; */
}

#breadcrumb a.back-button-small, #breadcrumb a.forward-button-small, #breadcrumb a.start-button-small, #breadcrumb a.end-button-small {
    border: 0;
    padding: 0;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
	box-shadow:         none;
}

#breadcrumb a.back-button-small { display: inline-block;  width: 15px; height: 16px; background: transparent url(../images/back-small.png) center top no-repeat; margin: 0 6px 0 4px; position: relative; top: 3px; }

#breadcrumb a.forward-button-small { display: inline-block;  width: 15px; height: 16px; background: transparent url(../images/forward-small.png) left top no-repeat; margin: 0 6px 0 4px; position: relative; top: 3px; }

#breadcrumb a:hover.back-button-small { background: transparent url(../images/back-small.png) 0 -16px no-repeat; }

#breadcrumb a:hover.forward-button-small { background: transparent url(../images/forward-small.png) 0 -16px no-repeat; }

#breadcrumb a.start-button-small { display: inline-block; width: 18px; height: 16px; background: transparent url(../images/start-small.png) left top no-repeat; position: relative; top: 3px; margin-left: 10px; }

#breadcrumb a.end-button-small { display: inline-block; width: 18px; height: 16px; background: transparent url(../images/end-small.png) left top no-repeat; position: relative; top: 3px; }

#breadcrumb a:hover.start-button-small { background: transparent url(../images/start-small.png) 0 -16px no-repeat; }

#breadcrumb a:hover.end-button-small { background: transparent url(../images/end-small.png) 0 -16px no-repeat; }

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 960px;
	float: left;
	overflow: hidden;
}
#content {
    float: left;
    width: 924px;
	margin: 0px 18px 0 18px;
	margin-top: 16px;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/

#side-left, .side-left {
	float: left;
	width: 260px;
	position: relative;
	padding-top: 10px;
}

.info-block, .relevant { float: left; width: 260px; padding: 0 20px 20px 0; clear: both; }
#side-right .relevant { width: 100%; }
.relevant .title1 {
    float: left;
    text-transform: uppercase;
    font-size: 100%;
    font-weight: normal;
    color: #fff;
    padding: 0.3em 0.6em;
    line-height: normal;
/*     -webkit-border-radius:  2px;
    -moz-border-radius:     2px;
    border-radius:          2px; */
    margin-right: 0;
    border: 2px solid #99D420;
    border-bottom: none;
    position: relative;
    top: 2px;
    left: 6px;
    -webkit-border-top-left-radius:  4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft:      4px;
    -moz-border-radius-topright:     4px;
    border-top-left-radius:          4px;
    border-top-right-radius:         4px;
}
.relevant .bordered {
    padding: 10px 10px 16px 16px;
	border: 2px solid #99D420;
	margin: 0;
	clear: both;
	-webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius:  4px;
    -moz-border-radius-bottomright:     4px;
    -moz-border-radius-bottomleft:      4px;
    border-bottom-right-radius:         4px;
    border-bottom-left-radius:          4px;
    background: #fff url(../images/bg-side-right.png) right top no-repeat;
}
.relevant strong.neg-indent { display: block; text-indent: -10px; padding-left: 0px; padding-top: 6px; }
.relevant span.green { color: #99D420; font-size: 140%; }
.relevant .note { display: block; padding: 10px 0 2px 0; border-top: 1px dotted #a8a8a8; margin: 10px 0 0 0; font-size: 85%; }
.character { float: left; margin: 0 10px 6px 0; }
.link-block { float: left; padding: 0 20px 0px 0; background: transparent url(../images/separator.png) left top repeat-x; padding-top: 20px; width: 220px; }
.link.video-download, .link.readings, .link.transcript-download, .link.print { display: block; padding-bottom: 1em; line-height: 1.3em; }
.link-block .link.video-download { background: transparent url(../images/video.png) left 3px no-repeat; padding-left: 26px; }
.link-block .link.transcript-download { background: transparent url(../images/transcript.png) left 1px no-repeat; padding-left: 26px; }
.link-block .link.readings { background: transparent url(../images/readings.png) left 4px no-repeat; padding-left: 30px; }
.link-block .link.print { background: transparent url(../images/print.png) 2px 4px no-repeat; padding-left: 30px; }
.link-block.first { padding-top: 0px; }

#side-left .scrolling-text, .side-left .scrolling-text {
    height: 378px;
    width: 238px;
    overflow: auto;
    background: #070604;
    color: #efefef;
    padding: 6px;
    border-radius: 6px;
}
.side-left { padding-top: 0; }

/* Sidebar Right
-----------------------------------------------------------------------------*/
#side-right {
	float: right;
	width: 638px;
	position: relative;
	top: 14px;
	margin-bottom: 14px;
}

.chapter {
	float: right;
	width: 638px;
	margin-bottom: 14px;
	padding: 16px 10px 30px 10px;
	background-color: #fff;
	-moz-box-shadow:    0px 0px 2px #D1D6D9;
    -webkit-box-shadow: 0px 0px 2px #D1D6D9;
	box-shadow:         0px 0px 2px #D1D6D9;
	margin-left: 4px;
	border-radius: 2px;
	border: 1px solid #D1D6D9;
	background: #fff url(../images/bg-side-right.png) right top no-repeat;
}

iframe, object, #side-right img, #side-left img.framed {
    background-color: #333;
    -moz-box-shadow:    0px 1px 3px #666;
    -webkit-box-shadow: 0px 1px 3px #666;
    box-shadow:         0px 1px 3px #666;
}

#side-right .wide-float img, #side-right img.no-shadow {
    background-color: transparent;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
}

.page-nav { text-align: center; padding: 1em 0; }
.note { margin-top: 3em; clear: both; border-top: 1px solid #ccc; font-size: 90%; }
a.note { margin-top: 0; border-top: 0; }
.wide-float { margin-left: -260px; width: 910px; background-color: transparent; padding: 10px 0; } /* Includes video and related transcript */

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	padding: 100px 18px 100px 260px; text-align: center;
}
#footer img { padding: 0 25px; vertical-align: top; background: transparent url(../images/separator-vertical.png) left top repeat-y; }
#footer .first img { padding: 0 25px 0 0; background: none; }

/* Buttons
-----------------------------------------------------------------------------*/
.button {
    min-width: 5em;
	background: #518ecd url(../images/bg-button.png) right top no-repeat;	
	-moz-box-shadow:    1px 1px 2px #D4D5D9;
    -webkit-box-shadow: 1px 1px 2px #D4D5D9;
	box-shadow:         1px 1px 2px #D4D5D9;
	-moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	border-radius:         2px;
	display: inline-block;
	color: #203852;
	font-weight: bold;
	padding: 5px 22px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #7cacde;
}
.button:hover {
    background: #599fe7 url(../images/bg-button-hover.png) right top no-repeat;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
	box-shadow:         none;
}
.button:active { position: relative;	top: 1px; }

a.button:link:hover, a.button:visited:hover { color: #CFEBFF; }

.totop { text-align: right; clear: both; }
.totop a { background: #fff url(../images/to-top.png) right 0 no-repeat; padding-right: 26px; height: 20px; }
.totop a:hover { background: #fff url(../images/to-top.png) right -20px no-repeat; }

.plus { background: #fff url(../images/plus.png) left center no-repeat; padding-left: 20px; }
.minus {background: #fff url(../images/minus.png) left center no-repeat; padding-left: 20px; }

.uppercase { text-transform: uppercase; }

/* in-house/outsourcing table in digitisation.html */

table.inhouse-outsourcing th, table.inhouse-outsourcing td { border: 1px solid #fff; padding: 10px; }
th.inhouse { height: 109px; background: #5c3566 url(../images/in-house.png) center 0 no-repeat; vertical-align: bottom; color: #fff; text-align: center; }
th.outsourcing { height: 109px; background: #224B88 url(../images/outsourcing.png) center 0 no-repeat; vertical-align: bottom; color: #fff; text-align: center; }
.advantages      th, th.advantages { background: #4e9a06 url(../images/bg-triangle.png) right top no-repeat; color: #fff; vertical-align: top; text-align: right; }
.drawbacks       th, th.drawbacks { background: #a40000 url(../images/bg-triangle.png) right top no-repeat; color: #fff; vertical-align: top; text-align: right; }
.recommendations th, th.recommendations { background: #5c3566 url(../images/bg-triangle.png) right top no-repeat; color: #fff; vertical-align: top; text-align: right; }
.advantages      td, td.advantages { background: #f4fbed url(../images/bg-triangle.png) right top no-repeat; }
.drawbacks       td, td.drawbacks { background: #fceeee url(../images/bg-triangle.png) right top no-repeat; }
.recommendations td, td.recommendations { background: #f4edf5 url(../images/bg-triangle.png) right top no-repeat; }

/* resolution table in preservation.html */
.resolution { font-weight: bold; }
.resolution td, .resolution th { padding: 10px; border: 1px solid #eee; }
.resolution th { padding: 6px 10px; background-color: #518ECD; color: #fff; }
.measurements {
    background-color: #fcaf3e;
    -moz-box-shadow:    0px 1px 3px #333;
    -webkit-box-shadow: 0px 1px 3px #333;
    box-shadow:         0px 1px 3px #333;
}
.ppi { background-color: #3465a4; height: 5px; color: #3465a4; }

.skiplink { display: none; }


a[href*="http"]:after { content: url(../images/external.gif); }
#footer a[href*="http"]:after { content: none; }

/* Scale down images in LO #4 */
img.scaled-down { width: 50%; float: left; margin: 0 20px 10px 0; cursor: crosshair; }

.center { text-align: center; }

a.footnote { }

figure { margin: 2em 0; }
figcaption { font-weight: bold; font-size: 90%; line-height: 90%; margin: 1em 0; }

/* page General overview */

body.lo-0 { background: #4F8ECD url(../images/bg-header.png) left top repeat; position: relative; z-index: 0; }

.lo-0 #header { border-bottom: none; }

.lo-0 #container {
    position: relative;
    z-index: 0;
}
    
.lo-0 #cube {
    height: 246px;
    width: 100%;
    background: transparent url(../images/cube.png) right top no-repeat;
    position: relative;
    z-index: 1;
    margin-top: 14px;
    margin-bottom: -280px;
    margin-right: 160px;
    float: right;
}

.lo-0 #content { background: none; top: 0; }

.lo-0 #side-left { visibility: hidden; display: none; }

.lo-0 #side-right { width: 924px; }

.lo-0 #side-left img {
    background-color: #333;
    -moz-box-shadow:    0px 1px 3px #666;
    -webkit-box-shadow: 0px 1px 3px #666;
    box-shadow:         0px 1px 3px #666;
}

.lo-0 .chapter {
    width: 902px;
    -moz-box-shadow:    0px 0px 3px #223F63;
    -webkit-box-shadow: 0px 0px 3px #223F63;
	box-shadow:         0px 0px 3px #223F63;
}

.lo-0 #footer { padding: 50px 0; }

.lo-0 #footer img { background: none; }

.lo-0 h1 { margin-bottom: 0; }

.lo-0 .title1, .lo-0 .title2 {
    -moz-box-shadow:    0px 0px 3px #223F63;
    -webkit-box-shadow: 0px 0px 3px #223F63;
	box-shadow:         0px 0px 3px #223F63;
}


/* Images in LO-04, page 06 */
div.fifty-per-cent-wide {
    float: left;
    display: inline;
    width: 50%;
    padding: 20px 0;
}

div.fifty-per-cent-wide .figcaption {
    padding: 10px 30px 0 0;
}
