body, html, table
{
  font-size:100%;
}

body, html
{
  background-color:#ffffff;
  color:#000000;
  margin:0px;
  padding:0px;
  text-align:center;
}

form
{
	margin:0px;
}

#skip
{
  height:1px;
  width:1px;
  overflow:hidden;
  text-indent:-100em;
}


/* container */
#container
{
  width:722px;
  margin:0px auto 0px auto;
  padding:2px 0px 16px 0px;
  text-align:left;
}

.clearFloat
{
  clear:both;
  width:1px;
  height:1px;
  font-size:1px;
}


/* header */
#header
{
  width:722px;
  margin-bottom:0px;
}

#header img
{
  float:left;
  margin-top:16px;
}

#header form
{
  width:160px;
  height:44px;
  background:#AEB3D6 url("../img/bg_search.gif") left top no-repeat;
  float:right;
  margin:10px 0px 0 0px;
  text-align:right;
}

#header div.addressbar
{
  clear:both;
  background-color:#EAEAEA;
  margin:0px;
  color:#575757;
  padding:2px 25px 3px 10px;
  width:722px;
  w\idth:687px;
}

#header p
{
  margin:0px;
  float:right;
  font-family:verdana,arial,helvetica,sans-serif;
  text-align:right;
  font-size:0.65em;
  width:600px;
}

#header p.backarea
{
  float:left;
  text-align:left;
  width:50px;
}

#header p span
{
  color:#eaeaea;
}
  
#header a.back
{
  display:block;
  width:50px;
  padding-left:12px;
  margin:0px;
  color:#575757;
  font-weight:bold;
  text-decoration:none;
  background-image:url("../img/arrow.gif");
  background-position:left;
  background-repeat:no-repeat;
}

#header a.back:hover
{
  color:#AEB3D6;
}

#header label
{
  display:block;
  width:137px;
  height:19px;
}

#header label span
{
  visibility:hidden;
}

#header input
{
  border:1px solid #575757;
  font-family:verdana,arial,helvetica,sans-serif;
  background-color:#ffffff;
  color:#000000;
  margin-right:10px;
}

#header input.search
{
  font-size:0.7em;
  width:100px;
}

#header input.button
{
  background-color:#575757;
  color:#ffffff;
  font-weight:bold;
  border:1px solid #ffffff;
  font-size:0.6em;
  padding:0px 1px 0px 2px;
  cursor:pointer;
}


/* footer */
#footer
{
  width:722px;
  margin:0px;
}

#footer p
{
  font-family:verdana,arial,helvetica,sans-serif;
  clear:both;
  background-color:#EAEAEA;
  text-align:right;
  margin:0px;
  color:#575757;
  padding:2px 25px 4px 0px;
  font-size:0.65em;
  width:722px;
  w\idth:697px;
}

#footer p span
{
  color:#eaeaea;
}

#footer a
{
  color:#575757;
  text-decoration:underline;
}


/*line completers*/
#bottomline
{
  clear:both;
  height:3px;
  width:722px;
  font-size:1px;
  background-image:url("../img/bg_mainHome.gif");
}


/* top level navigation */
#nav
{
  width:172px;
  float:left;
  margin:0px;
  padding:0px;
}

#nav ul
{
  margin:0px;
  padding:0px;
  display:block;
  width:172px;
  list-style-type:none;
}

#nav li
{
  margin:0px;  
  padding:0px 0px 0px 20px;
  display:inline;
  d\isplay:block;
  width:172px;
  w\idth:152px;
}

#nav li.current
{
	background:url(../img/li_current_bg.gif) 3px top no-repeat;
}


#nav a
{ 
  display:block;
  width:90px;
  background-repeat:no-repeat;
  background-position:bottom left ;
  margin:0px;
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  text-decoration:none;
  color:#000;
  font-size:0.9em;
  padding:3px 0;
  border-bottom:1px solid #aeb2d5;
}

#nav span
{
  display:none;
}

#nav a:link, #nav a:visited,
{ 
  background-color:#FFFFFF;
}

#nav a:hover
{ 
  background-color:#EAEAEA;
}

#nav a.home
{ 
  margin-top:15px;
  background-image:url("../img/home_0.gif");
}

#nav a.aboutUs
{ 
  background-image:url("../img/aboutUs_0.gif");
}

#nav a.visitingAndBooking
{ 
  background-image:url("../img/visitingAndBooking_0.gif");
  height:34px;
}

#nav a.whatsOn
{ 
  background-image:url("../img/whatsOn_0.gif");
}

