/* Living in Roman London CSS
	14 February 08
	rik.abel@gmail.com / skype: rikabel - get in touch if anything is confusing 
	
	more stuff for revised home page December 2008
	
*/
/*
EDITS BY JEREMY

.box-left and .box-right added in to styles for .right, .left and .imagebox classes
span.imgCapGroupCaption a  made to style like <p> in a div.caption 
.hide class added to hide "skip" links 
#utilities replaced by .optionLinks. Changes also made to .emaillink and .printlink within this, to use the printandemailselect UC
#textBox replaced by #introText
*/



/* CSS Reset Reloaded - see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for details */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #333;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


strong {
	font-weight: bold;
}

/* =global */

a,
a:visited {
	color: #003399;
	text-decoration: none;
}

a:hover,
a:visited:hover {

	text-decoration: underline;
}

#boilerplate a,
#boilerplate a:visited {
	color: #600;
}

.wrapper {
	overflow: hidden; /* wrapper div is used to contain floated modules */
	margin-bottom: 10px;
}


/*see further down for other .box-left and box-right styles*/

.left, .box-left {
	float: left;
}

.right, .box-right {
	float: right;

}


/* =layout */

body {
	text-align: center;
}


#logo {
	float: left;
}

/*#container {
	text-align: left;
	width: 760px;
	margin: 10px auto;
	overflow: hidden; 
}
*/

#contentwrap {
/*	float: right;
	width: 725px;
	overflow: hidden;
*/
	text-align: left;
	width: 725px;
	overflow: hidden;
	margin: 10px auto;

}


#header {
	background: #e7e3d6 url(/museumoflondon/images/microsites/londinium/top_banner_bg.gif) top right no-repeat;
	height: 93px;
	overflow: hidden;
	position: relative; /* so we can relatively position the h1 */
}


#columnwrap {
	float: right;
	width: 565px;
	overflow: hidden;
}

#primary {
	float: left;
	width: 390px;
	overflow: auto;
	margin-bottom: 10px;
}

#secondary {
	float: right;
	width: 165px;
	background: #fff;
	margin-bottom: 10px;

}

#web2 #secondary {
	margin-top: 17px;
}


/* =modules */

/*previously #utilities*/
.optionLinks {
	overflow: auto;
	text-align: right;
	font-size: 80%;
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 75%;
	margin-bottom: 0.75em;

}

#salvebox {
	position: relative;
	background: #fff url(/museumoflondon/images/microsites/londinium/salvebox_bg_commem.jpg)  0 0 no-repeat;
	float: left;
	width: 550px;
	height: 420px;
	overflow: hidden;
}

#salvebox .pad {
/*	background: transparent url(/museumoflondon/images/microsites/londinium/salve_box_top.jpg) 0 0  no-repeat;*/
	padding: 10px 0 5px 0;
}

/* styles for new home page - added 07.11.08 */

#salvebox #introText ul {
	float: left;
	width: 150px;
	margin-top: 0;
	display: inline;
	padding: 0;

}

#salvebox #introText p {
	color: #333;
}

#salvebox #introText {
	margin: 90px 150px 20px 40px;
	overflow: auto;
	zoom: 1;
}
/*end*/


#greenbox {
	float: right;
	width: 165px;
	background: #afc580 url(/museumoflondon/images/microsites/londinium/green_box_bg.jpg) 0 0 no-repeat;
	margin-bottom: 5px;
	color: #fff;
}

#greenbox .pad {
	padding: 5px;
	background: transparent url(/museumoflondon/images/microsites/londinium/green_box_bottom_bg.jpg) bottom left no-repeat;
	overflow: auto;
}

#greenbox img,
#bluebox img,
#redbox img {
	float: left;
	clear: left;
	margin: 0 5px 5px 0;
}


#bluebox {
	float: right;
	clear: right;
	width: 165px;
	margin-bottom: 5px;
	background: #86B9D0 url(/museumoflondon/images/microsites/londinium/blue_box_bg.jpg) 0 0 no-repeat;
	color: #fff;
}

#bluebox .pad {
	padding: 5px;
	background: transparent url(/museumoflondon/images/microsites/londinium/blue_box_bottom_bg.jpg) bottom left no-repeat;
	overflow: auto;
}


