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

	File:			print.css
	Version:		1.0
	Contents:		Base print stylesheet providing
					typography functions
	Last modified:	30.07.10
	TOC:
	
		0. Reset
		1. Globals
		2. Structure
		3. Typography
		4. Miscellaneous
		5. Page Specific Styles
		
	Note: Items marked EXPERIMENTAL are incomplete and 
	      may or may not work as expected.
		  
		  
/*--------------------------------------------------------*/		  
/* 	0. 		Reset
	0.1 	Yahoo Reset CSS
--------------------------------------------------------*/

	/*
		0.1 Yahoo Reset CSS
	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 			0;
		padding: 			0;
		border:             0;
		outline: 			0;
		font-size: 			100%;
		vertical-align: 	baseline;
		background: 		transparent;
	}
	body {
		line-height: 		1em;
	}
	blockquote, q {
		quotes:				none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: 			'';
		content: 			none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 			0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: 	none;
	}
	del {
		text-decoration: 	line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: 	collapse;
		border-spacing: 	0;
	}
/*--------------------------------------------------------*/

/* 	1. 		Globals
--------------------------------------------------------*/

	/* 
		Global display:none list to hide all those bits we
		don't want to print
	*/
	ul#accessibility,
	ul#nav,
	ul#breadcrumbs,
	ul#utilities,
	#header form,
	p.print-hide,
	.view-previous,
	.backtoText,
	hr {
		display: 			none;	
	}	
	/*
		Reset 1em == 10px
	*/
	html { 
		font-size: 			125%; 
	}
	
	body { 
		font-size: 			50%; 
		width:				100% !important; 
		margin:				0 !important; 
		padding:			0 !important; 
		line-height:		1.2; 
		background:			none; 
		color:				#000; 
		font-family:		Arial, Helvetica, sans-serif; 
	}
	

/* 	2. 		Structure
	2.1 	- Wrapper
	2.2		- Tabs
	2.3		- Navigation
--------------------------------------------------------*/

/*
	2.1 Wrapper
*/

	div#wrapper {
		width: 				100%;
		margin: 			0 auto;	
		text-align: 		left;
	}

/*
	2.2 Tabs
*/

	div.tabs {
		border-left: 		1px solid #ACACAC;
		border-right: 		1px solid #ACACAC;
		border-bottom: 		1px solid #ACACAC;
		margin-bottom: 		1.5em;
	}
	
	div.tabs ul {
		overflow: 			auto;
		_height: 			1%;
		border-top: 		1px solid #ACACAC;
		border-bottom: 		1px solid #ACACAC;
		padding: 			0;
		background: 		#EFEFEF;
	}
	
	div.tabs ul li {
		display: 			inline;
	}
	
	div.tabs ul li a:link, 
	div.tabs ul li a:active, 
	div.tabs ul li a:visited {
		display: 			block;
		float: 				left;
		padding: 			.5em 1em;
		text-decoration: 	none;
	}
	
	div.tabs ul li a:hover {
		background: 		#DDD;	
	}
	
	div.tabs ul li a.active_tab {
		background: 		#DDD;	
	}
	
	div.tabs div {
		padding: 			0 1em;	
	}

/*	2.3  Navigation */
	.subnav {
		display:			none;
	}

