/* RBKC virtual museum styles */
@import url("/css/css_reset.css");

body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#000000; }
img { border:none; }

/* layout styles */
#vmsiteborder { border: 4px solid #CCCCCC; margin-top: 0; margin-right: 30px;  margin-bottom: 20px; margin-left: 30px; padding: 7px 10px; display:block; clear:both;}
html>body #vmsiteborder { margin-top:18px; }
/* generic link styles */
#vmsiteborder a { color:#43595E; font-weight:bold; }
#vmsiteborder a:link, #vmsiteborder a:visited, #vmsiteborder a:active {text-decoration:none;}
#vmsiteborder a:hover { text-decoration:underline; }

/* top menu  */
#vmtopmenu { padding:0; margin:0; background-color:#9BA7AA; width:auto; min-height:1.8em; }
html>body #vmtopmenu { width:auto;}
#vmtopmenu ul { width:795px; list-style:none; padding:0; margin:0; font-size:0.7em; font-weight:bold; } 
#vmtopmenu li { display:inline; }
#vmtopmenu li a { background-color:#43595E; color:#FFFFFF; border-right:2px solid #FFFFFF; padding:8px 11px 8px 11px; margin:0; text-decoration:none; text-align:center; }
/* hide from macie \*/
#vmtopmenu li { float:left; margin:0; padding:0; text-align:center; height:1.8em; }
#vmtopmenu li a { display:block; }
/* */ 
#vmtopmenu li a:hover { background-color:#C12A11; cursor:pointer; text-decoration:none;}
#vmtopmenu .selected { background-color:#C12A11; }

/* header */
#vmheader { background-color:#CB9A57; padding:0; margin:3px 0 4px 0; font-size:0.7em; height:8.6em; border-top:1px solid #666666; border-bottom:1px solid #666666; min-width:760px; position:relative; }
#vmheader .vmlogo { 
	float:left; 
	background:none; 
	padding:0; 
	margin:0 18px 0 0; 
	overflow:hidden; 
	width:593px;
}
/* subsite search form */
#vmheader #topsubsitesearch form { margin:0; padding:35px 0 0 0; }
#vmheader #topsubsitesearch label { color:#fff; font-weight:bold; font-size:1.2em; display:block; margin-bottom:4px; }
#vmheader #topsubsitesearch input { float:left; border:1px solid #333; padding:1px 4px; }
#vmheader #topsubsitesearch  input.submit { float:none; margin:0 6px; color: #9b3e48; background: #FFFFFF url(/IMG/virtualmuseum/buttons/vm_search_button_white2.gif) no-repeat left top; border: none; font-weight: bold; cursor: pointer; height: 2em; width: 6.1em; text-align: center; vertical-align: middle; padding-top: 0; padding-bottom: 1px; font-size:0.9em;}




/* footer */
#vmfooter { clear: both;border-top: 4px solid #43595E; font-size:0.7em; line-height:140%; padding:0 0 20px 0; margin:10px 0;}
#vmfooter p { margin:0; padding:12px 25px 0 25px;}

/* main body */
#vmbody { min-height:450px; position:relative; padding:0; margin:0; left:0; top:0; width: 100%; background-color:#FFFFFF; }

/* center column */
#vmmaincontent { font-size:0.8em; line-height:150%; position:relative; width:auto; min-width:120px; margin:0 200px; padding:8px 10px 10px 18px; z-index:1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */ }
#vmmaincontent p { padding:0.6em 0; margin:0; }

/* center col min-height bug fix for IE */
.ieminheight { height:400px; position:relative;display:block; width:1px; }
html>body .ieminheight { height:auto; }




/* left column */
#vmleftcol { position:absolute; width:200px; top:0; left:0; padding:0 0 0 0; z-index:1; font-size: 70%; line-height:130%;   }
body>#vmleftcol {width:128px;} /* be nice to Opera 5 */

/* left column - secondary menu */
#vmsecondarynav { background-color:#DAB9BB; background-image:url(/img/virtualmuseum/corners/pink_left_bottom.gif); background-position:bottom left; background-repeat:no-repeat; }
#vmsecondarynav h2 { font-size:1em; margin:0; padding:15px 0 5px 13px;}
#vmsecondarynav ul { margin: 0; padding: 0 0 20px 0; background-image:url(/img/virtualmuseum/corners/pink_right_bottom.gif); background-position:bottom right; background-repeat:no-repeat; }
#vmsecondarynav li { padding: 1px 0 1px 0; margin: 0; list-style: none; }
#vmsecondarynav a { text-decoration: none; font-weight: bold; display:block; margin:0; padding:3px 4px 4px 30px; color:#670000; background: url(/IMG/virtualmuseum/icons/vm_arrow_red_right.gif) no-repeat 17px 7px; }
#vmsecondarynav a:hover { background-color:#E7D0D2; text-decoration: none; }
#vmsecondarynav .selected a,#vmsecondarynav .selected a:hover { text-decoration: none; background-color:#EFE0E1; }
		
