/* Med Gall
	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, p table tr td
{
	font: small/1.3 Arial, Verdana, Helvetica, sans-serif;	
}

a 
{
	color: #660000;
/*	text-decoration: none;*/
}



a:hover
{
	text-decoration: underline;
}

form
{
	margin: 0;
}

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

p, .likepara, ul.relatedList
{
	padding: 0;
	margin: 0 0 0.5em 0;
	list-style-type: none;
}

ul.likepara li
{
	font-size: 100%;
	display:inline;
	clear:none;
	margin: 0;
	padding: 0;
}



select, input
{
	color: #000000;
}


ul
{
	list-style-type: square;
	padding: 0 0 3px 0;
	margin: 0 0 0 20px;
}

.sidebar ul
{
	list-style-type: square;
}


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

li a
{
	color: #333333;
}

dl { margin:10; }
dl dt { float:left; width:25%; font-weight:900;padding-bottom:3px}
dl dd { width:70%;padding-bottom:3px }


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

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

h3
{
	color: #a01111;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0 0 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: 12px;
	text-align: right;
}

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


.logo
{
	float: left;
	clear: 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(../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(../images/square.gif);
}

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

.email
{
	background-image: url(/museumoflondon/images/microsites/med_gall/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/med_gall/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/microsites/med_gall/images/dot.gif);
	background-repeat: repeat-y;
	background-position: 515px;
	clear: both;
	margin: 10px 0 10px 0;
}

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

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

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

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

.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;
}

.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;
	clear:all
}
.box-align-right
{
	text-align:right;
	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;
}

.event-links A, .bulletLinks A, .about-brown a, .info a
 /*last two added by MST */
{
	background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 85%;
	padding-left: 10px;	
}

.bullet
{
	background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/bullet.gif);
}


.article-col-1
{
	float: left;
	margin-right: 10px;
	width: 105px;
}
.article-col-2
{
	float: left;
	margin-right: 10px;
	width: 400px;
}

.article-col-3
{
	float: left;
	width: 200px;
	margin: 0;
}

.navigation-col-1
{
	float: left;
	margin-right: 10px;
	width: 105px;
}

.navigation-col-2
{
	float: left;
	margin-right: 10px;
	width: 190px;
}

.navigation-col-3
{
	float: left;
	margin-right: 10px;
	width: 200px;
}

.navigation-col-23
{
	float: left;
	margin-right: 10px;
	width: 375px;	/*35px smaller than in MoL main because we need to allow for the logos at the left*/
}

.navigation-col-4
{
	float: left;
	width: 200px;
	margin: 0;
}

.overview-col-1
{
	float: left;
	margin-right: 10px;
	width: 105px;
}

.overview-col-2
{
	float: left;
	margin-right: 10px;
	width: 200px;
}

.overview-col-3
{
	float: left;
	margin-right: 10px;
	width: 200px;
}

.overview-col-4
{
	float: left;
	width: 200px;
	margin: 0;
}


/* Mike Parris 18 03 2005 - dont think these are used
.column-200 table
{
	width: 190px;
}

.column-305
{
	float: left;
	margin-right: 10px;
	width: 305px;
} 

.column-400-rborder
{
	float: left;
	margin-right: 10px;
	width: 400px;
}
*/

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

.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 */

.visit .wrapper
{
	background-color: #ECECEC;
	padding: 2px;
}


.visit a
{
	color: #660000;
}

.whatson
{
	clear: right;
	height:200px; 
}

.whatson .wrapper
{	
	border: 1px solid #DDDDDD;
	clear: right;
	height: 156px; 
	margin-top: 5px; 
	padding: 3px;	
}

.whatson h2
{
	color: #990100;
	font-size: 80%;
	margin: 0;	
}

.whatson a
{
	color: #676767;
}

.exhibitions li 
{
	font-size: 100%;	
}

/* --- */

.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 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;
}

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

.sidebar li a
{
	color: #666666;
}

.sidebar h3
{
	font-size: 110%;
	margin-bottom: 3px;
}

.sidebar h4.orange
{
	background-image: url(/museumoflondon/images/microsites/med_gall/images/dot_orange.gif);
}

.sidebar h4.blue
{
	background-image: url(/museumoflondon/images/microsites/med_gall/images/dot_blue.gif);
}

.sidebar h4.pink
{
	background-image: url(/museumoflondon/images/microsites/med_gall/images/dot_pink.gif);
}

.sidebar .date
{
	color: #666666;
}

