body {
	margin: 0;
	padding: 0 0 10px 0;
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	background-color: #e6e6e6/*312d26*/;
	}

#body address, address p {
	font-style: normal;
	margin: 20px;
	}

	#footer address {
		color: #737373;	
		font: 0.8em Helvetica;
		line-height: 1.4em;
		}
				
.hours strong {
	font-weight: normal;
	color: #fff;
	}

img.whats_on-image {
	float: right;
	border: none;
	}
	 	
/* ----- main divs ----- */

#wrap {
	width: 980px;
	margin: 0 auto;
	}
	
#masthead {
	margin: 18px 0 0 0;
	width: 980px;
	height: 77px;
	}
	
#sidebar-nav {
	float: right;
	margin: -29px 0 0 -23px;
	width: 156px;
	}
	
#top-nav {
	overflow: visible;
	float: left;
	margin: 0;
	width: 847px;
	height: 67px;
	background-image: url('../images/top_nav_bg.gif');
	background-position: bottom left;
	background-repeat: no-repeat;		
	}

#body {
	float: left;
	width: 795px;
	padding: 0 16px 10px 16px;
	background-color: #fff;
	background-image: url('../images/body_bg.gif');
	background-repeat: repeat-y;		
	}

	#col-full {
		width: 795px;
		}
		
	#col-left {
		float: left;
		width: 497px;
		}
		
	#col-left-equal {
		float: left;
		width: 390px;
		}

	#col-right {
		float: right;
		width: 275px;
		padding: 0;
		margin: 0 0 8px 0;
		}
	
	#col-right-equal {
		float: right;
		width: 390px;
		padding: 0;
		margin: 0 0 8px 0;
		}
	
	#col-one-equal {
		float: left;
		width: 190px;
		margin-right: 7px;
		}

	#col-two-equal {
		float: left;
		width: 190px;
		margin-right: 7px;
		}

	#col-three-equal {
		float: left;
		width: 190px;
		margin-right: 7px;
		}

	#col-four-equal {
		float: left;
		width: 190px;
		margin-right: 7px;
		}
		
	.exhibit {
		clear: right;
		margin: 0 0 10px 0;
		}
				
#footer {
	clear: both;
	width: 827px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background-image: url('../images/footer_bg.gif');
	background-repeat: no-repeat;		
	font-size: 0.75em
	}
	
	#footer-inside {
		width: 768px;
		margin: 0 0 0 18px;
		padding: 0 10px 5px 10px;
		background-color: #c7c7c7;	
		}
		
	#footer-col-1 {
		float: left;
		width: 150px;
		}

	#footer-col-2 {
		float: left;
		width: 190px;
		}

	#footer-col-3 {
		float: left;
		width: 220px;
		}

	#footer-col-4 {
		float: left;
		width: 180px;
		}
		
/* ----- paragraphs ----- */

#body p {
	margin: 0 0 10px 0;
	font: 0.8em arial;
	line-height: 1.6em;
	}

	#body p.cutline {
		font-style: italic;
		font-size: 0.75em;
		line-height: 1.5em;
		margin: 0 0 8px 0;
		}
	
	#body p.date {
		margin: 0;
		font-style: italic;
		}
		
	#body p.attribution {
		text-align: right;
		font-size: 0.7em;
		margin: 0 0 12px 0;
		}
		
		#body #col-right p {
			font-size: .8em;
			padding: 0;
			}

#footer p/*.hours*/ {
	margin: 0;
	/*width: 125px;*/
	float: left;
	color: #737373;	
	font: 0.8em Helvetica;
	line-height: 1.3em;
	}

#credits p {
	margin: 0;
	padding: 5px 0 0 25px;
	font: 0.7em Helvetica;
	color: #bdbdbd;
	}
	
	#credits a, 
	#credits a:visited {
		color: #bdbdbd;
		}

#body ol,
#body ul {
	magin: 8px 0 14px 0;
	}

#body li {
	font: 0.8em Arial;
	margin: 0 0 5px 0;
	}

#footer ul {
	margin: 0 0 0 -30px;
	}
	
	* html #footer ul {
		margin: 0 0 0 0;
		}

#footer li {
	color: #737373;	
	font: 0.8em Helvetica;
	line-height: 1.3em;
	list-style-type: none;
	}

#body blockquote {
	font-style: italic;
	margin: 8px 0 0 0;
	padding: 0 0 0 15px;
	line-height: 1.4em;
	border-left: 1px solid grey;
	}

#body a:link,
#body a:visited
{
	color: #6a142a;
	text-decoration: none;
	/*background-color: #D9D9D9;*/
}

#body a:hover,
#body a:active
{
	text-decoration: none;
	color: #666;
}
	

/* ----- headings ----- */

h1 {
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
	font: 1.6em Arial;
	}
	
h2 {
	margin: 8px 0 0 0;
	padding: 0;
	font: 1.2em Arial;
	}
	
	#body h2 {
	 	color: #000;
	 	font-weight: normal;
	 	margin: 5px 0 5px 0;
		}	
	 
	#sidebar-nav h2 {
		margin: 0;
		font: 14px Georgia;
		}
		
h3 {
	margin: 16px 0 0 0;
	padding: 0;
	font: .9em Arial;
	line-height: 1.6;
	}
	
	#footer h3 {
		margin: 0 0 0px 0;
		font: 1.0em Helvetica;
		color: #737373;
		font-weight: normal;
		}

h4 {
	margin: 0;
	padding: 0;
	font: 0.8em arial;
	line-height: 1.6em;
	font-weight: bold;
	}
	
	#footer h4 {
		margin: 3px 0 5px 0;
		font: 0.8em Helvetica;
		color: #737373;
		font-weight: normal;
		}
	
	#footer h4 span {
		color: #737373;
		}
		