#nav a.virtualTour
{ 
  background-image:url("../img/virtualTour_0.gif");
}

#nav a.learning
{ 
  background-image:url("../img/learning_0.gif");
}

#nav a.collections
{ 
  background-image:url("../img/collections_0.gif");
}

#nav a.domesticInteriors
{ 
  background-image:url("../img/domesticInteriors_0.gif");
  height:46px;
}

#nav a.facilities
{ 
  background-image:url("../img/facilities_0.gif");
}

#nav a.kidszone
{ 
  background-image:url("../img/kidszone_0.gif");
}
#nav a.ecard
{ 
  background-image:url("../img/ecard1_0.gif");
  height:35px;
}

#nav span
{ 
  background-color:#EAEAEA;
}

#nav a.home2
{ 
  margin-top:15px;
  background-image:url("../img/home_2.gif");
}

#nav a.aboutUs2
{ 
  background-image:url("../img/aboutUs_2.gif");
}

#nav a.visitingAndBooking2
{ 
  background-image:url("../img/visitingAndBooking_2.gif");
  height:34px;
}

#nav a.whatsOn2
{ 
  background-image:url("../img/whatsOn_2.gif");
}

#nav a.virtualTour2
{ 
  background-image:url("../img/virtualTour_2.gif");
}

#nav a.learning2
{ 
  background-image:url("../img/learning_2.gif");
}

#nav a.collections2
{ 
  background-image:url("../img/collections_2.gif");
}

#nav a.domesticInteriors2
{ 
  background-image:url("../img/domesticInteriors_2.gif");
  height:46px;
}

#nav a.facilities2
{ 
  background-image:url("../img/facilities_2.gif");
}

#nav a.kidszone2
{ 
  background-image:url("../img/kidszone_2.gif");
}

#nav a.ecard2
{ 
  background-image:url("../img/ecard1_2.gif");
  height:35px;
}


/* subnav */
#subNav
{
  width:136px;
  float:right;
  margin:0px;
  padding:0px;
  border-top:3px solid #FFFFFF;
}

#subNav h2
{
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	background:#D2D5EA;
	color:#000;
	font-size:0.8em;
	margin:0px;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
}
	
#subNav ul
{
  margin:0px 0px 0px 15px;
  list-style-type:none;
  display:block;
  padding:0px;
  width:99px;
}

#subNav li
{
  margin:5px 0px 0px 0px;
  display:inline;
  d\isplay:block;
  width:99px;
  padding:0px;
}

#subNav a:link, #subNav a:visited
{ 
  display:block;
  width:99px;
  w\idth:87px;
  margin:0px;
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  font-weight:normal;
  color:#000000;
  font-size:0.8em;
  text-decoration:none;
  padding-bottom:3px;
  padding-left:12px;
  background-repeat:no-repeat;
  background-position:bottom left;
}

#subNav a:link, #subNav a:visited
{
  background-image:url("../img/bg_subnavup.gif");
}

#subNav a:hover
{
  background-image:url("../img/bg_subnavover.gif");
}

#subNav li.selected
{
  background-repeat:no-repeat;
  background-position:center left;
  background-image:url("../img/bg_subnavsel.gif");
}

#subNav a.subunsel:link, #subNav a.subunsel:visited
{
  font-size:0.75em;
  padding-left:18px;
  w\idth:81px;
  background-image:none;
  background-color:#EAECF7;
}

#subNav a.subunsel:hover
{
  text-decoration:underline;
  background-image:none;
  background-color:#EAECF7;
}

#subNav a.subsel:hover
{
  text-decoration:underline;
  background-color:#EAECF7;
}

#subNav a.subsel:link, #subNav a.subsel:visited
{
  background-image:url("../img/bg_subsubkey.gif");
  background-position:center left;
  font-size:0.75em;
  w\idth:81px;
  padding-left:18px;
  background-color:#EAECF7;
}


/* main content area */
#main
{
  width:722px;
  background-image:url("../img/bg_main.gif");
  background-repeat:repeat-y;
  margin:0px;
  padding:0px;
}


/* Main home content area */
#mainFlash
{
  width:722px;
}

#mainFlash h1, #mainFlash h2
{
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  margin:10px 0px 0.4em 30px;
  color:#000000;
  font-size:1.6em;
  font-weight:normal;
}

#mainFlash h1.advent
{
  float:left;
  margin-left:15px;
}

html>body #mainFlash h1.advent
{
  margin-left:30px;
}