#redbox {
	float: right;
	clear: right;
	width: 165px;
	background: #D54949 url(/museumoflondon/images/microsites/londinium/red_box_bg.jpg) 0 0 no-repeat;
	color: #fff;
}

#redbox .pad {
	padding: 5px;
	background: transparent url(/museumoflondon/images/microsites/londinium/red_box_bottom_bg.jpg) bottom left no-repeat;
	overflow: auto;
}

/* styles for new home page - added 07.11.08 */

img#sponsors {
	float: right;
	margin-top: 5px;
}

/*end*/


.box235 {
	width: 235px;
	background: #fff;
}

.box235 img {
	float: right;
	margin: 0 0 0 5px;
}

#threeboxes .left,
#topstorywrap .left {
	margin-right: 10px;
}

#topstorywrap .left {
	width: 220px;
}

#topstorywrap .right {
	width: 160px;
}


#otherstories {
	width: 390px;
}


#leftbox,
#rightbox {
	width: 190px;
	overflow: auto;
}

#leftbox .pad,
#rightbox .pad {
	padding: 5px;
}


#leftbox img,
#rightbox img {
	float: right;
	margin-left: 10px;
}

#leftbox {
	float: left;
	background-color: #D3BF84;
}


#rightbox {
	float: right;
	background-color: #D3AE8D;
}


#timeline {
	
}

#leftvox {
	float: left;
	width: 270px;
	margin-top: 20px;
}

#rightvox {
	float: right;
	width: 270px;
	margin-top: 20px;
}

#leftvox .voxblock,
#rightvox .voxblock {
	overflow: auto;
	margin-bottom: 20px;
}

#leftvox .voxblock img,
#rightvox .voxblock img {
	float: left;
	margin-right: 10px;
}


.voxblock h5,
.voxblock p {
	margin-left: 80px;
}


.voxpopstories .left, .voxpopstories span .box-left {
	margin-right: 10px;
	width: 120px;
}

.voxpopstories .right, .voxpopstories span .box-right  {
	margin-left: 10px;
	width: 120px;
}


.factbox {
	background: #E2E8DB;
	margin-top: 10px;
	padding-bottom: 10px;
}


#secondary .sidebox {
	margin-bottom: 10px;
	clear:both;
}

#secondary .sidebox .pad {
	padding: 5px;
}

#secondary .sidebox h4 {
	padding: 5px;
	margin: 0;
}

#secondary .sidebox p {
	margin-bottom: 0.25em;
	font-size: 70%;
}

/*
#secondary #analysis, #secondary #voxpop, #secondary #household, #secondary #military {
	background-color: #F3E5DE;
}

#secondary #analysis h4, #secondary #voxpop h4, #secondary #household h4, #secondary #military h4{
	background-color: #C37D58;
	color: #fff;
	}
*/
#secondary #analysis{
	background-color: #F3E5DE;
}
#secondary #analysis h4{
	background-color: #C37D58;
	color: #fff;
	}
#secondary #classifieds {
	background-color: #DEE1E6;
}

#secondary #classifieds h4 {
	background-color: #5C6B82;
	color: #fff;
	}

#secondary #forsale {
	background-color: #E2DEE1;
	}
	
#secondary #forsale h4 {
	color: #fff;
	background-color: #705B6A;
}
	
#secondary #links {
	background-color: #E2E8DB;
}

#secondary #links h4 {
	color: #303827;
	background-color: #A2AA99;
}


/*for a set of default styles we're using the analysis styles. I'm sort of assuming that mostly when we see something else it will be a channel within analysis, but this may be oh so wrong....*/
/*
#secondary div[@id!=""]{	
	background-color: #F3E5DE;
}
#secondary h4{
	background-color: #C37D58;
	color: #fff;
}
*/


#secondary #voxpop{
	background-color: #F3DC96;
}
#secondary #voxpop h4{
	background-color: #C0A450;
	color: #fff;
	}
#secondary #household{
	background-color: #F3C9A1;
}
#secondary #household h4{
	background-color: #C18B5C;
	color: #fff;
	}
#secondary #military {
	background-color: #CCBEB3;
}
#secondary #military h4{
	background-color: #907761;
	color: #fff;
	}





/* =navigation */