/* left column - search box */
#vmsecondarynav form { margin:0; padding:0; display:block; position:relative; width:100%; }
#vmsecondarynav form .rbkcform  { padding: 8px 13px 10px 13px; margin:0; background-image:url(/img/virtualmuseum/corners/pink_right_bottom.gif); background-position:bottom right; background-repeat:no-repeat; }
#vmsecondarynav .rbkcform p { margin:0; padding:0 0 0.9em 0; }
#vmsecondarynav .rbkcform label { font-weight:bold; clear:both; display:block; padding:4px 0;}
#vmsecondarynav input { border:1px solid #333; width:160px; padding:1px 4px;}
#vmsecondarynav .submit input { margin:6px 0; color: #9b3e48; background: #FFFFFF url(/IMG/virtualmuseum/buttons/vm_search_button_white3.gif) no-repeat left top; border: none; font-weight: bold; cursor: pointer; height: 2.3em; width: 11.3em; text-align: center; vertical-align: middle; padding-top: 0; padding-bottom: 1px; font-size:0.9em;}

/* left column - gallery select box */		
#galleryselectbox { padding:0; margin:16px 0; background: #92A5AA url(/IMG/virtualmuseum/corners/green_left_top.gif) no-repeat left top; }
#galleryselectbox form { padding:0; margin:0; background: url(/IMG/virtualmuseum/corners/green_right_top.gif) no-repeat right top; }
#galleryselectbox .cornerbl { background: url(/IMG/virtualmuseum/corners/green_left_bottom.gif) no-repeat left bottom; }
#galleryselectbox .cornerbr { background: url(/IMG/virtualmuseum/corners/green_right_bottom.gif) no-repeat right bottom; }
#galleryselectbox h2 { padding:20px 0 0 20px; margin:0; font-size:1.5em;	font-weight:normal;	font-family: "Trebuchet MS", Verdana, sans-serif;}
#galleryselectbox select { padding:0; margin:9px 0 0 20px; padding:0; border: 1px solid #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }
#galleryselectbox input { margin:9px 0 20px 20px; color: #475D5B; background: #FFFFFF url(/IMG/virtualmuseum/buttons/vm_search_button_white.gif) no-repeat left top; border: none; font-weight: bold; cursor: pointer; height: 2em; width: 6.1em; text-align: center; vertical-align: middle; padding-top: 1px; padding-bottom: 1px; }
#galleryselectbox .submit { height: 1.5em; width: 4.6em;  }

/* left column - FACET box */		
#vmfacetbox { padding:0 15px; margin:1em 0; }
#vmfacetbox a { color:#993C43; }

/* right column */
#vmrightcol { position:absolute; width:200px; top:0; right:0; padding:22px 0 10px 10px; z-index:1;
	/* IE5/Win hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:178px;
	}
/* be nice to Opera 5 */
html>body #vmrightcol { width:178px;}

/* gallery thumbnail - right column */
#vmrightcol .gallerythumbnail { width: 174px; padding:0; margin:0 0 30px; background: #BFCBCD; text-align:center; }
#vmrightcol .gallerythumbnail div { margin:0;padding:0; background-color:#D6DEDF; border-top: 4px solid #43595E; border-bottom: 4px solid #43595E;}
#vmrightcol .gallerythumbnail p { padding:5px 8px 8px; margin:0; font-size: 70%; line-height: 130%; text-align:left; }
#vmrightcol .gallerythumbnail img { padding:0; margin:0;  }
#vmmaincontent .galleryenlargeicon , #vmrightcol .galleryenlargeicon { border:none !important; margin:3px !important; vertical-align:middle;}


