/* Reassessing what we collect style sheet for all screen layout */

body
{
	background-color: #FFFFFF;
	color: #333333;
	margin: 0 0 10px 0;
	padding: 0;
}

body, td, td table td, td table td p, table ul
{
	font: small/1.3 Arial, Verdana, Helvetica, sans-serif;	
}
/*
#Header1_bannerImg{
	height:167px;
}
*/
a 
{
	color: #660000;
	text-decoration: none;
}
#content a 
{
	text-decoration: none;
}



a:hover,
#content a:hover
{
	text-decoration: underline;
}

form
{
	margin: 0;
}

em
{
/*	color: #990000;
	font-style: normal;*/
}

p
{
	padding: 0;
	margin: 0 0 0.5em 0;
}

select, input
{
	color: #000000;
}



ul
{
	list-style-type: square;

	padding: 0 0 3px 0;
	margin: 0 0 0 10px;
}


li
{
	font-size: 85%;
	margin: 0 0 3px 0;
	padding: 0;
}

li a
{
	color: #333333;
}

h1
{
	color: #a01111;
	font-size: 135%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h2 
{
	color: #a01111;
	font-size: 110%;
	margin: 0;
	padding: 0;
}

h3
{
	color: #a01111;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

h4
{
	color: #333333;
	font-size: 100%; 
	font-weight: bold;
	margin: 0;
}

h5
{
	color: #333333;
	margin: 0;
}

table
{
	margin-bottom: 10px;
}

td
{
	font-size: 80%;
	padding: 0 2px 2px 0;
	vertical-align: top;
}

th
{
	text-align: left;
}

td img
{
	padding-top: 2px;
}

img
{
	border: 0;
}



/* main classes */

.portal
{
	float: left; 
	width: 725px;
}

.ButtonGo
{
	position: relative;
	top: 3px;
}


.container
{

	text-align: left;
	width: 760px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
}

.header
{
	height: 30px;
	clear: both;
}

.language
{
	color: #660000;
	width: 515px;
	font-size: 12px;
	float: left;
	text-align: right;
	clear: left;
}

.language input
{
	position: relative;
	top: 3px;
}

.search
{
	color: #660000;
	font-size: 10px;
	text-align: right;
}

.search-input
{
	border: 1px solid #660000;
	height: 15px;
	width: 115px;
}


.logo
{
	clear: left;
	float: left;
	height: 25px;
	width: 150px;
}

.image
{
/*	clear: both;*/
	padding-top: 10px;
}



/* stuff added by MST */
.image span a
{
	border: 0px;
	margin: 0px;
	padding:0px;
}

.image span
{
	margin: 0px;
	padding:0px;
}

/* end of stuff added by MST */


.image-info
{
	background-color: #DEDBDE;
	clear: both;
	font-size: 85%;
	padding: 2px 5px 2px 5px;
	text-align: right;
	width:715px;
}

.image-info a, .about-brown a, .about-brown p a
{
	font-size: 100%;
}



/* calendar */

.calendar
{
	/*background-image: url(/museumoflondon/images/calendar_extra.gif);*/
	background-repeat: no-repeat;
	color: #434343;
	/*height: 190px;*/
	margin: 0;
	text-align: center;
	/* width: 200px;*/
}

.DayHeaderStyle
{
	width: 28px;
}

.DayStyle
{
	color: #444444;
	font-size: 11px;
}

.NextPrevStyle
{
}

.SelectedDayStyle
{
	border: 1px solid #FF3200;
	padding: 0 2px 0 2px;
	font-size: 11px;
}

.TitleStyle
{
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	background-color:gray;

}


.calendar th
{
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding-top: 2px;
}

.calendar th img
{

	padding-top: 2px;
}

.calendar td
{
	font-size: 11px;
	padding: 1px;
	margin: 0;	
}

.calendar .weekday
{
	width: 28px;
}

.calendar a
{
	color: #444444;
	font-size: 11px;
}

.calendar a.active
{
	border: 1px solid #FF3200;
	padding: 0 2px 0 2px;
}

/* treenav */
/*
.treenav
{	
	background: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0;	
}

.treenav li
{
	margin-bottom: 0;
}

.treenav li a
{
	color: #333333;
	font-size: 110%;
	font-weight: bold;	
}

.treenav li ul li a
{
	color: #999999;
	font-size: 120%;
	font-weight: normal;	
}

.treenav ul li a
{
	color: #999999;
	font-size: 110%;
	font-weight: normal;	
}

.treenav li ul
{
	list-style-image: url(/museumoflondon/images/square.gif);
}

.treenav li ul li a.selected
{
	color: #990100;	
}
*/
.options
{
	padding: 5px 0 5px 0;
}

.email
{
	background-image: url(/museumoflondon/images/microsites/reassessing/email.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #986667;
	font-size: 80%;
	height: 9px;
	padding: 2px 0 2px 15px;
}

.options .email
{
	margin-left: 525px;
}

.print
{
	background-image: url(/museumoflondon/images/microsites/reassessing/print.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #986667;
	font-size: 80%;
	height: 13px;
	margin-left: 10px;
	padding: 2px 0 2px 15px;
}
ul.optionLinks li a
{
	color: #986667;
}

.contents
{
	clear: both;
	padding: 5px 0 10px 0;
}

table.contents td
{
	padding: 0;
	margin: 0;
}



.about
{
	color: #7B7B7B;
	font-size: 80%;
	text-align: center;
}

.compliance
{
	color: #7B7B7B;
	font-size: 80%;	
	text-align: center;
}



/* other */



.article
{
	background-image: url(/museumoflondon/images/dot.gif);
	height:100%;
	background-repeat: repeat-y;
	background-position: 515px;/*reduced from 550 in MOLStyles since container is similarly narrower*/
/*	clear: both; this was causing problems with a big space below the */
	margin: 10px 0 10px 0;
}

.article p
{
	margin-bottom: 1.5em;
	padding-right: 10px;	
}

.article .date 
{
	margin: 10px 0 10px 0;
}

.article h2
{
	font-size: 110%;
}

.article h3
{
	font-size: 100%;
	font-weight: bold;
}

.article h4
{
	font-size: 100%;
	font-weight: normal;
	text-decoration:underline;
}

.article blockquote p
{
	margin-bottom: 0;
}


.intro
{
	font-size: 105%;
	margin-bottom: 10px;
}

.box-left
{
	background-color: #F3F3F3;
	float: left;
	font-size: 80%;
	margin: 3px 10px 0 0;
	width: auto;
}

.box-right
{
	background-color: #F3F3F3;
	float: right;
	font-size: 80%;
	margin: 3px 5px 0 10px;
}
/* stuff added by MST */
.box-align-left
{
	text-align:left;
	width:100%;
/*	clear:all*/
}
.box-align-right
{
	text-align:right;
	width:100%;
/*	clear:all*/
}
.box-align-centre
{
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    POSITION: relative;
    TEXT-ALIGN: center;
/*	clear:all*/
}


/* end of stuff added by MST */

.banner
{
	padding-top: 5px;
}

.banner-text
{
	color: #666666;
	font-size: 80%;
}

.box img
{
	display: block;
	border: 0;
}

.box p, .box h1, .box h2, .box h3, .box h4
{
	padding: 4px;
	margin-bottom: 0;
}

.box
{
	background-color: #DEDBCE;
}

.box div
{
	height:100%
}

table.box
{
	font-size: 85%;
}

.gray,
.gray a
{
	color: #666666;
}


.hide
{
	display: none;
}

.hidden
{
	display: none;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.overline
{
	border-top: 1px solid #D5D5D5;
	padding-top: 3px;
}

.section
{
	clear: both;
	margin-bottom: 10px;
}

.small
{
	font-size: 80%;
}

.underline
{
	border-bottom: 1px solid #D5D5D5;
}

/* - frontpage - */

.feature
{
	border-bottom: 1px solid #D5D5D5;
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 330px;
}

.feature h1
{
	font-size: 160%;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0 0;
}

.feature A.bullet, .bulletLinks A
{
    COLOR: #666666
}

.today h1
{	
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 1.85em 0 0 0;
}

.event 
{
	float: left;
	margin-right: 10px;
	width: 340px;
}

.visit
{
	float: left;
	margin-right: 10px;
	width: 200px;	
}

.whatson
{
	float: left;
	width: 200px;
}

.event h1,
.visit h1,
.whatson h1
{
	color: #666666;
	font-size: 155%;
	font-weight: normal;
}

.event h1
{
	margin: 0;
}

.event h2
{
	font-size: 110%;
	margin: 0;
	padding: 0.5em 0 0 0;
}

.event-links a
{
	color: #676767;
}

.visit
{
	height: 200px;
}

.visit img
{
	margin: 5px 0 1px 0;
}
/* stuff added by MST */

.highlight-box
{
	background-color: #ECECEC;
	position:relative;
	padding: 2px;
}
/* end of stuff added by MST */


.extra
{
	padding: 1px 0 0 5px;
	text-align: left;	
}

.extra img
{
	vertical-align: middle;
}

.filter
{
	background-color: #660000;
	color: #FFFFFF;
	font-size: 14px;
	height: 25px;
	padding-top: 2px;
	
}

.filter h1
{
	color: #FFFFFF;
	margin: 0;
	float:left; 
	font-size: 16px;
	padding: 2px 0 0 5px;
	word-spacing: 20px;	
}

.filter .navigate
{
	float: left;
	padding: 4px 0 0 10px;
	width: 150px;
}

.list
{
	background-color: #F9FBF8;
	border-bottom: 1px solid #C1E0C0;
	border-top: 1px solid #C1E0C0;
	empty-cells: show;
	width: 725px;
}

.list th,
.list td
{
	padding: 4px;
}

.list th
{
	border-bottom: 2px solid #C1E0C0;
	font-size: 90%; 
	white-space: nowrap;
}

.list td
{
	color: #333333;
	font-size: 85%;
	border-bottom: 1px solid #C1E0C0;	
}

.list td.red
{
	background-color: #EE1B2C;
}

.list td.blue
{
	background-color: #003398;
}
span.red
{
	color:#EE1b2c;
}
span.blue
{
	color:#003398;
}
.list td a
{
	font-size: 100%;
}

.paging
{
	color: #9A0000;
	font-weight: bold;
	margin: 0;
	padding-right: 100px;
	text-align: right;
}

.paging a
{
	color: #666666;
	font-weight: normal;
	margin-left: 3px;
}

.paging a.current
{
	font-weight: bold;
}

.sidebar ul
{
	list-style-image: url(/museumoflondon/images/square_11.gif);
	margin: 0 0 0 7px;
	padding: 0 0 3px 0;
}

.sidebar li a
{
	color: #666666;
}

.sidebar h4.orange,
.sidebar h4.blue,
.sidebar h4.pink
{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}

.sidebar p
{
	margin-bottom: 5px;
}

.sidebar h1
{
	color: #444444;
/*	font-size: 15px; */
	font-size: 120%;
	margin: 5px 0 3px 0;
}


/* For CMS authoring*/

.MCMSCaption
{
	background-color:Yellow;
	background-color:Yellow;
	border-color:Black;
	border-style:solid;
	border-width:thin;

}

error
{
	display:none
}

.search-button
{
	position: relative;
	top: 3px;
	border : 0;
}

/*  from the original portal sheet */

.mol, .mid, .mol-arch
{
	display: block;
	height: 129px;
	width: 35px;	
}

/* Fahrner Image Replacement - FIR */
.mol span, .mid span, .mol-arch span
{
	display: none;
}


.sites
{
	float: left;
	padding-top: 30px;
	width: 35px;
}



.catcher
{
	margin: 0;
	padding: 0;
	width: 725px;
}

.catcher .about-brown,
.catcher .about-text
{
	background-color: #8C8A3A;
	color: #FFFFFF;
	padding: 4px 4px 4px 7px;
	width: 410px;
	height: 95px;
}


.left-nav-container
{
	padding: 5px;
}

.left-nav-container h1
{
	color: #3A3520;
	font-size: 12px;
	font-weight: bold;
}

.left-nav-container .treenav a
{
	color: #313131;
	font-size: 11px;	
}

/* this needs setting to MOL style - currently Portal style */
.blockquoteStyle
{
	background-color: #DEDBCE;
	margin: 10px 10px 10px 0;
	padding: 7px;
}

a.highlight
{
	color: #669900;
}

h1.boxed
{
	background-color: #EFEFEF;
	color: #333300;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px;
}

h1.underlined
{
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	font-size: 180%;
	margin: 0 0 5px 0;
}


/* Visual Funk css start */

/*Layout */

#container{
	width : 725px;
	margin : 10px auto 10px auto;
	padding : 0;
}


#leftColumn {
	float:left;
	display:inline;
	width:107px;
	margin-left: 0;
	margin-right : 10px;
/* Hides from IE-mac \*/
	height: auto !important;
   	height: 1%;
/* End hide from IE-mac */
}

#main-with-nav{
	margin-left:117px;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
}
.main-with-left-nav{
	width:606px;
	margin-left:117px;
	padding : 0 ;
}
.main-no-left-nav{
	width:100%;
}

#main{
	width:300px;
	margin-left:117px;
	padding : 0 ;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
}

#mainAddinf{
	width:400px;
	margin-left:117px;
	padding : 0 ;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
}