/* 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;
}

a.mol             { background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/mol.gif);           }
a:hover.mol       { background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/mol_over.gif);      }
a.mid             { background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/mid.gif);           }
a:hover.mid       { background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/mid_over.gif);      }
a.mol-arch        { background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/ASLogo_129x35v.gif);      }
a:hover.mol-arch  { background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/ASLogo_129x35v_over.gif); }

.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;
}

.catcher .about-brown a,
.catcher .about-text a
{
	background-image: url(/museumoflondon/images/microsites/med_gall/images/portal/bullet.gif);
}

.catcher .about-text
{
	background-color: #6B0000;
}

.catcher .about-brown h2,
.catcher .about-text h2
{
	color: #C5CA94;
/*	font-size: 14px; */
	margin: 0;
}

.catcher .about-text h2
{
	color: #CE9A94;
}

.catcher h1,
.catcher .about-text h1
{
	color: #FFFFFF;
/*	font-size: 22px;	 */
	font-size: 180%;
	font-weight: normal;
	margin: 0;
	line-height: 1.1;
}

.catcher .about-brown h3,
.catcher .about-text h3
{
	color: #FFFFFF;
/*	font-size: 12px; */
	font-weight: normal;
	margin: 0 0 3px 0;
}

.catcher .about-brown a,
.catcher .about-text a
{
	color: #EFEFDE;
	font-size: 100%; 
}

.catcher .info
{
	background-color: #9CB621;
	color: #EFEFDE;
/*	font-size: 12px; */
/*	font-size: 100%; */
	padding: 7px;
}

.catcher .info h1
{
	color: #6B6100;
/*	font-size: 12px; */
	font-size: 110%;
	font-weight: bold;
	margin: 0;
}

.catcher .info a
{
	color: #FFFFFF;
	font-size: 100%; 
}

.catcher .goto 
{
	background-color: #CE9694;
	padding-left: 20px;
	vertical-align: middle;	
}

.catcher .goto a
{
	color: #6B3131;
	font-size: 24px;
	font-weight: bold;
}

.left-nav-container
{
	background-color: #F7EFEF;
	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{
	width:400px;
	margin-left:117px;
	padding : 0 ;

}

#main-two-columns{
	width:600px;
	margin-left:117px;
	padding : 0 ;
	border : 1px solid red;
}

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


#rightColumn{
	position : relative;
	width:200px;
	float : right;
	margin : 0 0 0 0;
}

#top img{
	margin : 0;
}

/* Breadcrumbs */

#breadcrumbs {
	background: white url(../images/house.gif) 0 50% no-repeat;
	padding : 0 0 0 15px;
	font-size: 90%;
	color : #990000;
}

#breadcrumbs a:link{
	text-decoration :none;
	color : #666;
}
#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; this was when the logo came after the HTML for banner and top nav*/
	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 */
li.navLevel4{
	color : #666666;
}
li.navLevel1 a:link, 
li.navLevel1 a:visited{
	color : #663333;
}
li.navLevel2 a:link, 
li.navLevel2 a:visited, 
li.navLevel3 a:link, 
li.navLevel3 a:visited {
	color : #333333;
}

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;
}


.navigation {
	line-height : 100%;
}

.navigation a{
	text-decoration : none;
}

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

li.navLevel1, 
li.navLevel2, 
li.navLevel3{
	list-style: none;
}

li.navLevel4{
	list-style: none;
/*	list-style-position : inside;*/

}
li.navLevel1 a:link, 
li.navLevel1 a:visited{
	font-weight: bold;
}


li.navLevel1 { margin-left : 0px; font-size: 100%; margin-top:5px;}
li.navLevel2 { margin-left : 10px; font-size: 95%;}
li.navLevel3 { margin-left : 15px; font-size: 95%;}
li.navLevel4 { margin-left : 20px; font-size: 95%;}


/* 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/med_gall/images/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 pages */

.search { height:30px; margin:-30px 10px 0px 0px; color:#ffffff; }

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


#search h3, #search-sidebar h3{

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

#search-sidebar 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;
}

label.discreet{	/*based on H2 styles, but different colour*/
	display:block;
	font-weight: bold;
	font-size: 110%;
	margin: 0;
	padding: 0;
}


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

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

.box-1, 
.box-2 {	/*there was also a box-3 which is not used any more so these styles adapted, originally width was 200px*/
	position : relative;
/*	top : 100px;*/
	display: block;
	float:left;
	width:300px;
}


/* 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;
}


span.results label {
	color:#A01111;
	font-size:100%;
	font-weight:bold;
	display: block;
	margin-top: 10px;
}

span.results {
	overflow: auto;
}

span.results .gogogo {
	margin-bottom: 0;
}

span.results select {
	border:1px solid #A5ACB2;
	width:300px;
}

.result-item {
	overflow: auto;
}

div.results {
	margin-bottom: 10px;
}

/*Digital resources */

.digital-resources{
	width : 600px;
}

.digital-resources h2{
	color : #333333;
	font-size : 100%;
	float:left;
	padding: 3px 10px 0px 0;	
	display:inline;
	width:107px;
	margin-left: 0;
/* Hides from IE-mac \*/
	height: auto !important;
   	height: 1%;
/* End hide from IE-mac */
}