#topnav {
	overflow: auto;
	font-size: 65%;
	padding-bottom: 4px;
}

#topnav ul,
#topnav li {
	list-style: none;
}

#topnav li,
#topnav a {
	float: left;
}

#topnav a,
#topnav a:visited {
	display: block;
	padding-left: 7px;
	margin-right: 4px;
	color: #b0b0b0;
	text-decoration: none;
	background: #fff url(/museumoflondon/images/microsites/londinium/red_dash.gif) 0 50% no-repeat;
}

#topnav a:hover,
#topnav a:visited:hover {
	text-decoration: underline;
	color: #900;
}

#topnav li#home_link a {
	background: #fff url(/museumoflondon/images/microsites/londinium/home_icon.gif) 0 50% no-repeat;
	padding-left: 10px;
}

#mainnav {
	padding: 5px;
	background: #f6f6f6;
	border: 1px solid #d6d6d6;
	font-size: 75%;
	overflow: auto;
	margin-bottom: 10px;
}

#mainnav ul,
#mainnav li {
	list-style: none;
}

#mainnav li,
#mainnav a {
	float: left;
}

#mainnav a,
#mainnav a:visited {
	color: #808080;
	text-decoration: none;
	display: block;
	margin-right: 1em;
	text-decoration: none;
}

#mainnav a:hover,
#mainnav a:visited:hover {
	text-decoration: underline;
	color: #900;
}

#subnav {
	width: 150px;
	float: left;
	font-size: 75%;
	margin-bottom: 10px;
}

#subnav a {
	display: block;
	padding: 5px;
	color: #fff;
	background-color: #5E2A09;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}


#subnav ul ul a {
	background-color: #81350E;
	padding-left: 10px;
}

#subnav ul ul ul a {
	background-color: #AA4611;
	padding-left: 20px;
}

#subnav ul ul ul ul a {
	background-color: #C37D58;
	padding-left: 30px;
}


#subnav a:hover,
#subnav a:visited:hover {
	color: #000;
	background-color: #E0DDCD;
}


#subnav li.on a {
	color: #000;
	background-color: #E0DDCD;
}

#subnav ul ul li.on a {
	background: #fff url(/museumoflondon/images/microsites/londinium/arrow_nav_black.gif) 5px 50% no-repeat;

}





/* 
subnav section colour overrides 
Original selectors from Rik were based on the assumption that ALL LH nav on 
a given page would be coloured according to the current channel.
Replaced July 2008 so that each section of LH menu (in Lite) reflect the palette
of that site area
*/

/* military */

/*.militaryNav #subnav a */#subnav .militaryNav a{
	background-color: #907761;
}


/*.militaryNav #subnav ul ul a */#subnav .militaryNav li ul a{
	background-color: #B39D88;
}

/*.militaryNav #subnav ul ul ul a */ #subnav .militaryNav li ul ul a{
	background-color: #CCBEB3;
}

/*.militaryNav  #subnav a:hover,
.militaryNav  #subnav a:visited:hover*/
#subnav .militaryNav  a:hover,
#subnav .militaryNav  a:visited:hover
 {
	color: #000;
	background-color: #DACEC4;
}

/*.militaryNav #subnav ul ul li.on a */#subnav .militaryNav li ul li.on a{
	background: #fff url(/museumoflondon/images/microsites/londinium/arrow_nav_black.gif) 5px 50% no-repeat;

}


/* home life CHANGED BY JO to household July 2008*/

/*.householdNav #subnav a, */ #subnav .householdNav a, #subnav .householdNav li a{
	background-color: #C18B5C;
}


/*.householdNav #subnav ul ul a,*/ #subnav .householdNav li ul a{
	background-color: #D9A97B;
}

/*.householdNav #subnav ul ul ul a,*/ #subnav .householdNav li ul ul a{
	background-color: #F3C9A1;
}

/*.householdNav  #subnav a:hover,
.householdNav  #subnav a:visited:hover*/
#subnav .householdNav  li a:hover,
#subnav .householdNav  li a:visited:hover
{
	color: #000;
	background-color: #FBDABA;
}

/*.householdNav #subnav ul ul li.on a */ #subnav .householdNav li ul li.on a{
	background: #fff url(/museumoflondon/images/microsites/londinium/arrow_nav_black.gif) 5px 50% no-repeat;
}