#mainFlash p.instruct
{
  float:right;
  font-size:0.9em;
  font-weight:bold;
  margin-top:22px;
}

#mainFlash p
{
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0px 0px 0.9em 0px;
  color:#000000;
  font-size:0.75em;
}

#mainFlash img
{
  float:left;
  margin-right:20px;
  margin-top:13px;
}

#mainFlash #flashmovie
{
  margin:0px;
  margin-bottom:18px;
}


/* Main home content area */
#mainHome
{
  width:722px;
  background-image:url("../img/bg_mainHome.gif");
  background-repeat:repeat-y;
  padding:0px;
 }

/* holding page */
#holdingheader
{
  width:722px;
  margin-bottom:0px;
}

#holdingheader img
{
  float:left;
  margin-top:16px;
  margin-bottom:18px;
}

#holdingheader div.addressbar
{
  clear:both;
  background-color:#EAEAEA;
  margin:0px;
  color:#575757;
  padding:2px 25px 3px 10px;
  width:722px;
  w\idth:687px;
}

#holdingheader p
{
  margin:0px;
  float:right;
  font-family:verdana,arial,helvetica,sans-serif;
  text-align:right;
  font-size:0.65em;
  width:600px;
}

#holdingheader p span
{
  color:#eaeaea;
}

#holdingContent
{
  width:158px;
  float:right;
  margin:0px;
  padding:0px;
}

#holdingContent h1
{
  margin:20px 0px 0.4em 0px;
}

#holdingContent p
{
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0.7em 0px 0px 0px;
  color:#000000;
  font-size:0.75em;
}

#holdingContent p.coming
{
  font-size:1em;
}

#mainholding
{
  margin:0px;
}

/* home page */
#homeImage
{
  float:left;
  margin:0px;
  margin-top:3px;
  margin-bottom:3px;
  width:221px;
  padding:0px;
}

#homeContent
{
  width:327px;
  float:right;
  margin:0px;
  padding:0px;
}

#homeContent h1.welcome
{
  margin:20px 0px 0.4em 30px;
  font-family:Tahoma,Arial;
  font-weight:lighter;
  font-size:1.6em;
}

#homeContent p
{
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0px 0px 0.9em 66px;
  color:#000000;
  font-size:0.75em;
}

#homeContent table
{
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0px 0px 0px 66px;
  color:#5F5F5F;
  font-size:0.7em;
  background-color:#FFFFFF;
}

#homeContent td
{
  background-color:#EAEAEA;
  text-align:center;
  vertical-align:middle;
  padding:5px 7px 5px 7px;
  margin:0px;
}

#homeContent td.middle
{
  height:4px;
}

#homeContent td.descript
{
  width:155px;
  padding:12px 10px 12px 16px;
  text-align:left;
  vertical-align:text-top;
  background-color:#F1F3FA;
}

#homeContent a.heading
{
  margin-bottom:3px;
  font-weight:bold;
  font-size:1em;
  color:#5F5F5F;
}

#homeContent span.date
{
  margin-top:3px;
  font-style:italic;
  font-size:1em;
}


/* Content */
#content
{
  width:394px;
  float:left;
  margin:0px;
  overflow:hidden;
  /*background:#FFFFFF url(../img/main-content-bg.gif) left bottom no-repeat;
  padding-bottom :108px;*/
}

#content.fullWidth
{
	width:722px;
	background:#fff;
	padding-bottom:10px;
	position:relative;
}

body.noRightCol #content 
{
	background:#fff;
	padding-bottom:30px;
	width:550px;
}

#content p
{
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0px 0px 0.9em 0px;
  padding-left:10px;
  color:#000000;
  font-size:0.75em;
}

#content p.largePrint
{
	font-size:1.05em;
}

#content p.smallPrint
{
	font-size:0.7em;
	color:#333333;
	text-align:center;
	font-style:italic;
}

#content h6
{
	font-family:verdana,arial,helvetica,sans-serif;
	  margin:0px 0px 0.9em 0px;
  padding-left:10px;
	font-size:0.7em;
	color:#333333;
	text-align:center;
	font-style:italic;
	font-weight:lighter;
}

#content address
{
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0px 0px 0.9em 0px;
  padding-left:10px;
  color:#000000;
  font-size:0.75em;
  font-style:normal;
}

#content h1
{
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  margin:0.9em 0px 0.4em 0px;
  padding-left:10px;
  color:#000000;
  font-size:1.6em;
  font-weight:normal;
}