/* heading styles */
#vmmaincontent h1 { padding:0; margin:0 0 -5px 0; border-bottom:1px solid #999999; font-size:1.6em; line-height:130%; font-weight:normal !important; font-family: "Trebuchet MS", Verdana, sans-serif; }
html>body #vmmaincontent h1 {margin-bottom: 0}
#vmmaincontent h2 { font-size:1.1em; margin-bottom:-10px; margin-top:1em; line-height:130%;}
html>body #vmmaincontent h2 { margin-bottom:0; }
#vmmaincontent h3 { font-size:1em; margin-bottom:-10px;line-height:130%;}
html>body #vmmaincontent h3 { margin-bottom:0; }
html>body #vmmaincontent h2,html>body #vmmaincontent h3 { margin-bottom:5px; }
#vmmaincontent h4, #vmmaincontent h5, #vmmaincontent h6 { font-size:1em; margin-bottom:5px;}


/* general body text styles */
.helptip, .helptip01 { font-size:0.9em;color:#4B4B4B; }
.helptip02 { font-size:0.9em;color:red; }
.vmnextprevious { margin:1em 0 0; font-size:0.8em; color:#666666; text-align:left; position:relative; width:100%; display:block; }
.vmnextprevious span { text-align:right; position:absolute; float:right; right:0; top:6px; width:50%; display:block; }
.vmnextprevious a { color:#9D3A3D !important; }
.vmnextprevious img { vertical-align:middle; margin:0 4px;}
.vmpagehelp { font-size:0.8em; color:#666666; margin:0; padding:8px 0 0 0;}
html>body .vmpagehelp { padding:0 0 10px 0;}

/* landing page coloured content blocks - hide macie\*/
#vmmaincontent .vmcontentsummary1, #vmmaincontent .vmcontentsummary2 { font-size:0.85em; margin:16px 0; padding:0; list-style:none; background-color:#dab9bb; color:#333333; min-height: 157px; height:157px; clear:both; border-bottom:5px solid #a35157; background-image:url(/img/virtualmuseum/landingpages/background_strip_red.gif); background-position: 0 0; background-repeat:repeat-y; }
html>body #vmmaincontent .vmcontentsummary1, html>body #vmmaincontent .vmcontentsummary2 { height:auto; }
#vmmaincontent .vmcontentsummary1 h2, #vmmaincontent .vmcontentsummary2 h2 { background-color:#a35157; color:#fff; margin:0; padding:4px 15px 4px; font-size:1em; }
#vmmaincontent .vmcontentsummary1 p, #vmmaincontent .vmcontentsummary2 p { padding:0.7em 0 0.5em 277px; margin:0; font-weight:bold; background-image:url(/img/virtualmuseum/landingpages/red_slope_1.gif); background-position: 262px 0; background-repeat:no-repeat; }
#vmmaincontent .vmcontentsummary1 ul, #vmmaincontent .vmcontentsummary2 ul { margin:0; padding:0.5em 0 0.5em 280px; list-style:none; }
#vmmaincontent .vmcontentsummary1 img, #vmmaincontent .vmcontentsummary2 img { float:left; border-right:1px solid #7e7e7e; border-left:1px solid #7e7e7e; }
#vmmaincontent .vmcontentsummary1 ul li, #vmmaincontent .vmcontentsummary2 ul li { margin:0; padding:0;  }
#vmmaincontent .vmcontentsummary1 ul li a, #vmmaincontent .vmcontentsummary2 ul li a { color:#993c43 !important; padding:0.2em 20px; background-image:url(/img/virtualmuseum/icons/vm_arrow_red_right3.gif); background-position: 3px 0; background-repeat:no-repeat; }
#vmmaincontent .vmcontentsummary1 form { background-color:#dab9bb !important; margin:0 20px 0 270px; }
#vmmaincontent .vmcontentsummary1 form .submit { margin:0 0 6px; color: #9b3e48; border: none; font-weight:bold; background: #fff url(/img/virtualmuseum/buttons/vm_search_button_white3.gif); cursor: pointer; height: 2.3em; width: 11.6em; text-align: center; vertical-align: middle; padding-top: 0; padding-bottom: 1px; font-size:1em; }
#vmmaincontent .vmcontentsummary2 { background-color:#bfcbcd; background-image:url(/img/virtualmuseum/landingpages/background_strip_green.gif); border-bottom:5px solid #617d83; }
#vmmaincontent .vmcontentsummary2 h2 { background-color:#617d83; }
#vmmaincontent .vmcontentsummary2 p { background-image:url(/img/virtualmuseum/landingpages/green_slope_1.gif); }
#vmmaincontent .vmcontentsummary2 ul li {border:0.1em solid #bfcbcd; }
#vmmaincontent .vmcontentsummary2 ul li a { color:#43595E !important; background-image:url(/img/virtualmuseum/icons/vm_arrow_green_right.gif); background-position: 5px 4px; }
#vmmaincontent .vmcontentsummary3 { float:left; width:242px; padding:0; margin:16px 20px 16px 0; background: #bfcbcd url(/img/virtualmuseum/corners/green_left_top_1.gif) no-repeat left top; }
#vmmaincontent .vmcontentsummary3 .cornerbl { background: url(/img/virtualmuseum/corners/green_left_bottom_1.gif) no-repeat left bottom; }
#vmmaincontent .vmcontentsummary3 .cornerrt { background: url(/img/virtualmuseum/corners/green_right_top_1.gif) no-repeat right top; }
#vmmaincontent .vmcontentsummary3 .cornerbr { background: url(/img/virtualmuseum/corners/green_right_bottom_1.gif) no-repeat right bottom; }
#vmmaincontent .vmcontentsummary3 h2 { padding:7px 18px; margin:0; font-size:1.4em;	font-weight:normal;	font-family: "Trebuchet MS", Verdana, sans-serif; }
#vmmaincontent .vmcontentsummary3 h2 a { font-weight:normal; }
#vmmaincontent .vmcontentsummary3 p, #vmmaincontent .vmcontentsummary3 ul { margin:0; padding:0 18px; font-size:0.85em; }
#vmmaincontent .vmcontentsummary3 ul { padding-bottom: 1em; list-style:none; text-indent:12px; }
#vmmaincontent .vmcontentsummary3 li { background: url(/IMG/virtualmuseum/icons/vm_arrow_green_right.gif) no-repeat 1px 4px;}
#vmmaincontent .vmcontentsummary3 img { border:1px solid #333; }
/*#vmmaincontent .vmcontentsummary4 { margin:16px 0; padding:0; list-style:none; background-color:#f8f8f4; }
#vmmaincontent .vmcontentsummary4 h2, #vmmaincontent .vmcontentsummary5 h2 { background-color:#849336; color:#fff; margin:0; padding:1px 15px 2px; font-size:1.2em; font-weight:bold; letter-spacing:1px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
#vmmaincontent .vmcontentsummary4 a, #vmmaincontent .vmcontentsummary5 a { color:#a14861; }
#vmmaincontent .vmcontentsummary4 p { border:solid 10px #e3e3d1; padding:10px; min-height: 96px; }
#vmmaincontent .vmcontentsummary4 img { float:right; margin:0 40px 5px 10px; }
#vmmaincontent .vmcontentsummary5 { margin:16px 0; padding:0; list-style:none; background-color:#e3e3d1; }
#vmmaincontent .vmcontentsummary5 p { padding:12px; min-height: 116px; }
#vmmaincontent .vmcontentsummary5 img { float:left; margin:0 20px 10px 0; }*/
/* */

/* chelsea walk */
ul.chelseawalklist { margin:1em 0 0; padding:0; list-style:none; font-size: 0.85em; color:#4a4a4a; }
ul.chelseawalklist li { position:relative; padding:0.3em 0 0.5em 6em; margin:0; background-image:url(/img/virtualmuseum/dividers/dotted_h_01.gif); background-repeat:repeat-x; background-position:left bottom;}
ul.chelseawalklist img { display:block; position:absolute; left:-6em; top:0.5em; width:5em; height:2.7em; }
html>body ul.chelseawalklist img { left:0; }

/* form pagination styles */
.pagination { margin: 0; padding:4px 2px 10px; height: 1.6em; color: #666666; border-bottom: 1px solid #AEAEAE; }
.pagination p { margin: 0; padding:0; font-size: 0.85em; }
.paginationmatches { float: left; font-weight: bold; }
.paginationlinks { float: right; color: #666666;}
.paginationlinks a { padding: 2px 4px; margin:0; color: #993c43 !important; }
.paginationlinks a:hover { background-color:#ccc; text-decoration:none !important;}
.paginationlinks a.selected { background-color:#ccc !important; }
ul.paginationlinks { margin:0; padding:0; }
ul.paginationlinks li { float:left; list-style:none; }

/* table styles */
#vmmaincontent .tablecell01a { font-size:0.75em; }

/* contact box */
.contactbox { font-size:65%; line-height:140%; width:170px; padding:0; margin:90px 0 0 0; background-color:#EAEAEA; }
html>body .contactbox { margin-top:60px; }
.contactbox h2 { font-size:1em !important; background-color:#B9C6C9; color:#000000; padding:3px 12px !important; margin:0 0 0 0 !important; width:100%; }
html>body .contactbox h2 { width:auto; }
.contactbox p { padding:5px 14px !important; margin:0 !important; }
.contactbox ul { margin:8px 15px; padding:0; list-style:none; text-indent:12px; }
.contactbox li { background: url(/IMG/virtualmuseum/icons/vm_arrow_green_right.gif) no-repeat 0 3px; }
#vmmaincontent .contactbox { font-size:80%; }

/* rule styles */
hr { height:1px; border-top:1px solid #CCCCCC; border-bottom:none;}

/* list styles */
/* list - bulleted list */
#vmmaincontent .bulletlist { list-style:none; padding:0; margin:15px; font-size:0.85em;}
#vmmaincontent .bulletlist li { padding:0 0 1px 0; }
#vmmaincontent .bulletlist a { margin:0; display:block;text-decoration:none !important; background: url(/IMG/virtualmuseum/icons/vm_arrow_green_right.gif) no-repeat 4px 5px; padding:1px 19px; }
#vmmaincontent .bulletlist a:link,#vmmaincontent .bulletlist a:link,#vmmaincontent .bulletlist a:link { background-color:#FFFFFF; }
#vmmaincontent .bulletlist a:hover { background-color:#D1D6D7; }

/* list - related pages */
#vmmaincontent .relatedpages { clear:both; }
#vmmaincontent .relatedpages h2 { border-bottom:3px solid #425A5C; }
#vmmaincontent .relatedpages p { margin:0; color:#666666; padding:10px 0; background: url(/img/dividers/dottedline_h_grey.gif) repeat-x bottom; font-size: 85%; }

/* list - tablular search results */
#vmmaincontent .searchresults { width:100%; }
#vmmaincontent .searchresults h2 { padding-bottom:6px;}
#vmmaincontent .searchresults th { color: #FFFFFF; text-align: left; vertical-align: top; margin: 0; padding: 2px 10px; background: #993C43; font-size:0.75em; }
#vmmaincontent .searchresults td { margin: 0; padding: 4px 8px; font-size:0.7em;}

/* site search results */
/* az subject list */
#vmmaincontent ul.azcontactlist { font-weight:bold; list-style:none; margin:0; padding:0; font-size:0.85em; clear:both; }
#vmmaincontent ul.azcontactlist ul { list-style:none; padding:0 0 0 1em; margin:0; }
#vmmaincontent ul.azcontactlist li { margin:0; padding:0; background-image:url(/img/icons/line_dotted_h1.gif); background-position:left top; background-repeat:repeat-x; }
#vmmaincontent ul.azcontactlist li a { display:block; padding:0.5em 1.8em; background-image:url(/IMG/virtualmuseum/icons/vm_arrow_green_right.gif); background-position:0.6em 0.9em; background-repeat:no-repeat; }
#vmmaincontent ul.azcontactlist li a:hover { background-color:#EAEAEA; text-decoration:none; }
#vmmaincontent ul.azcontactlist { font-weight:normal; }
#vmmaincontent ul.azcontactlist li { background-position:left bottom; padding-bottom:1em;}
#vmmaincontent ul.azcontactlist li span { display:block; padding:0 1.8em 0; margin:0; background-image:none !important; color:#585858; }
#vmmaincontent ul.azcontactlist li span a { display:inline; padding:0; background-image:none; text-transform: none; }
#vmmaincontent ul.azcontactlist li span a:hover { text-decoration:underline !important; background:none !important; }

/* icon result */
#vmmaincontent ul.azcontactlist li a.pdf { display:block; padding:0.5em 1.8em; background-image:url(/img/icons/filetypes/pdf_small.gif); background-position:0.2em 0.6em; background-repeat:no-repeat;}
#vmmaincontent ul.azcontactlist li a.blueplaque { display:block; padding:0.5em 1.8em; background-image:url(/IMG/virtualmuseum/icons/blue_plaque_icon_small.gif); background-position:0.2em 0.6em; background-repeat:no-repeat;}
#vmmaincontent ul.azcontactlist li a.image { display:block; padding:0.5em 1.8em; background-image:url(/IMG/virtualmuseum/icons/image_icon.gif); background-position:0.2em 0.6em; background-repeat:no-repeat;}


/* IE bug fixes */
#vmmaincontent .searchresults th, #vmmaincontent .searchresults td { 
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:0.85em !important;
}
/* be nice to Opera 5 */
html>body #vmmaincontent .searchresults th, html>body #vmmaincontent .searchresults td { font-size:0.85em !important; }
/* end bug fixes */

#vmmaincontent .searchresults td.tablecell01b { background-color:#E0E0E0;}
#vmmaincontent .searchresults a.bpicon { background: url(/IMG/virtualmuseum/icons/blue_plaque_icon_small.gif) no-repeat 0 1px; padding-left:18px; display:block; }
#vmmaincontent .searchresults td p { font-size:1em; }
#vmmaincontent .searchresults a { color:#993C43; }
#vmmaincontent .searchresults table { border-bottom:3px solid #993C43; }

/* data tables */
#datatable01, #datatable02, #datatable03, #datatable04 { border-bottom:3px solid #993C43; }
#datatable01 p, #datatable02 p, #datatable03 p, #datatable04 p { font-size:1em; }
#datatable01 a, #datatable02 a, #datatable03 a, #datatable04 a { color:#993C43; }
.tablecaption01, #datatable01 caption, #datatable02 caption, #datatable03 caption, #datatable04 caption { font-size:0.85em; font-weight:bold; color: #FFFFFF; text-align: left; vertical-align: top; margin: 0; padding: 2px 10px; background-color: #993C43; }
.tableheader01, #datatable01 th, #datatable02 th, #datatable03 th, #datatable04 th { margin: 0; padding: 2px 10px; background-color: #dab9bb; text-align: left; font-size:0.85em; }
.tablecell01a, .tablecell01b, #datatable01 td, #datatable02 td, #datatable03 td, #datatable04 td { margin: 0; padding: 4px 8px; font-size:0.85em; }


/* form styles */
#vmmaincontent form { margin:0 0 6px; padding:8px 15px 12px; background: #BFCBCD; vertical-align: middle; font-size:0.9em; }
#vmmaincontent label { font-weight:bold; }
#vmmaincontent .vm_formbutton { font-size: 90%; font-weight: bold; color: #FFFFFF; background: #4F6E75 url(/IMG/virtualmuseum/buttons/vm_search_button_green.gif); border: none; height: 2em; width: 6.6em; text-align: center; vertical-align: top; padding-top: 1px; padding-bottom: 1px; }
#vmmaincontent input, #vmmaincontent textarea { margin:0 6px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#vmmaincontent .formheader,#vmrightcol .formheader { color:#FFFFFF; background-color:#506E76; padding:3px 12px; font-size:0.9em; margin:20px 0 0 0;  }
html>body #vmmaincontent .formheader { width:auto;}

/* blue plaque record styles */
#vmblueplaque { position:relative; width:100%; margin:0; padding:16px 0 0 0;}
#vmblueplaque .gallerythumbnail { float:left; border-bottom: 4px solid #43595E; width: 162px; font-size:0.85em; line-height: 130%; padding:0; margin:0; background: #BFCBCD; text-align:center; }
html>body #vmblueplaque .gallerythumbnail { width:192px;}
#vmblueplaque .gallerythumbnail div { margin:0;padding:1px; background-color:#D6DEDF; border-bottom: 4px solid #43595E; width:190px;}
html>body #vmblueplaque .gallerythumbnail { margin-bottom:10px; }
#vmblueplaque .gallerythumbnail p { padding:8px 0 8px 8px; margin:0; text-align:left; }
#vmblueplaque .gallerythumbnail img { }
html>body #vmblueplaque { margin-top:0; }
#vmblueplaque .details { border-bottom: 4px solid #43595E; width:50%; background: #BFCBCD; margin:0 0 0 0; padding:0;  font-size:0.85em; line-height:130%;}
html>body #vmblueplaque .details { margin-left: 197px;}
#vmblueplaque .details h2, #vmblueplaque .gallerythumbnail h2 { width:100%; background: #697A7E; color:#FFFFFF; margin:0; padding:3px 15px 3px 15px; font-size:1em; line-height:130%; text-align:left;}
#vmblueplaque .details h2 { margin-bottom:8px; }
html>body #vmblueplaque .details h2, html>body #vmblueplaque .gallerythumbnail h2 { width:auto;  }
#vmblueplaque .details p { width:100%; padding:3px 15px 3px 15px; margin:0; display:block; }
#vmblueplaque .details p span { font-weight:bold; width:40%; float:left; display:block; }
#vmblueplaque .details ul { clear:both; list-style:none; margin:0; padding:10px 0 10px 10px; }
#vmblueplaque .blurb { clear:both; margin-top:0; }

/* gallery */
#gallery { padding: 0; margin: 0; position: relative;  }
#gallery .gallerythumbnail {
	border-left: 1px solid #333333;border-right: 1px solid #333333;
	border-top: 5px solid #43595E; border-bottom: 1px solid #333333;
	padding: 12px 0 0 0;
	margin: 0 -1px 0 0;
	float:left;
	text-align: left;
	width: 200px;font-size:0.85em; 
	height:21.2em; max-height:21.2em; overflow:hidden; background: #BFCBCD; 
}
#gallery .gallerythumbnail div { text-align:center;margin:0; padding:0; }
#gallery .gallerythumbnail .thumb { border: 10px solid #FFFFFF; margin: 0 0 3px 0}
#gallery .gallerythumbnail p { padding:0 18px; margin:0; }
#galleryimagemedium { font-size:0.85em; line-height: 140%; margin: 0; padding: 0 0 0 10px; text-align:left;}
#galleryimagemedium img, #galleryimagelarge img { border: 10px solid #FFFFFF; text-align:left;}
#galleryimagemedium p, #galleryimagelarge p { padding:5px 12px; margin: 0; text-align:left;}
#galleryimagelarge { font-size:0.85em; line-height: 140%; margin: 0; padding: 0 0 0 30px; text-align:left;  }
.gallerypaginationlinks { color: #666666; font-size:0.85em; margin:-15px 0 0 0; padding:0 15px 5px 0;}
.gallerypaginationlinks a { padding: 2px 4px; margin:0; color: #993C43 !important; }
.gallerypaginationlinks a:hover { background-color:#E6DADB; text-decoration:none !important;}
.gallerypaginationlinks a.selected { background-color:#E6DADB; }

/* then and now gallery list */
#thenandnow { clear:both; margin:1em 0; }
#thenandnow .rowa, #thenandnow .rowb { min-height:15em; height:15em; }
html>body #thenandnow .rowa, html>body #thenandnow .rowb { height:auto; }
#thenandnow .rowa { background-color:#c0cbcf; }
#thenandnow .rowb { background-color:#d6dee0; }
#thenandnow  h2 { font-size:0.85em; color:#fff; margin:0; padding:4px 12px 4px; clear:both; }
#thenandnow .rowa h2 { background-color:#576a6e; }
#thenandnow .rowb h2 { background-color:#839295; }
#thenandnow p { margin:0; padding:5px 12px 4px; font-size:0.85em; }
#thenandnow .gallerythumbnail { padding: 0; margin: 0 -1px 0 6px; float:left; text-align: left; width: 120px;  height:10.5em; max-height:10.5em; overflow:hidden; }
html>body #thenandnow .gallerythumbnail { margin-left:12px; }
#thenandnow .gallerythumbnail div { text-align:center;margin:0; padding:0; }
#thenandnow .gallerythumbnail .thumb { border: 8px solid #FFFFFF; margin:0 0 3px 0; }
#thenandnow .gallerythumbnail p { padding:0; margin:0; }

/* then and now gallery records */
/* blue plaque record styles */
#thenandnowgallery { position:relative; width:100%; margin:0; padding:5px 0 0 0; }
html>body #thenandnowgallery { padding-top:16px; }
#thenandnowgallery .gallerythumbnail { float:left; border-bottom: 4px solid #43595E; width: 190px; font-size:0.85em; line-height: 130%; padding:10px; margin:0 10px 0 0; background: #c1cbcd; text-align:left; }
html>body #thenandnowgallery .gallerythumbnail { margin:0; }
#thenandnowgallery .gallerythumbnail .thumb { border: 8px solid #FFFFFF;  }
#thenandnowgallery .gallerythumbnail div { margin:0;padding:1px; background-color:#c1cbcd; width:174px;}
html>body #thenandnowgallery .gallerythumbnail { margin-bottom:10px; }
#thenandnowgallery .gallerythumbnail p { padding:4px 0 8px 0; margin:0; text-align:left; }
html>body #thenandnowgallery { margin-top:0; }
#thenandnowgallery .details { border-bottom: 4px solid #43595E; width:50%; background: #BFCBCD; margin:0 0 0 0; padding:0;  font-size:0.85em; line-height:130%;}
html>body #thenandnowgallery .details { margin-left: 223px; width:auto; margin-right:50px; }
#thenandnowgallery .details h2, #thenandnowgallery .gallerythumbnail h2 { width:100%; background: #697A7E; color:#FFFFFF; margin:0; padding:3px 15px 3px 15px; font-size:1em; line-height:130%; text-align:left;}
#thenandnowgallery .details h2 { margin-bottom:8px; }
html>body #thenandnowgallery .details h2, html>body #thenandnowgallery .gallerythumbnail h2 { width:auto;  }
#thenandnowgallery .details p { padding:0 15px 15px 15px; margin:0; display:block; line-height:1.6em; }
#thenandnowgallery .details ul { list-style-type:disc; margin:0 1em 1em;padding:0 1.5em; }
/* then and now arrow links */
#thenandnowgallery .gallerypaginationlinks { clear:both; position:relative; display:block; width:48.3em; height:4.7em; padding:0; margin:0 0 0;  }
#thenandnowgallery .gallerypaginationlinks a { display:block; position:relative; color:#fff !important; height:4.7em; padding:9px 0 0 0; }
#thenandnowgallery .gallerypaginationlinks li { padding:0; margin:0; width:14.8em; height:4.7em; float:left; }
#thenandnowgallery .gallerypaginationlinks a.first { background:url(/img/virtualmuseum/icons/vm_tn_arrow_01_off.gif) 0 0 no-repeat; padding-left:5em; }
#thenandnowgallery .gallerypaginationlinks a.second { background:url(/img/virtualmuseum/icons/vm_tn_arrow_02_off.gif) 0 0 no-repeat; padding-left:4.3em; }
#thenandnowgallery .gallerypaginationlinks a.third { background:url(/img/virtualmuseum/icons/vm_tn_arrow_03_off.gif) 0 0 no-repeat; padding-left:3.6em; }
#thenandnowgallery .gallerypaginationlinks a.first:hover { background:url(/img/virtualmuseum/icons/vm_tn_arrow_01_hover.gif) 0 0 no-repeat; }
#thenandnowgallery .gallerypaginationlinks a.second:hover { background:url(/img/virtualmuseum/icons/vm_tn_arrow_02_hover.gif) 0 0 no-repeat; }
#thenandnowgallery .gallerypaginationlinks a.third:hover { background:url(/img/virtualmuseum/icons/vm_tn_arrow_03_hover.gif) 0 0 no-repeat; }
#thenandnowgallery .gallerypaginationlinks .selected a.first { background:url(/img/virtualmuseum/icons/vm_tn_arrow_01_on.gif) 0 0 repeat-x; cursor:default; }
#thenandnowgallery .gallerypaginationlinks .selected a.second { background:url(/img/virtualmuseum/icons/vm_tn_arrow_02_on.gif) 0 0 repeat-x; cursor:default; }
#thenandnowgallery .gallerypaginationlinks .selected a.third { background:url(/img/virtualmuseum/icons/vm_tn_arrow_03_on.gif) 0 0 repeat-x; cursor:default; }
#thenandnowgallery .gallerypaginationlinks .selected a.first:hover { background:url(/img/virtualmuseum/icons/vm_tn_arrow_01_on.gif) 0 0 repeat-x; cursor:default; }
#thenandnowgallery .gallerypaginationlinks .selected a.second:hover { background:url(/img/virtualmuseum/icons/vm_tn_arrow_02_on.gif) 0 0 repeat-x; cursor:default; }
#thenandnowgallery .gallerypaginationlinks .selected a.third:hover { background:url(/img/virtualmuseum/icons/vm_tn_arrow_03_on.gif) 0 0 repeat-x; cursor:default; }

/* copyright message */
.copyright p { margin:0; padding:0; }
.copyright { font-size:0.85em; line-height:140%; color:#666666; border-top:1px solid #666666; padding:5px 20px 0 0; margin:40px 20px 20px 20px; clear:both;}

/* adobe info */
.adobebox { margin:20px 0; padding: 0 10px; border-top:1px dotted #CCCCCC;}
.adobebox p { font-size: 85% !important; line-height:140%; color:#666666; }
.adobebox img { margin: 4px 14px 0 0; float:left; }

/* information pages */
.vmcontentlistbox { background-color:#EAEAEA; padding:10px; margin:0 10px 0 0; font-size:0.85em; }
.vmcontentlistbox ul { margin:0; padding:0; list-style:none; } 
.vmcontentlistbox li { padding:2px; } 

/* general images */
.imagefloat01 { float:left; margin:10px; border:10px solid #c8ced0; }

/* general float clearer device */
.clearer { height:1px;clear:both; display:block; width:100%; font-size:0.01em; }