#main-two-columns{
	width:600px;
	margin-left:117px;
	margin-right:-1px;/*a hack to stop this shifting under the LH nav in IE6*/
	padding : 0 ;
	border : 1px solid red;
}

#main_frontpage{
	width:510px;
	margin-left:0;
	padding : 10px 0 0 0;
}


#rightColumn{
	position : relative;
	width:300px;
	float : right;
	margin : 0 0 0 0;
}
#rightColumnAddinf{
	position : relative;
	width:200px;
	float : right;
	margin : 0 0 0 0;
}
#objectRightColumn{
	position : relative;
	width:360px;
	float : right;
	margin : 0 0 0 0;
}

#top img{
	margin : 0;
}

/* Breadcrumbs */
#breadcrumbs {
	background: white url(/museumoflondon/images/microsites/reassessing/house.gif) top left no-repeat;
	padding : 0 0 0 10px;
	font-size: 75%;
	color : #990000;
}

#breadcrumbs a,
#breadcrumbs a:link{
	text-decoration :none;
	color : #999999;
}
#breadcrumbs .active{
	font-weight: bold;
	color : #990000;
}

#breadcrumbs a:hover{
	text-decoration : none;
	color : black;
}

#breadcrumbs a:visited{
	text-decoration : none;
/*	color : #990000;*/
}


