/* MMA SITEWIDE PAGE LAYOUT */
/* The Metropolitan Museum of Art  */

/* MMA pages are currently comprised of 5 sections, 
in a tabular-ish layout.  Each page contains a 
left-hand local navigation bar (#nav_local), a 
header section (for a&b-heads) (#headers), a bottom 
sitewide navigation bar (#nav_sitewide), a floating
M logo (#logo), and a central "view" area, where 
the bulk of the content resides (#viewport). */

/* :BODY 
------------------------------------------------------- */

body, table {
	margin: 0;
	padding: 0;
}

/*  ------------------------------------------------ */

/* :LOGO 
------------------------------------------------------- */

#logo {
	position: absolute;
	top: 0;	left: 0;
	z-index: 1;
	height: 50px;
	width: 100%;
	margin: 0; padding: 0;
	text-align: right;
}

#logo a { margin: 0 0 0 750px; padding: 0; }
#logo img { margin: 5px 5px 0 0;  }

/*  ------------------------------------------------ */

/* :NAV_LOCAL 
------------------------------------------------------- */

#nav_local {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	margin: 0; padding: 52px 0 0 0;
}

#nav_local ul, #nav_local li, #nav_local a { margin: 0; padding: 0; display: block; }

/* Level 1  */

#nav_local ul {
	list-style: none; /* this cascades to all other levels */
	padding: 10px 0 0 0;
	margin: 0 10px;
}

#nav_local ul li {
	margin: 0; padding: 0;
	background-position: 0 4px;
	background-repeat: no-repeat;
}

#nav_local ul li a {
	display: inline-block;
	margin: 0 0 0 15px; padding: 0; /* push link away from bullet point */
}

#nav_local ul li span {
	display: inline-block;
	margin: 0 0 0 15px; padding: 0; /* push link away from bullet point */
}

/*  */

/* Level 2  */

#nav_local ul ul {
	padding: 0; margin: 20px 0 0 0;
}

#nav_local ul ul li { margin: 3px 0 0 0; padding: 0; }

/*  */

/* Level 3  */

#nav_local ul ul ul {
	padding: 0; margin: 0 0 0 15px;
}

#nav_local ul ul ul li { margin: 3px 0 0 0; padding: 0; }

#nav_local ul ul ul li a { margin: 0 0 0 10px; }
/*  */


/*  ------------------------------------------------ */

/* :NAV_SITEWIDE 
------------------------------------------------------- */

#nav_sitewide {
	width: 600px;
	margin: 0;
	padding: 15px 0 10px 150px;
}

/*  ------------------------------------------------ */

/* :HEADERS 
------------------------------------------------------- */

h1, h2 {
	width: 600px;
	height: 56px;
	margin: 0 0 0 150px; padding: 0;
}

h2 { height: 27px; }

h3 {
	width: 570px;
	height: 14px;
	border: solid #ccc;
	border-width: 3px 3px 0 3px;
	margin: 0; padding: 3px 12px;
}

#print_header { display: none; }

/*  ------------------------------------------------ */

/* :TOOLBAR 
------------------------------------------------------- */

#toolbar { 
	height: 35px; 
	margin: 0 0 15px 0; 
	padding: 0 10px; 
	width: 580px; 
	overflow: hidden; 
}

#toolbar #tb_left { float: left; }
#toolbar #tb_right { float: right; }

#toolbar .tb_print img { margin: 5px 0 0 0; padding: 0; }
#toolbar .tb_back img { margin: 9px 0 12px 5px; padding: 0; vertical-align: middle; }
	
/*  ------------------------------------------------ */

/* :VIEW 
------------------------------------------------------- */

#viewport {
	width: 600px;
	margin: 0;
	padding: 0 0 0 150px;
	min-height: 500px;
	/* clear past floating elements inside this one */
	overflow: hidden; 
}

#viewport h4, 
	#viewport h5,
	#viewport h6,
	#viewport p, 
	#viewport ul,
	#viewport ol,
	#viewport address { margin: 0 0 10px 0; padding: 0; }
#viewport h4, #viewport h5, #viewport h6 { margin-top: 15px; }

#viewport h5, #viewport h6 { margin-bottom: 0; }

#viewport .textbox h4.linerule { 
		margin-top: 12px;
		margin-left: 0;
		margin-right: 9px;
		padding-top: 12px;
		padding-left: 0;
		border-top: 1px solid #999; 
}

