/*Styles for layout and infrastructure
=============================================*/
body {
	font-family: Arial, sans-serif;
	background: #D3D1A4 url(pagebg.gif) repeat-y left top;
}
#page_container { width: 1200px; background-color: #FFFFFF; overflow: auto; position: relative; }
#footer {
	clear: both;
	width: 580px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer h6 {
	font-size: 0.7em;
	font-weight: normal;
}
/*End styles for layout and infrastructure
=============================================*/


/*For styling links separately from the styles defined in navigation.css.
Surround all content after the 'nav include' and the 'right_corner' div with a <div class="not_nav">
==========================================================================*/
.not_nav a:link {
	color:#346e48;
	font-weight: bold;
	text-decoration:none;
}
.not_nav a:visited {
	color:#618d70;
	font-weight: bold;
	text-decoration: none;
}
/*This makes the links jump out when you hover over a paragraph.*/
.not_nav p:hover a {
	color:#48aa6a;
	text-decoration: underline;
}
/*This restores normal hover behavior when your mouse reaches a specific link.*/
.not_nav a:hover, .not_nav p a:hover {
	color:#346e48;
	font-weight: bold;
	text-decoration: none;
	background-color: #7fd379;
}
/*End of link styles.
================================================*/


/*Global typographic styles
=======================================*/
h1, h2, h3, h4, h5, h6, p {
	color:#333333;
}
/*Use for page headers, including "Events" and "News."*/
h1 {
	font-size: 1.5em;
	line-height: 1.2em;
}
/*Use for "News" story headlines and exhibit titles in "Events."*/
h2	{
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 2px;
}
/*Use for headings over a set of thumbnails, ie. "Other Works in the Series."*/
.thumbnails h2	{
	font-size: 1em;
	line-height: 1.2em;
}
h3	{
	font-size: .8em;
	line-height: 1.4em;
	margin-top: 8px;
}
/*Use for thumbnail titles.*/
.thumbnails h3	{
	text-align:center;
}
/*Use for quotes*/
h4	{
	font-size:1em;
	line-height:1.5em;
	font-style: italic;
}
/*Use for quote citations and photo credits.*/
h5	{
	font-size:0.8em;
	line-height:1.5em;
	font-weight:normal;
}
/*Use for "Collection of…"*/
#title_and_materials h5	{
	font-size:0.8em;
	line-height:2em;
	font-style: italic;
}
/*Use for photo captions.*/
h6  {
	font-size:0.75em;
	line-height:1.4em;
	font-weight: bold;
}
p	{
	font-size: .9em;
	line-height: 1.3em;
}	
/*End global typographic styles
=======================================*/


/*Styles for everything on the right side of the page, ie; contained within a div class="right_corner". Can include boxed sidebars.
===================================================================================================================================*/
.right_corner {
	padding-right: 80px;
	float: right;
	margin-right:40px;
	padding-top: 28px;
}
.right_corner_zoom {
	padding-right: 66px;
	float: right;
	margin-right:20px;
	padding-top: 28px;
}
/*Use for "Updated" and "New Piece Added."*/ 
.right_corner h4	{
	font-size: 0.9em;
	text-align: right;
	margin-bottom: 4px;
	margin-right: 4px;
	font-style: normal;
	text-transform: uppercase;
}
/*"Please allow a few moments for the image to refocus."*/
.right_corner_zoom h4	{
	font-size:.75em;
	line-height:1.5em;
	font-style: italic;
}
/*Used for zoom instructions.*/
.right_corner h6, .sidebar h6	{ font-size: 0.75em; font-weight:bold; margin-top: 6px; line-height: 1.3em; }
/*End of styles for the right side of the page
================================================================================================================*/


/*Boxed sidebar styles (can be used inside a <div class="right_corner">)
=========================================================================
Note that the width and background color must be page-specific and therefore should be written for the <div id> on that page.*/

/*Use for Dates and Region of 'Events'*/
.sidebar h3	{
	line-height: 1.2em;
	font-style:italic;
	color:#666600
}
/*Use for descriptions of events and general sidebar text.*/
.sidebar p	{
	font-size: 0.8em;
	line-height: 1.3em;
	color:#000000;
	font-weight:normal;
}
.sidebar a:link {
	color:#546339;
	font-size: .96em;
	font-weight: bold;
	text-decoration:none;
}
.sidebar a:visited {
	color:#707a5e;
	font-size: .96em;
	font-weight: bold;
	text-decoration: none;
}
/*This makes the links jump out when you hover over a paragraph.*/
.sidebar p:hover a {
	color:#313d1c;
	text-decoration: underline;
}
/*This restores normal hover behavior when your mouse reaches a specific link.*/
.sidebar a:hover, p a:hover {
	color:#313d1c;
	font-size: .96em;
	font-weight: bold;
	text-decoration: none;
	background-color: #9ca58b;
}
/*End of boxed sidebar styles
====================================*/

/*Misc character styles
=================================*/
.sm_caps {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .86em;
}
.align_right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.detail {
	border: 1px solid #666666;
}
.rule_above {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 12px;
}
.clear {
	clear: both;
}
.space_above {
	margin-top: 12px;
}
.align_center {
	text-align: center;
}
.8px_above {
	margin-top: 8px;
}
.4px_below	{
	margin-bottom:44px;
}
/*End of misc character styles
=================================*/