#logo{
	margin: 0 -26px 0 0;
	position : relative;
/*	top: -93px;*/
	left:-34px;
	float: left;
}

/* The top menu */
#menu {
	background-color : #F3F3F3;
	border : 1px solid #CDCDCD;
	padding : 5px;
	margin : 10px 0 10px 0;
}

#menu a:link, #menu a:hover, #menu a:visited{
	text-decoration : none;
	padding-right : 10px;
}

#menu a:link, #menu a:visited{
	color : #666;
}

#menu a:hover{
	color : black;
}

#leftColumn ul{
	margin:0;
	padding:0;
}


/*Left hand menu 

The first item in each pair is the style from Ronny. The second is based on this but using selectors appropriate to the HTML coming out of the nav control

*/

#navigation {line-height : 100%;	margin: 0 0 0 0px;}
.treenav{line-height : 100%;}


#navigation a{
/*	text-decoration : none;*/
}
.treenav a{
/*	text-decoration : none;*/
}

#navigation a.active{color : #990000;font-weight : bold;}
.treenav a.active{color : #990000;font-weight : bold;}

#navigation .current a { color:#660000; text-decoration:none; }
.treenav .current a { color:#660000; text-decoration:none; }



li.navLevel1, li.navLevel2, li.navLevel3, li.navLevel4 {	list-style: none;}/*this is the root of the nav, which in other places is an H1 instead of the lowest level LI*/
.treenav li, .treenav ul li, .treenav ul ul li, .treenav ul ul ul li{	list-style: none;}


li.navLevel1 a:link, li.navLevel1 a:visited{	font-weight: bold;margin-left : 0px; font-size: 100%; }
li.navLevel1 a:link, li.navLevel1 a:visited{	color : #333333;}
/*li.navLevel1 a:link, li.navLevel1 a:visited	{color: #a01111;	font-size: 135%;	font-weight: bold;	margin: 0;	padding: 0;}*/
li.navLevel1 h2.navLevel1 { margin-left : 0px; font-size: 110%;}

li.navLevel2 { margin-left : 0px; font-size: 100%; font-weight:bold}
li.navLevel2Active a, li.navLevel2Active a:visited { margin-left : 0px; font-size: 95%; color:#a01111; text-decoration:underline; }
li.navLevel2 a:link, li.navLevel2 a:visited{color : #333333;}


li.navLevel3 { margin-left : 0px; font-size: 100%;}
li.navLevel3Active {  }
li.navLevel3 a:link, li.navLevel3 a:visited {color : #333333;}

li.navLevel4 { margin-left : 4px; font-size: 90%;}
li.navLevel4{color : #666666;}
li.navLevel4 a:link, li.navLevel4 a:visited{color : #666;}

li.navLevel1 a:hover, li.navLevel2 a:hover, li.navLevel3 a:hover, li.navLevel4 a:hover {	color : #000;text-decoration : underline;}



/* The help features */
.help {
	position : relative;
	width : 180px;
	margin :  -29px -180px 0 0;
	padding :0;
	float:right;
	background-color: #F2F2F2;
}

.help h1{
	border : 1px solid #DDDDDD;
	font-size: 95%;
	color : #990000;
	padding : 2px 2px 2px 15px;
	margin : 0;
	background: white url(/museumoflondon/images/microsites/reassessing/helpHover.gif) top left no-repeat;
}

.help a:link,.help a:visited{
	color : #660000;
	text-decoration: none;
}

.help p{
	padding : 5px 10px 0 10px;
	font-size: 90%;
}

#help01, 
#help02, 
#help03,
#help04,
#help05,
#help06,
#help07,
#help08,
#help09,
#help10,
#help11,
#help12,
#help13,
#help14,
#help15,
#help16,
#help17,
#help18,
#help19,
#help20,
#help21
{
	visibility : hidden;
}


/* The search form */

.search { height:30px; margin:-42px 20px 0px 0px; color:#000000; }

#search p{
	margin-top : 10px;
	margin :0 0 10px 0;
}
input{
	border : 1px solid #A5ACB2;
}


#search h3, #searchSidebar h3{

	padding : 2px 2px 2px 5px;
	margin: 0;
	background: #a8aea7;
	color: #f3f3f3;
	font-size : 95%;
	font-family: Arial, Helvetica, sans-serif;
}

#searchSidebar h1{
	color: #333333;
	margin-top : 10px;
}

img {
	border : 0;
}

.itemname {
	width : 140px;
	display: block;
	float : left;
}

.radio, .checkbox{
	border:0;
}

.clearButton{
	background-color: #9F7777;
	color :white;
	border :0;
}

.searchButton{
	background-color: #EC1C2E;
	color :white;
	border :  0;
}

p.indent{
	padding-left:140px;
}

.small{
	font-size : 80%;
}

.discreet {
	color : #666666;
}

.borderTop{
	border-top : 1px solid #dddddd;
}

.boxes {
	margin-top : 10px;
	padding-left : 120px;
}

.box-1, .box-2, .box-3{
	width:200px;
	postition : relative;
	top : 100px;
	display: block;
	float:left;
}


/* Search results */
.result-item{
	clear:both;
	margin-top:20px;
}

.result-item p{
	margin :0;
}

.odd{
	background-color: transparent;
}

.result-col-1{
	float:left;
	padding: 0;	
	display:inline;
	width:auto;
	margin-left: 0;
	margin-top: 4px;
	border:1px solid #666666;
/* Hides from IE-mac \*/
	height: auto !important;
   	height: 1%;
/* End hide from IE-mac */
}

.result-col-2{
	position : relative;
	margin-left : 130px;
	width:260px;
	padding: 0;
	
}

.result-col-2-head{
	position : relative;
	margin-left : 120px;
	border-left : 1px solid #D7D7D7;	
	padding: 2px 10px 1px 6px;
}

.navigate-results a, .navigate-related-objects a{
	margin : 0 5px 0 5px;
}

.navigate-results a.active{
	font-weight : bold;
}

.inline-image{
	width : 140px;
	float:left; 
	background-color : #F3F3F3;
	margin : 5px 5px 5px 0;
}

.inline-image p{
 	padding : 5px;
}


 
/* Related objects */

.related-objects{
	width : 612px;
	margin-left : 117px;
}

.navigate-related-objects{
	background-color : #E7E7E7;
	border : 1px solid #CCCCCC;
	text-align:center;
	margin : 10px 0 10px 0;
}

.related-object-item{
	width : 25%;
	float : left;
}

.related-object-item-info{
	background-color : #C2C2C2;
	padding : 6px;
	font-size : 90%
}


div.spacer {
  clear: both;
}

.theForm
{
	float:left;
	text-align:left;
	margin-right:20px;
	display:block;
	height:100%
}

.theFormText
{
	font-weight:bold;
	height:100%
}

#main-with-nav{
	width:606px;
	margin-left:117px;
	padding : 0 ;
	border:0
}
#main-no-right-nav{

}

/*	ADDITIONS FOR RE-ASSESSING */

	.frontMain { width:516px; float:left; font-size:0.9em; }
	.frontMain a { color:#990000; text-decoration:none; }
	.frontRight { width:209px; float:left; font-size:0.9em; }
	.frontBox { background:#f0f2dc; padding:5px 5px 5px 5px; }
	.frontBox ul, .frontBox span ul {
	margin:0;
	padding:0;
	list-style-image: url(/museumoflondon/images/microsites/reassessing/bullet01.gif);
}

	#objectMain { width:240px; float:left; font-size:0.9em; }

	.frontBox li, .frontBox span li { 
	margin:0 0 0 15px;
	padding:0 0 0 0px;
	font-weight:bold; 
	color:#990000; 
	font-size:0.9em
	}
	.frontBox a, .frontBox span a { color:#990000; }
	.frontBox h3, .frontBox span h3 { margin:0; color:#336699; }
	.frontBox2 { padding:10px 10px 0 10px; }
	.frontBox2 a { color:#990000; text-decoration:none; }
	
	.frontMain a:hover,.frontBox a:hover,.frontBox2 a:hover { text-decoration:underline; }
	

	.navigate-articles, navigate-results { text-align:center; margin : 10px 0 10px 0; }
	.navigate-images { text-align:center; margin : 10px 0 10px 0; background-color:#e8e8e8; }
	.navigate-objects { text-align:center; margin : 10px 0 10px 0; }

	.rightBox1 { margin-top:10px; padding:10px 10px 10px 10px; background-color:#cfd8d1; font-size:0.9em; }
	.rightBox1 h3 { margin-top:0; }
	.rightBox1 dl { margin:0; }
	.rightBox1 dl dt { float:left; width:30%; }
	.rightBox1 dl dd { width:65%; }
	
	.rightBox2 { margin-bottom:10px; padding:10px 10px 10px 10px; background-color:#f3f3f3; font-size:0.9em; }
	.rightBox2 h3 { margin-top:0; }
	.rightBox2 select { width:160px; }

	.textButton, .textButton2 { padding:1px 3px 1px 3px; font-weight:bold; color:#ffffff; background-color:#0089e4; border-right:1px solid #999999; border-bottom:1px solid #999999; }
	.textButton2 { float:right; }
		
	.textButton a, .textButton2 a { text-align:right; color:#0089e4; }

	.themes { width:725px; }
/*image and text grid, with three items per row*/
	.theme { width:235px; height:117px; float:left; margin-bottom:10px; margin-top:0px; background-color:#e0e5e0; }/*banner bg is cdddff but this looks closer for some reason*/
	.theme .label { float:left; padding:5px 5px 5px 5px; }
	.theme img { float:left; }

/*image text and titles grid, with two items per row*/
	.theme2 { width:357px; height:180px; float:left; margin-bottom:10px; margin-top:0px; background-color:#e0e5e0; }
	.theme2 h2.title { margin:5px 5px 5px 5px; }
	.theme2 .label{ padding:5px 5px 5px 5px;}
	.theme2 .label ul{ list-style:circle;}
	.theme2 .label ul li{ margin-left:20px}
	.theme2 img { float:left; margin:5px 5px 5px 5px; }

	.theme_frontpage { width:100%; margin-left:0; padding : 0px 0 0 0; } /*previously width:510px*/

	.related_material { clear:both; width : 608px; margin-left : 117px; }
	.related_material h3 { 	background-color : #E7E7E7; border : 1px solid #CCCCCC; margin : 10px 0 10px 0; padding-left:5px; color:#666666; }
	






/*	.results { width:400px; float:left; }*/
	.results {margin-top:10px;}
	.results-items {margin-top:10px;}
	.actions { text-align:right; }
	
	#rightColumn .item { float:left; padding:0px 5px 0 5px; width:90px; height:145px; overflow:hidden; }
	
	.textHotbox { float:left; width:140px; margin:0 10px 10px 0; }
	.textHotbox h3 { font-size:1.1em; }
	.textHotbox h6 { margin:0; }
	
	.imageBox { background-color:#cccccc; padding:1px 0 5px 0; margin-top:10px; }
	.imageHolder { background-color:#f3f3f3; margin:0px 1px 1px 1px; }
	.imageCaption { text-align:right; margin:0px 10px 0px 0px; color:#333333; }
	
	.objectLinks { float:right; width:130px; }
	
	.credit {font-weight:800;font-size:80%}
/* 
	article template styles, modified from molstyles.css
	some article stuff was already here, this is the rest
*/

.article-col-1
{
	float: left;
	margin-right: 10px;
	width: 140px;
}
.article-col-2
{
	float: left;
	margin-right: 0px;
	width: 360px;	/*400 in molstyles*/
}
.article-col-3
{
	margin-left:10px;
	margin-right:0px;
	float: left;
	width: 200px;
	margin: 0;
}


.imgCapGroupCaption
{
	padding:0 2px 0 2px;
}

/* end of article template*/

/*
stuff taken from pagestyles.css
*/

.footerRelated
{
	font-size:smaller;
	color:#ff0000;
    PADDING-LEFT: 10px;
    MARGIN: 0px;
}
.footerRelated LI
{
    LIST-STYLE-IMAGE: url(/museumoflondon/images/greyDot.gif);
    LIST-STYLE-TYPE: circle
}
.imgCapGroup DIV 
{
	padding:0px;
	margin:0px 10px 0 0;
    FONT-WEIGHT: 700;
    FONT-SIZE: 80%;
    BORDER:solid #c0c0c0 1px;
}

.imgFloatLeft
{
	float:left;
/*	clear:all*/
}
.imgFloatRight
{
	float:right;
/*	clear:all*/
}
.imgAlignLeft
{
	text-align:left;
/*	clear:all*/
}
.imgAlignRight
{
	text-align:right;
/*	clear:all*/
}
.imgAlignCentre
{
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    POSITION: relative;
    TEXT-ALIGN: center;
/*	clear:all*/
}
#articleIntro
{
	margin-top:10px;
	margin-bottom:20px;
}
.homeTextArea
{
	padding-top:0.5em;
}

/*
end of stuff taken from pagestyles.css
*/
/*these style unordered lists used in primary navigation */
.menu
{
	clear: right;
	border: 1px solid #CDCDCD;
	float: left;
	height: auto;
	width: 723px;
	color: #676767;
	background-color: #F3F3F3;
	display: block;
	float: left;
	margin : 10px 0 10px 0;
}

.links
{
	background-color: #DBDBDB;
	clear: both;
	font-size: 80%;
	margin: 10px 0 10px 0;
	padding: 1px;
	text-align: center;
	height:1.4em;/*this stops it flowing upwards in IE6*/
}

.menu a
{
	color: #676767;
	display: block;
	float: left;
	padding: 4px 5px 4px 5px;
}

.menu a.active
{
/*	color: #FFFFFF;
	background-color: #9CB621;
	font-weight: bold;
*/
}

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

.menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.footerLinks, ul.optionLinks{
	list-style-type: none;
	padding: 0.1em;
	margin: 0;
}


.menu ul li, ul.footerLinks li, ul.optionLinks li
{
	font-size: 100%;
	display:inline;
	clear:none;
	margin: 0;
	padding: 0;
}
.links a
{
	color: #6B6563;
	padding: 4px 5px 4px 5px;
}

.error{
	font-weight:900;
	color:Red;
}
.all-centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}