body.friends #content h1
{
	background:#eaecf8 url(../img/friends-geffrye-h1-bg.gif) right top no-repeat;
	padding-top:78px;
	font-size:1.13em;
	padding-bottom:10px;
}

#content h2
{
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  margin:0.4em 0px 0.4em 0px;
  padding-left:10px;
  color:#000000;
  font-size:1.2em;
  font-weight:normal;
}

#content h3
{
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  margin:0.2em 0px 0.2em 0px;
  padding-left:10px;
  color:#000000;
  font-size:0.9em;
  font-weight:bold;
}

#content h4
{
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  margin:0.2em 0px 0.2em 0px;
  padding-left:10px;
  color:#000000;
  font-size:0.8em;
  font-weight:bold;
}

#content li
{
  font-family:verdana,arial,helvetica,sans-serif;
  color:#000000;
  font-size:0.75em;
  margin:0.4em 0px 0px 20px;
}

#content ul
{
  list-style-position: outside;
  list-style-type: disc;
  padding-left:10px;
  margin:0;
}

#content ol
{
  list-style-position: outside;
  list-style-type: decimal;
}

#content table
{
  width:100%;

  margin:0px 4px 0.9em 6px;
  border-collapse:collapse;
}

/* added by morcs to fix search results table column width */
#content table.searchresults
{
  width:auto;
}

#content table.searchresults td
{
  font-family:verdana,arial,helvetica,sans-serif;
  margin:0px 0px 0.9em 0px;
  padding-left:10px;
  color:#000000;
  font-size:0.75em;
}

#content input.button
{
  background-color:#575757;
  color:#ffffff;
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  border:1px solid #ffffff;
  font-size:1em;
  padding:0px 1px 0px 2px;
  cursor:pointer;
  vertical-align:middle;
}

#content select
{
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:0.9em;
  vertical-align:middle;
}

#content caption
{
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:0.8em;
  font-weight:bold;
}

#content td, #content th
{
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:0.8em;
  vertical-align:top;
  text-align:left;
  padding:4px 4px 4px 4px;
}

#content td p
{
	font-size:0.87em;
}

#content td h2, #content td h3
{
	font-size:1em;
}

#content hr
{
  border-style:none;
  color:#EBEDF8;
  background-color:#EBEDF8;
  height:1px;
  clear: both;
}

#content a
{
  font-family:verdana,arial,helvetica,sans-serif;
  color:#5e617a;
  text-decoration:underline;
}

#content a:hover
{
  color:#AEB3D6;
}

#content img
{
  border:0px;
}

#content img.left {
	float: left;
	margin: 0 10px 10px 0;
}

#content img.right {
	float: right;
	margin: 0 0 10px 10px;
}


/* Whats on page */
#explore
{

	padding:0;
	margin:0;
	width:550px;
	height:320px;
	background: #ffffff url("../img/whats-on/explore-page.jpg") no-repeat top left;
	/*border:1px solid #FFFFFF;
		border:1px solid green;*/
}
/* Right hand side */
#explore #left
{
	float:left;
	width:215px;
	height:250px;
}
#explore #left #header
{
	width:215px;
}
#explore #left #header h1
{	
	padding:0;
	margin:0;
	padding-left:13px;
	margin-top:29px;
	padding-bottom:10px;
	font-size:1.5em;
	font-family: Arial, Verdana;
	width:200px;
	background: url("../img/whats-on/divider.gif") no-repeat 8px 29px;		
}
#explore #left #text
{
	display:block;
	height:148px;
	margin-bottom:12px;
	overflow:hidden;	
}
#explore #left #text h2
{
	padding:0;
	margin:0;
	margin-left:13px;
	margin-bottom:5px;
	font-size:1.1em;
	
}
#explore #left #text p
{
	margin-left:3px;
	font-size:0.8em;
	font-family:arial,verdana;
}
#explore #left #backlink a
{
	font-size:0.8em;
	font-family:arial,verdana;
	color:#000000;
	text-decoration:none;
	margin-left:35px;	
}
#explore #dates
{
	margin-top:12px;
}
#explore #dates p
{
	margin-left:30px;
	font-size:1.1em;
	font-family: Arial, Verdana;	
}
/* Right hand side */
#explore #right
{
	float:left;
	width:333px;
}
#explore #right #explorelink
{
	float:left;
	width:125px;
	padding-top:80px;
}
#explore #right #imagegroup
{
	float:left;
	width:205px;
	height:250px;
	padding-top:18px;
	margin-left:2px;
}
#explore #right #explorelink a
{
	font-size:1.6em;
	font-family:Arial, verdana;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	margin-left:23px;	
}