/* vox pop nav */

/*.voxpopNav #subnav a*/ #subnav .voxpopNav a {
	background-color: #C0A450;
}


/*.voxpopNav #subnav ul ul a,*/ #subnav .voxpopNav li ul a{
	background-color: #D9BF72;
}

/*.voxpopNav #subnav ul ul ul a,*/ #subnav .voxpopNav li ul ul a{
	background-color: #F3DC96;
}


/*.voxpopNav  #subnav a:hover,
.voxpopNav  #subnav a:visited:hover*/
#subnav .voxpopNav  li a:hover,
#subnav .voxpopNav  li a:visited:hover
{
	color: #000;
	background-color: #F8E4A6;
}

/*.voxpopNav #subnav ul ul li.on a */ #subnav .voxpopNav li ul li.on a{
	background: #fff url(/museumoflondon/images/microsites/londinium/arrow_nav_black.gif) 5px 50% no-repeat;
}

/* personal nav */

/*.personalNav #subnav a*/ #subnav .personalNav a {
	background-color: #5C6B82;
}

/*.personalNav #subnav ul ul a,*/ #subnav .personalNav li ul a{
	background-color: #7F8A9C;
}

/*.personalNav #subnav ul ul ul a,*/ #subnav .personalNav li ul ul a{
	background-color: #A5ACB6;
}

/*.personalNav  #subnav a:hover,
.personalNav  #subnav a:visited:hover*/
#subnav .personalNav  li a:hover,
#subnav .personalNav  li a:visited:hover
{
	color: #000;
	background-color: #BCC2C9;
}

/*.personalNav #subnav ul ul li.on a */ #subnav .personalNav li ul li.on a{
	background: #fff url(/museumoflondon/images/microsites/londinium/arrow_nav_black.gif) 5px 50% no-repeat;
}

/* business nav */

/*.businessNav #subnav a*/ #subnav .businessNav a {
	background-color: #7A958C;
}

/*.businessNav #subnav ul ul a,*/ #subnav .businessNav li ul a{
	background-color: #A0B1AB;
}

/*.businessNav #subnav ul ul ul a,*/ #subnav .businessNav li ul ul a{
	background-color: #C3CFCB;
}

/*.businessNav  #subnav a:hover,
.businessNav  #subnav a:visited:hover*/
#subnav .businessNav  li a:hover,
#subnav .businessNav  li a:visited:hover{
	color: #000;
	background-color: #CDD8D4;
}

/*.businessNav #subnav ul ul li.on a */ #subnav .businessNav li ul li.on a{
	background: #fff url(/museumoflondon/images/microsites/londinium/arrow_nav_black.gif) 5px 50% no-repeat;
}

/* sculpture nav */

/*.sculptureNav #subnav a*/ #subnav .sculptureNav a {
	background-color: #705E6C;
}

/*.sculptureNav #subnav ul ul a,*/ #subnav .sculptureNav li ul a{
	background-color: #8A7D87;
}

/*.sculptureNav #subnav ul ul ul a,*/ #subnav .sculptureNav li ul ul a{
	background-color: #B4AAB3;
}

/*.sculptureNav  #subnav a:hover,
.sculptureNav  #subnav a:visited:hover*/
#subnav .sculptureNav  li a:hover,
#subnav .sculptureNav  li a:visited:hover{
	color: #000;
	background-color: #C4B8C3;
}

/*.sculptureNav #subnav ul ul li.on a */ #subnav .sculptureNav li ul li.on a{
	background: #fff url(/museumoflondon/images/microsites/londinium/arrow_nav_black.gif) 5px 50% no-repeat;
}

/* end subnav section colour overrides */



#footernav {
	background-color: #e2e2e2;
	padding: 5px;
	text-align: center;
	font-size: 65%;
	overflow: auto;
	clear: both;
	margin-top: 10px;
}


#footernav a,
#footernav a:visited {
	color: #808080;
	text-decoration: none;
	padding: 0 5px;
	border-right: 1px solid #808080;
	}
	
#footernav a:hover,
#footernav a:visited:hover {
	color: #666;
	text-decoration: underline;
}

#footernav .last a,
#footernav .last a:visited {
	border-right: none;
}