/* 	3. 		Typography
	3.1		- Headings
	3.2		- Paragraphs
	3.3		- Links
	3.4		- Lists
	3.5		- Superscripts & Subscripts
	3.6		- Bolds, Italics, Cites, Pre
	3.7		- Tables
	3.8		- Forms
--------------------------------------------------------*/

	/*
	3.1 Headings
*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: 			1.3em;
	}

	h1 {
		font-family: "Times New Roman", Times, serif;		
		font-size: 				3em;
		font-weight:normal;
	}

	h2 {
		font-weight:			normal; 
		font-size:				2.9em;
		margin-bottom:			.5em;
		margin-top:				.5em;
		line-height:			1.3em;
		padding-bottom:			.3em;		
		color: 					#4E4F27;
		font-family: 			"Times New Roman", Times, serif;
		border-bottom: 			1px solid #6E6F45;
	}
	
	h2.intro {
		font-size: 				1.6em;
		line-height: 			1.4em;
		margin: 				1em 0 1em 0;
		font-weight:			normal;
		padding-bottom:			10px;
	}	
	
	h3 {
		font-weight:			normal;	
		font-size:				2em; 
		margin-bottom:			0.6em;
	}
	h3 a {
		font-size: 85%; text-decoration:none;
	}	
	h4 {
		font-size:				1.7em; 
		margin-bottom:			0.5em; 
		font-weight:			normal;
	}
	
	h5 {
		font-size:				1.2em; 
		margin-bottom:			0.5em; 
		font-weight:			bold;
	}
	
	h6 {
		font-family:			Georgia,"Times New Roman",Times,serif;
		font-weight:			normal;
		font-size:				1em; 
		margin-bottom:			0.3em;
	}

/*
	3.2 Paragraphs
*/
	
	p, 
	blockquote,
	address {
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 0 0 1em 0;		
	}
	
	blockquote {
		padding: 1em;
	}
	
	blockquote p {
		font-size: 1em;
	}

	address {
		font-style: 			normal;
	}

	
/*
	3.3 Links
*/

	a:link, a:active, a:visited, a:hover {
		color: 					#4E4F27;
	}

/*
	3.4 Lists
*/

	ul, ol, dl {
		font-size: 				1.2em;
		line-height: 			1.4em;
		margin: 				0 0 1em 0;
		padding: 				0 0 0 1em;
	}
	
	ul li {
		list-style-type: 		disc;	
	}	
	
	ol li {
		list-style-type: 		decimal;	
	}
	
	li {
		margin: 				0 0 .5em 0.9em;	
	}
	
	ul li ul, ol li ol {
		font-size: 				1em;
		margin: 				1em 0;
	}
	
	ul li ul li {
		list-style-type: 		circle;	
	}
	
	ol li ol li {
		list-style-type: 		lower-roman;	
	}
	
	dl dt {
		font-size: 				1.2em;
		font-weight: 			bold;
	}
	
	dl dd {
		margin: 				0 0 .5em 0;	
	}
	
	dl dd dl {
		font-size:				1em;
		margin: 				.5em 0;
	}
	
/*
	3.5 Superscripts & Subscripts
*/

	sup {
		vertical-align: 		top;
	}
	
	sub {
		vertical-align: 		bottom;
	}
	
/*
	3.6 Bolds, Italics, Cites, Pre
*/

	strong {
		font-weight: 			bold;
	}
	
	em, cite {
		font-style: 			italic;
	}
	
	pre {
		
	}
	
/*
	3.7 Tables
*/

	table {
		border-collapse: collapse;
		font-size: 1.2em;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		margin-bottom: 10px;
	}
	
	caption {
		font-weight: bold;
		font-size: 1.4em;
		margin: 0 0 .5em 0;
	}
	
	td, th {
		padding: 1em;
		line-height: 1.3em;
	}
	
	th {
		font-weight: bold;
		border-right: 1px solid #DDD;
		border-bottom: 1px dotted #DDD;
	}
	
	td {
		border-bottom: 1px dotted #DDD;
	}
	
	tfoot {
		font-size: .8em;
		line-height: 1.6em;
	}
/*
	3.8 Forms
*/

	form {
		font-size: 1em;
		margin: 0 0 1em 0;
	}
	
	fieldset {
		padding: 0 1em;
		margin: 0 0 1em 0;
	}
	
	legend {
		font-size: 1.4em;
		padding: .5em 1em;
	}
	
	label {
		display: inline-block;
		margin: 0 0 .2em 0;
		vertical-align: top;
	}
	
	label span {
		display: inline-block;
		width: 10em;
	}
	
	input,
	textarea,
	button,
	optgroup {
		padding: .2em;
	}
	
	select,
	input {
		width: auto;	
	}
	
	textarea {
		border: 1px solid #ACACAC;
	}
	
	option {
		margin-bottom: .2em;	
	}
	
	optgroup {
		font-weight: bold;	
	}
	
	optgroup option {
		font-weight: normal;
		padding: 0 0 0 .5em;
	}
	
	textarea {
		font-size: 1.2em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		display: inline-block;
		vertical-align: top;
	}
	
	input[type="submit"], 
	input[type="checkbox"], 
	input[type="radio"], 
	input[type="reset"] {
		width: auto;	
	}
	
	input[type="submit"],
	input[type="reset"],
	button {
		border: 				1px solid #ACACAC;
		background: 			#DDD url("../images/bg-btn.gif") repeat-x top left;
		margin: 				0 0 1em 0;	
	}
	
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	button:hover {
		background: 			#DDD url("../images/bg-btn-hover.gif") repeat-x top left;
	}
	
	input[type="submit"]:active,
	input[type="reset"]:active,
	button:active {
		background: 			#DDD url("../images/bg-btn-hover.gif") repeat-x top left;
	}