#viewport .tab1 { padding-left: 15px; }
#viewport .tab2 { padding-left: 30px; }
#viewport .tab3 { padding-left: 45px; }

#viewport .fl { float: left; }
#viewport .fr { float: right; }
#viewport .pad.fr { margin-left: 10px; }
#viewport .pad.fl { margin-right: 10px; }
#viewport .shiftup { margin-top: -10px; }

#viewport #splash { margin: 3px 3px 0 3px; }

/* Textboxes  */

#viewport .row { 
	overflow: hidden; 
	width: 597px;
	padding: 0; margin: 0 0 3px 3px;
}

#viewport .textbox { width: 570px; margin: 0 3px 0 0; border: 0; padding: 12px 12px 2px 12px; overflow: hidden; clear: both; }
#viewport .row.twocols .textbox { width: 271px; }
#viewport .row.twocols .textbox.second { width: 272px; }
#viewport .row.threecols .textbox { width: 172px; }
#viewport .row.fourcols .textbox { width: 122px; }
#viewport .row.fourcols .textbox.fourth { width: 123px; }

#viewport .textbox h4 { 
	height: 1em; 
	margin: -12px -12px 10px -12px; 
	padding: 5px 10px 6px 10px; 
	clear: both; 
}

/* float textboxes if there is >1 per row */
#viewport .row.twocols .textbox, 
	#viewport .row.threecols .textbox, 
	#viewport .row.fourocols .textbox {
	float: left; clear: none;
}

/*  */

/* Lists  */

#viewport ul { margin-left: 20px; list-style: disc; }
#viewport ol { margin-left: 20px; padding-left: 5px; }
#viewport ul.nobullets { list-style: none; margin-left: 0; }

/* No Spacing  */
#viewport ul.nospacing li, 
	#viewport ol.nospacing li,
	#viewport ul ul.nospacing li,
	#viewport ul ol.nospacing li,
	#viewport ol ul.nospacing li,
	#viewport ol ol.nospacing li { margin: 0; padding: 0; }

/* in nested spaceless lists, don't add space on the bottom */
#viewport ul.nospacing ul.nospacing,
	#viewport ul.nospacing ol.nospacing,
	#viewport ol.nospacing ul.nospacing,
	#viewport ol.nospacing ol.nospacing { margin-bottom: 0; }
/*  */

/* Narrow Spacing  */
#viewport ul.narrowspacing li, 
	#viewport ol.narrowspacing li,
	#viewport ul ul.narrowspacing li,
	#viewport ul ol.narrowspacing li,
	#viewport ol ul.narrowspacing li,
	#viewport ol ol.narrowspacing li { margin: 0 0 3px 0; padding: 0; }

/* in nested narrow-spaced lists, limit space on the bottom */
#viewport ul.narrowspacing ul.narrowspacing,
	#viewport ul.narrowspacing ol.narrowspacing,
	#viewport ol.narrowspacing ul.narrowspacing,
	#viewport ol.narrowspacing ol.narrowspacing { margin-bottom: 3px; }

#viewport ul.narrowspacing ul,
	#viewport ul.narrowspacing ol,
	#viewport ol.narrowspacing ul,
	#viewport ol.narrowspacing ol	{ margin-top: 3px; }
/*  */

/* Wide Spacing  */
#viewport ul.widespacing li, 
	#viewport ol.widespacing li,
	#viewport ul ul.widespacing li,
	#viewport ul ol.widespacing li,
	#viewport ol ul.widespacing li,
	#viewport ol ol.widespacing li { margin: 0 0 10px 0; padding: 0; }

#viewport ul.widespacing ul.widespacing,
	#viewport ul.widespacing ol.widespacing,
	#viewport ol.widespacing ul.widespacing,
	#viewport ol.widespacing ol.widespacing { margin-bottom: 10px; }

#viewport ul.widespacing ul,
	#viewport ul.widespacing ol,
	#viewport ol.widespacing ul,
	#viewport ol.widespacing ol	{ margin-top: 10px; }
/*  */

#viewport dd { margin: 0 0 10px 0; padding: 0; }
#viewport dt, #viewport dl { margin: 0; padding: 0; }

/*  */


/*  ------------------------------------------------ */

/* :FOOTER 
------------------------------------------------------- */

#print_footer { display: none; }

/*  ------------------------------------------------ */