/* =typography */

#header h1 {
	position: absolute;
	left: 125px;
	bottom: 20px;
	font-size: 150%;
	color: #8d4500;
}

#header h1 strong {
	display: block;
	margin-left: 1em;
}

/*h2#salve {
	color: #fff;
	display: block;
	width: 179px;
	height: 43px;
	margin-left: 15px;
}
*/
#salvebox h3 {
	color: #600;
	margin-top: 0;
	margin-left: 15px;
	font-size: 100%;
	margin-bottom: 10px;
}

h4#learning {
	width: 107px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(/museumoflondon/images/microsites/londinium/text_learning.gif) 0 0 no-repeat;
	color: #fff;
	margin-bottom: 5px;
}



#primary h3 {
	font-size: 120%;
	margin-bottom: 10px;
	font-weight: bold;
}


#primary .factbox h3 {
	display: block;
/*	text-indent: -9999px;*/
/*	background: #a1a998 url(/museumoflondon/images/microsites/londinium/text_factsbehindthestory.gif) 0 0 no-repeat;*/
	height: 20px;
	overflow: hidden;
	margin-bottom: 0;
}

h4#learning {
	width: 107px;
	height: 33px;
	display: block;
/*	text-indent: -9999px;*/
	overflow: hidden;
	background: transparent url(/museumoflondon/images/microsites/londinium/text_learning.gif) 0 0 no-repeat;
	color: #fff;
	margin-bottom: 5px;
}


/*.box235 h4 {
	display: block;
	width: 235px;
	height: 17px;
	overflow: hidden;
	color: #600;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}
*/
.box235 h4#box1header {
/*	background: #fff url(/museumoflondon/images/microsites/londinium/box1header.gif) 0 0 no-repeat;*/
}

.box235 h4#box2header {
/*	background: #fff url(/museumoflondon/images/microsites/londinium/box2header.gif) 0 0 no-repeat;*/
}

.box235 h4#box3header {
/*	background: #fff url(/museumoflondon/images/microsites/londinium/box3header.gif) 0 0 no-repeat;*/
}

#columnwrap h2 {
	display: block;
	height: 20px;
/*	text-indent: -9999px;*/ /* Phark accessible image replacement - http://phark.typepad.com/phark/2003/08/accessible_imag.html  */
	overflow: hidden;
	color: #600;
	border-bottom: 1px dashed #999;
	margin-bottom: 5px;
}


#columnwrap h2#indepth {
/*		background: #fff url(/museumoflondon/images/microsites/londinium/text_indepthanalysis.gif) 0 0 no-repeat;*/

}

#columnwrap h2#communityvox {
/*		background: #fff url(/museumoflondon/images/microsites/londinium/text_communityvoxpops.gif) 0 0 no-repeat;*/

}


#primary h4 {
	display: block;
	height: 17px;
/*	text-indent: -9999px;*//* Phark accessible image replacement - http://phark.typepad.com/phark/2003/08/accessible_imag.html  */
	overflow: hidden;
	color: #600;
	border-bottom: 1px dashed #999;
	margin-bottom: 5px;
}

#primary h4#topstory {
/*		background: #fff url(/museumoflondon/images/microsites/londinium/text_todaystopstory.gif) 0 0 no-repeat;*/
}

#primary h4#otherheadlines {
/*		background: #fff url(/museumoflondon/images/microsites/londinium/text_otherheadlines.gif) 0 0 no-repeat;*/
}


#secondary h4 {
	color: #C0A450;
	display: block;
	text-transform: uppercase;
	font-size: 80%;
	margin-bottom: 5px;
	font-weight: bold
}

#secondary h4.alt {
	border-bottom: 1px dashed #999;
	color: #300;
	padding-bottom: 3px;
}

#salvebox p {
	font-size: 75%;
	margin-left: 15px;
	margin-right: 2em;
	background-color: transparent;
	color: #300;
}

#salvebox p.note {
	font-size: 65%;
	color: #999;
}




p, .imgCapGroupCaption {
	line-height: 1.2;
	font-size: 75%;
	margin-bottom: 0.75em;
}

span.imgCapGroupCaption{
	display:block;
}

p#boilerplate {
	font-size: 65%;
	text-align: center;
	color: #999;
	margin: 10px 0;
}