/* ----- links ----- */

#col-full a {
	background: none;
	}

#sidebar-nav h2 a {
	display: block;
	width: 141px;
	padding: 7px 5px 6px 10px;
	color: #fff;
	background-color: #6d0d24;
	text-decoration: none;
	}

#footer a:link,
#footer a:visited
{
	/*color: #737373;*/
	color: #333;
	text-decoration: none;
	/*background-color: #D6D6D6*/;
}

#footer a:hover,
#footer a:active {
	/*color: #000;*/
	color: #fff;
	/*background: #fff;*/
	/*text-decoration: underline;*/
	}
	
#credits a:hover,
#credits a:active {
	color: #666;
	}
	
/* ----- images ----- */

img.lightbox-image {
	border: 1px solid #570a1d;
	margin-right: 3px;
	}

img.floatright {}
img.floatleft { float: left; margin: 0 1.8em .8em 0; }

/* ----- lists ----- */

#body ul {
	margin: 0;
	padding: 5px 0 5px 15px;
	}
	
ul#quick-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul#quick-links li a {
	font: 0.8em Helvetica;
	color: #b2b2b2;
	}

ul#directory {
	margon: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
	}
		
/* ----- top nav ----- */

#top-nav ul {
	margin: 0;
	padding: 23px 0 0 6px;
	white-space: nowrap;
	}
	
#top-nav li {
	display: inline;
	list-style-type: none;
	}

#top-nav a {
	padding: 22px 5px 9px 5px;
	}
	
#top-nav a:link,
#top-nav a:visited {
	font: 13px Georgia;
	color: #737373;
	text-decoration: none;
	}

#top-nav a.top-active {
	color: #fff !important;
	background-color: #6d0d24;
	}

#top-nav a:hover,
#top-nav a:active {
	color: #fff !important;
	background-color: #570f21;	
	}
	
/* ---- sidebar nav ----- */

#sidebar-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #eee;	
	background-image: url('../images/sidebar_nav_bg.gif');
	background-position: left;
	background-repeat: repeat-y;
	}

#sidebar-nav ul li {
	margin: 0;
	padding: 0;
	}

#sidebar-nav ul li ul {
	display: none;
	background-color: #dbdbdb;
	background-image: url('../images/sidebar_subnav_bg.gif');
	background-position: left;
	background-repeat: repeat-y;
	}

#sidebar-nav ul li ul li {
	margin: 0;
	padding: 0;
	}
			
#sidebar-nav ul li a {
	display: block;
	width: 141px;
	padding: 7px 5px 7px 10px;
	color: #737373;
	text-decoration: none;
	font: 13px Georgia;
	}

#sidebar-nav ul li ul li a {
	display: block;
	width: 131px;
	padding: 7px 5px 7px 20px;
	color: #333;
	text-decoration: none;
	font: 13px Georgia;
	}

#sidebar-nav ul li#side-nav-staff ul li a,
#sidebar-nav ul li#side-nav-catalogues ul li a,
#sidebar-nav ul li#side-nav-family ul li a,
#sidebar-nav ul li#side-nav-school ul li a,
#sidebar-nav ul li#side-nav-community ul li a,
#sidebar-nav ul li#side-nav-exhibits ul li a,
#sidebar-nav ul li#side-nav-upcoming ul li a,
#sidebar-nav ul li#side-nav-past ul li a,
#sidebar-nav ul li#side-nav-video_archive ul li a,
#sidebar-nav ul li#side-nav-symposium ul li a,
#sidebar-nav ul li#side-nav-e_gallery ul li a {
	background-color: transparent;	
	}

#sidebar-nav ul li a:hover {
	color: #fff;
	background-color: #570f21;	
	}

#sidebar-nav ul li#side-nav-staff ul li a:hover,
#sidebar-nav ul li#side-nav-catalogues ul li a:hover,
#sidebar-nav ul li#side-nav-family ul li a:hover,
#sidebar-nav ul li#side-nav-school ul li a:hover,
#sidebar-nav ul li#side-nav-community ul li a:hover,
#sidebar-nav ul li#side-nav-symposium ul li a:hover,
#sidebar-nav ul li#side-nav-exhibits ul li a:hover {
	color: #fff;
	background-color: #999;	
	}


/* table styles */

/* generic content layout table */
table.content { width: auto; border: none; }
	table.content tr { vertical-align: top; }
	table.content tr td img { margin-top: 20px; }
	table.content td { padding-right: .8em; }
/* table styles for past exhibitions page */
#pastexhibitions { width: 99%; margin: 1em 0 .5em 0; }
	#pastexhibitions tr.odd { background-color: #fff; }
	#pastexhibitions tr.even { background-color: #fff; }
	#pastexhibitions td { padding: 0 .3em .3em 0; vertical-align: top; }
	#pastexhibitions p { line-height: 1.2; }
	
	
/* image rollover caption style from http://www.sohtanaka.com/web-design/css-on-hover-image-captions/ */
/* example: http://www.sohtanaka.com/web-design/css-on-hover-image-captions/ */

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
}
.imgteaser a {
	text-decoration: none;
	float: left;
	position: relative;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0;
	background: #fff;
	/*border: 1px solid #ddd;*/
}

.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}

.imgteaser a:hover .desc {
	display: block;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	padding: 10px 0;
	background: #000;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding: 10px;
	margin: 0;
	width: 300px;
	border-top: none;
}

.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}

.imgteaser a .desc { display: none; }
.imgteaser a:hover .more { visibility: hidden; }