/* 	4. 		Miscellaneous
	4.1		- Page Breaks
--------------------------------------------------------*/

	.hidden {
		display: 				none;
	}
	
	.left {
		float: 					left;
	}
	
	.center {
		text-align: 			center;
	}
	
	.right {
		float: 					right;	
	}
	
	img.left {
		margin: 				0 10px 10px 0;
	}
	
	img.right {
		margin: 				0 0 10px 10px;	
	}
		
	.clear {
		clear: 					both;	
	}
	.marginB10 {
		margin-bottom:			10px;
	}	
	.marginB20 {
		margin-bottom:			20px;
	}	
	.noBorder {
		border: 				0 !important;	
	}	
	.hr {
		background:				#9D9F63; 
		border:					0 none; 
		display:				block; 
		height:					1px; 
		margin:					10px 0 10px 0!important; 
		text-align:				center;
		display:block;
	}

	.hr hr {
		display:				none !important;
	}	
/*
	4.1 Page Breaks
*/

	.breakafter {
		page-break-after:		always;
	}
	
	.breakbefore {
		page-break-before:		always;
	}

/* 	5. 		Page Specific Files
	5.1		- Exhibitions
	5.2		- Timeline
	5.3		- About
--------------------------------------------------------*/
/*
	5.1 Exhibitions
*/	
	

	div.exhib img {
		margin: 				10px 0 10px 0;
		border: 				1px solid #BFBFBF;
	}
	div.exhib a {
		text-decoration: 		none;	
	}
	dl.exhib-list {
		overflow: 				hidden;
		_height: 				1%;
		border-bottom: 			1px solid #9D9F63;
		padding: 				1em 0;
		position: 				relative;
	}
	
	.dotted {
		border-bottom: 			1px dotted #9D9F63!important;	
	}
	
	dd.exhib-list-image {
		position: 				absolute;
		left: 					0;
		top: 					10px;
		margin: 				0 10px 10px 0;
	}
	
	dd.exhib-list-image img {
		border: 				1px solid #9D9F63;
	}
	
	dl.exhib-list dt {
		font-size: 				1.8em;
		color: 					#4E4F27;
		font-weight: 			normal;
		margin: 				0 0 .7em 0;
	}
	
	dl.exhib-list dt a {
		text-decoration: 		none;	
		font-size: 				0.9em;
		color: 					#4E4F27;
	}
	
	dd.exhib-list-text {
		font-size: 				.8em;
	}
	
	dl.exhib-list dt, 
	dl.exhib-list dd.exhib-list-text {
		margin-left: 			160px;
	}
	dl.exhib-list.dotted dt, 
	dl.exhib-list.dotted dd.exhib-list-text {
		margin-left: 			130px;
	}
	
	div.exhib small {
		display: 				block;
		color: 					#999;
		margin: 				0 0 1em 0;
	}	
/*
	5.2 Timeline
*/	
	.timeline {
		margin-left:			5em;	
	}
	
	.timeline div {
		padding: 				0 1em 1em 1.4em;
		border-left: 			1px solid #DDD;
	}
	
	.timeline div h3 {
		width: 					50px;
		padding: 				1em 0 0 .5em!important;
		margin: 0;
		border-top: 			1px solid #DDD;
		margin-left: 			-3.6em;
	}

	.timeline div:nth-child(2n) {
		background: 			#f8f8f8;
	}
	
	.timeline ul li {
		display: 				inline;
	}
	
/* 
	5.3 About
*/

	ul#activities {
		padding-left:			0;		
	}
	
	ul#activities li {
		list-style:				none;	
		margin-left:			0;
	}