p#boilerplate a,
p#boilerplate a:visited {
	text-decoration: none;
}

p#boilerplate a:hover,
p#boilerplate a:visited:hover {
	text-decoration: none;
}

p.caption, .imgCapGroupCaption {
	padding: 5px;
	background-color: #DBD7BD;
}

#redbox p,
#bluebox p,
#greenbox p {
	margin-bottom: 0.25em;
}

/* =lists */

#salvebox ul {
	font-size: 70%;
	list-style: disc;
	margin-left: 20px;
	line-height: 1.2;
	margin-top: 1em;
	margin-bottom: 1em;
}

#salvebox ul li {
	margin-left: 10px;

}


#greenbox ul,
#bluebox ul,
#redbox ul
 {
	font-size: 70%;
	list-style: disc;
	margin-left: 10px;
	line-height: 1.2;
	margin-top: 0;
	color: #000;
	clear: left;
}

#greenbox ul li,
#bluebox ul li,
#redbox ul li {
	margin-left: 7px;
}

#greenbox ul li a,
#bluebox ul li a,
#redbox ul li a  {
	color: #fff;
}

#redbox ul {
	float: left;
	clear: none;
	
}

.box235 ul {
	font-size: 70%;
	list-style: disc;
	margin-left: 10px;
	line-height: 1.2;
	margin-top: 5px;
	color: #000;
}

.box235 ul li {
	margin-left: 7px;
	}
	
	
#primary ul,
#links ul {
	font-size: 70%;
	list-style: disc;
	margin-left: 12px;
	line-height: 1.2;
	margin-top: 5px;
	color: #000;
}
	

#footernav ul {
	margin-left: 70px;
}
	
#footernav li,
#footernav a {
	float: left;
}

#footernav a {
	display: block;
}

#secondary ol {
	font-size: 70%;
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 1.3;
	color: #300;
}



#primary .factbox ul {
	margin: 10px 20px;
	font-size: 75%;

	display: block;
}

#primary .factbox li {
	margin-bottom: 10px;
}


/* =images */

#topbanner {
	margin-bottom: 5px;
}


#secondary img {
	float: left;
	margin-right: 5px;
}


.imagebox, .box-right {
	width: 120px;
	overflow: hidden;
	margin-left: 10px;
}
.box-left{
	width: 120px;
	overflow: hidden;
	margin-right: 10px;
}

.imagebox p.caption {
	color: #28301F;
	background-color: #A2AA99;
	font-size: 70%;
	margin-top: 0;
}

/* =links */

.optionLinks li a {	/*previously #utilities a*/
	color: #B38E8E;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
}

.optionLinks li{
	display:inline;
	font-size:80%;
	margin-bottom:10px;
	overflow:auto;
	text-align:right;
}
.optionLinks a.email{/*previously #utilities a.emaillink*/
	background: #fff url(/museumoflondon/images/microsites/londinium/email_icon.gif) 0 50% no-repeat;
}

.optionLinks a.print{/*previously #utilities a.printlink*/
	background: #fff url(/museumoflondon/images/microsites/londinium/print_icon.gif) 0 50% no-repeat;
}


#leftbox h5 a,
#rightbox h5 a,
#leftvox h5 a,
#rightvox h5 a {
	color: #333;
	display: block;
	margin-bottom: 5px;
}

#leftbox h5 a:hover,
#rightbox h5 a:hover,
#leftvox h5 a:hover,
#rightvox h5 a:hover {
	color: #600;
}

.hide	/*added by JO when shortcuts added to header, like other TPs*/
{
	display: none;
}
/* additions by MR Londinium 2008 */


#objectgroups li{
	display:inline;
	font-size:60%;
	padding-bottom:20px;
	overflow:auto;
	text-align:right;
}
#objectgroups li:before
{
content: " > "
}

h1.catalogue {
	padding-bottom: 10px;
}

#rhImageCaption	{
	width: 200px;
	font-size: 70%;
}

.extrapad{
	margin-right:10px;
	margin-bottom:10px
}

#Header1_navbar{
width:100%;
clear:both;
}

.all-centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/* londinium catalogue styles May 2008 */
.group_image 
{
	float:right;
	margin: 0 0 20px 20px;
}