/* Buttons */

#content .imageButton
{
	background:#AFB3D8 url(../img/buttons/purple-grad-bg.jpg) left top repeat-x;
	margin-left:10px;
}

#content .imageButton-inner
{
	background:url(../img/buttons/purple-grad-right.jpg) right top no-repeat;
}

#content .imageButton-inner a
{
	display:block;
	background:url(../img/buttons/purple-grad-left.jpg) left top no-repeat;
	color:#000;
	text-align:center;
	font-size:1.1em;
	line-height:0.8em;
	padding:5px 10px;
	font-family:Gill Sans MT, Helvetica, Arial;
	text-decoration:none;
}

#content .imageButton-inner a:hover
{
	color:#000;	
}

#content .backButton
{
	position:absolute;
	right:0;
	top:23px;
	
}

/* Ecard style */

body.ecard #content
{
	width:550px;
	background:none;
	padding-bottom:10px;
}

body.ecard #content #ecard table
{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

body.ecard #content #ecard td
{
	padding: 0;
	margin: 0;
	color: #555555;
}

body.ecard #content #ecard table.details
{
	margin-left:10px;
}

body.ecard #content #ecard table.details .text
{
	border: 1px solid black;
	width: 300px;
}

body.ecard #content #ecard table.details textarea
{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:1em;
}

body.ecard #content #ecard .endtext
{
	clear: both;
	padding-right:10px;
	padding-top: 20px;
}

body.ecard #content #ecard .endtext p
{
	color: #555555;
}

body.ecard #content .buttons
{
	float:right; 
	margin-bottom: 20px;
}

body.ecard #content #ecard input.ecardbutton
{
	margin-left: 8px;
}

body.ecard #content #ecard .title
{
	margin-top:12px;
}

body.ecard #content #ecardpreview
{
	margin: 0 0 0 128px;
	width: 523px;
}

body.ecard #content #ecardpreview h1, #content #ecardpreview p
{
	padding-left: 0px;
}

body.ecard #content #ecardpreview input.ecardbutton
{
	margin-left: 8px;
}

body.ecard #content #ecardpreview .flashecard
{
	xborder: 1px solid #AEB3D6;
	width: 523px;
	height: 400px;
	margin-bottom: 20px;
}

body.ecard #content #ecardpreview img
{
	margin: 0;
	padding: 0;
	
}

body.ecard #content #ecard .rightcol
{
	float:right;
	font-family:verdana,arial,helvetica,sans-serif;
	color: #555555;
	font-size:0.75em;
	width: 190px;
}

body.ecard #content #ecard .rightcol .caption
{
	margin-left: 8px;
	margin-top:2px;
}

body.ecard #content #ecard .leftcol
{
	float:left; width: 175px;
}

#content .error
{
	font-size: 0.85em;
	color: red;
	display:block;
}

body.ecard .border
{
	background: #FFFFFF url("../img/e-cards/border.jpg") no-repeat;
	padding: 20px 33px 20px 33px;
	margin: 0 auto;
	width: 132px;
}

body.ecard .caption
{
	font-size:0.9em;
	text-align:center;
	margin-bottom:10px;
	padding: 0 10px 0 10px;
}

td .caption
{
	font-size:0.85em;
}

/* Friends of Geffrye style */
body.friends #content
{
	background:url(../img/friends-geffrye-bg.gif) left bottom no-repeat;
	padding-bottom:118px;	
}

/* Generic styles */

.floatright
{
	float:right;
}

.floatleft
{
	float:left;
}

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

#nav a.enews_button
{
	background: url(../img/buttons/enews.gif) left top no-repeat;
	width:91px;
	height:25px;
	text-indent: -9999px;
	border-bottom: none;
	margin-left:19px;
	margin-top:55px;
}	

/* Panoramic styles */

body.panoramic #container , body.panoramic #header, body.panoramic #main, body.panoramic #content.fullWidth, body.panoramic #footer
{
	width:1024px;
}

body.panoramic #header div.addressbar
{
	width:989px;
}

body.panoramic #footer p
{
	width:999px;
}

/* Amends */

body.panoramic *, body.panoramic #header img, body.panoramic #content.fullWidth
{
	margin:0;
	padding:0;
}

body.panoramic #header form, body.panoramic #footer, body.panoramic #header div.addressbar, body.panoramic #content h1, body.panoramic #content .backButton
{
	display:none;
}

body.panoramic #container
{
	padding:0;
}