.digital-resources p{
	position : relative;
	margin-left : 121px;
	padding: 3px 10px 12px 0;
}

.digital-resources ul{
  	list-style-position:inside;
	position : relative;
	margin-left : 141px;
	padding: 3px 10px 12px 0;
	color : #660000;
}

.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;
}


/*	ADDITIONS FOR MEDIEVALLONDON */

	.navigate-articles, navigate-results { margin : 10px 0 10px 0;}
	
	.paging{color: #9A0000;font-weight: bold;margin: 0;text-align: center}
	.paging a{color: #666666;font-weight: normal;margin-left: 3px;}
	.paging a.current{font-weight: bold;}
	.pageLinks{display:block}

	.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:25%; }
	.rightBox1 dl dd { width:70%; }
	
	.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:#F5FFF6; background-color:#f1383b; border-right:1px solid #999999; border-bottom:1px solid #999999; }
	.textButton2 { float:right; font: small/1.3 Arial, Verdana, Helvetica, sans-serif;border:0px}
		
	.textButton a, .textButton2 a { text-align:right; color:#F5FFF6; }

	.themes { width:725px; }
	.theme { width:235px; height:117px; float:left; margin-bottom:10px; margin-top:0px; background-color:#e0e5e0; }
	.theme .label { float:left; padding:5px 5px 5px 5px; }
	.theme img { float:left; }

	.theme_frontpage { width:510px; margin-left:0; padding : 0px 0 0 0; }

	.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; }

	
#main-no-nav{
	width:450px;
	margin-left:0;
	padding : 0 ;
	border:solid black 1px

}

.gogogo /*bottom margin added to line up with .likepara */
{
	padding: 0;
	margin: 0 0 0.5em 10px;
	color:white;
	background-color:Red;
}
.keywordSearchGo /*bottom margin added to line up with .likepara */
{
	padding: 0;
	margin: 0 0 0 0;
	color:white;
	background-color:Red;
}

.theForm
{
	float:left;
	text-align:left;
	margin-right:20px;
}

.theFormText
{
	font-weight:bold;
}

#EmailImage
{
	float:right;
	margin:0 0 10px 10px;
}

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

}

.actions{
	float:right;
}
.all-centre
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/*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;*/
	background-color: #999999;
	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;
}




.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; 
	}

.navigate-articles, 
.navigate-results { 
	text-align:center;
	margin : 10px 0; }

.fullWidth { 
	display:block;
	position: relative;
	float: right;

}
.imageCaption {
	background-color: #CCCCCC;
	clear: both;
	font-size: 85%;
	padding: 2px 5px 2px 5px;
	text-align: right;
}

/* top navigation */

ul#topNav,
ul#topNav li {
	list-style: none;
	margin: 0;
	padding: 0;
}


ul#topNav {
	border: 1px solid #CECACE;
	background: #F3F3F3;
	clear: right;
	float: left;
	overflow: auto;
	margin-bottom: 10px;
	width: 723px;
	font-size: 100%;
	}
	
ul#topNav li {
	float: left;
	display: block;
}

ul#topNav li a,
ul#topNav li a:visited {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #676767;
	text-decoration: none;
}

ul#topNav li a:hover,
ul#topNav li a:visited:hover {
	text-decoration: underline;
}

ul#topNav li a.active,
ul#topNav li a:visited.active,
ul#topNav li a:hover.active,
ul#topNav li a:visited:hover.active {
	color: #444;
	font-weight: bold;
	text-decoration: none;
}



/* end of top nav */

/* links */



a,
a:visited,
.event-links a,
.event-links a:visited,
.links a,
.links a:visited,
.postlister ul li a, 
.postlister li a,
ul.optionLinks li a,
ul.optionLinks li a:visited,
ul.treenav li a,
ul.treenav li a:visited

{
	color: #2350A0;
	text-decoration:none;
}

a:hover,
a:visited:hover
.postlister ul li a:hover, 
.postlister li a:hover,
ul.optionLinks li a:hover,
ul.treenav li a:hover,
ul.treenav li a:visited:hover,
#breadcrumbs a:hover,
#breadcrumbs a:visited:hover
{
	text-decoration: underline;
	color: #1E0F58;
}


.buttonwrapper {
	overflow: auto;
	margin-top: 5px;
}


.buttonwrapper .textButton2 {
	float: right;
	margin-left: 10px;
}


#search-sidebar #DropDownList1,
#search-sidebar #DropDownList2,
#search-sidebar #DropDownList3,
#search-sidebar #TextBox1 {
	width: 178px;
	border: 1px solid #A5ACB2;
}




/* footer links */

.links {
	height: auto;
	padding: 2px;
	background-color: #eee;
	font-size: 90%;
	clear: both;
}

.links a {
	padding: 2px;
}