/* PRINTING ISSUES
		Using different placeholders for the information, one for print and one for screen 
		actually works in OP, IE, FF and NE
		
		One bug in OP, I'm not able to remove the background image for the body:
		See discussion here: 
			http://www.desktoppublishingforum.com/bb/archive/index.php/t-1969.html
		
		Should probably display the menubar when clicking "Expand gallery", so people can print the page or preview it.
			Would also be cool to be able to control the background and foreground color of the menubar
		
		Can make it even better by removing some of the padding and margin (espesially top/bottom)
		Should investigate using something else instead of px when printing.
		How do I control the margins of the print from css... is it possible at all.
		
		
		
		
		FF: Print preview - Page setup - Then select: Shrink to fit page width  --- then it should look good.
		
		
		OTHER ISSUES
		
		OPERA
			NOT POSSIBLE TO USE menubar=yes to show only the menubar when using window.open
	*/

	#container-table {
		width:600px;
		background:#fff;
		text-align:center;
	}
	
	body {
		/* background-image:none; did not have any effect in OP, how do I remove the bg-image in OP ???? */ 
		margin:0;
		margin-top:0;
		background:#fff;
		text-align:center;
	}
		
	#container {
		margin: auto;
		border: 0;
		background: #fff;
		text-align: left;
		width: 100%;
	}
	
	#masthead {
		margin:0;
		padding:0;
		padding-bottom:0px;
		text-align:center;
		background: #ffffff;
	}
	
	
		
	#page-contents {
		background: #ffffff;
		/* background: #666; */
		padding: 14px;
		text-align:center;
	}
		
	#footer {
		display:none;
		margin:0;
		padding: 3px;
		background: #ffffff;
		
		text-align: center;
		clear: both;
		color:#000;
	}
	
		
	h1
		{
		margin: 0;
		padding: 0 0 10px 0;
		font: normal 25pt arial, sans-serif;
		color: #fff;
		text-align: center;
		}
		
	h2
		{
		font: normal 22pt trebuchet ms, sans-serif;
		margin:0;
		padding-top:25px;
		text-align:center;
		color:#000;
		}
	
	p {
		font: 12pt arial, sans-serif;
		color:#000;
	}
		
	.p-welcome {
		font: 14pt arial, sans-serif;
		color:#000;
	}
	
	.p-noscript {
		font-family:arial,sans-serif;
		font-size:16pt;
		color:#000;
	}
	
	.largeImagePrint {
		display:block;
		float:center;
		height:auto;
		width:auto;
		border:0; 
		padding-top:20px; 
		padding-bottom:20px;
		text-align:center;
	}
	.largeImage {
		border:0; 
		padding-top:20px; 
		padding-bottom:20px;
	}
	
	.imageSubTitle {
		padding-top:10px;
		font-family:arial,sans-serif;
		font-size:12pt;
		font-weight:bold;
		color:#000;
	}
	
	
	.fieldset-noscript {
		padding:0px 10px 20px 10px; /* explorer does not show padding-top:20px, if margin or padding on legend then that shows */
		border:1px solid #ff8800;
		font-family:arial,sans-serif; 
		font-size:16px; 
		font-weight:bold; 
		color:#000;
	}
	.fieldset-noscript-legend {
		align:center;
		padding-left:10px; 
		padding-right:10px; 
		margin-top:20px; margin-bottom:20px; /* this is to avoid the IE bug not applying to padding-top in fieldset... works in IE, OP and MOZ */
	}
		
	#sub-gallery-menu {
		display:none;
		border-bottom:1px solid #333;
	}
	#sub-gallery-menu ul 
		{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
	#sub-gallery-menu ul li 
		{
		
		float: left;
		}
	#sub-gallery-menu ul li a 
		{
		
		display: block;
		font-family:arial, sans-serif;
		font-size:12px;
		font-weight: bold; 
		color:#000;
		padding: 4px 10px 4px 10px;
		border:0;
		text-decoration: none;
		text-align: center;
		background:#fff;
		}
	#sub-gallery-menu ul li a:hover 
		{
		color:#000;
		}

	body#gallery #sub-gallery-menu #sub-gallery1 li.gallery1 a, 
	body#gallery #sub-gallery-menu #sub-gallery2 li.gallery2 a,
	body#gallery #sub-gallery-menu #sub-gallery3 li.gallery3 a
		{
		color:#000;
		}

		
	#main-menu {
		display:none;
	}
	.main-menu-background {
		background:#fff;
	}
	
	#main-menu ul 
		{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#main-menu ul li 
		{
		
		float: left;

		}
		
	#main-menu ul li a 
		{
		
		
		display: block;
		font-family:arial, sans-serif;
		font-size:12px;
		font-weight: bold; 
		color:#000;
		padding: 4px 10px 4px 10px;
		border:0;
		text-decoration: none;
		text-align: center;
		background:#fff;
		}
	
	#main-menu ul li a:hover 
		{
		color:#000;
		}
	
	body#welcome #main-menu li.welcome a, 
	body#gallery #main-menu li.gallery a, 
	body#biography #main-menu li.biography a,
	body#exhibitions #main-menu li.exhibitions a,
	body#articles #main-menu li.articles a,
	body#contact #main-menu li.contact a
		{
		color:#000;
		}
	
	
	.text-small
		{
		font: 10pt arial, sans-serif;
		color:#000;
		cursor:pointer; 
		}
	
	.thumb-border {
		/* display:block; */
		height:auto;
		width:auto;
		border: 1px solid black;
		margin:0;
		padding:20px;
		background: #fff;
	}
	.welcome-td-image {
		vertical-align:top;
	}
	
	
	#gallery-thumbs
		{
		display:none;
		background: #fff; 
		padding:10px;
		text-align:center;
		
		}
		
	.gallery-small-off {
		float:left;
		/* display:block; */
		font-size:0px; /* IE hack, without then IE add extra padding below image in the floating div */
		border:2px solid #888;
		background:#fff;
		padding:0px;
		margin:0 0 0 0;
		cursor:pointer;
	}
	.gallery-small-on {
		float:left;
		/* display:block; */
		font-size:0px; /* IE hack, without then IE add extra padding below image in the floating div */
		border:2px solid #ccc;
		background:#fff;
		padding:0px;
		margin:0 0 0 0;
		cursor:pointer;
	}
	.gallery-small-hor-space {
		width:10px;
		height:1px;
	}
	
	.gallery-fieldset-container {
		display:none;
	}
	.gallery-fieldset {
		float:center;
		/* width:50%; */
		padding:0px 10px 10px 10px; /* explorer does not show padding-top:20px, if margin or padding on legend then that shows */
		border:1px solid #370E00;
	}
	.gallery-fieldset-legend {
		padding-left:10px; 
		padding-right:10px; 
		margin-top:20px; margin-bottom:20px; /* this is to avoid the IE bug not applying to padding-top in fieldset... works in IE, OP and MOZ */
		font-family:arial,sans-serif; 
		font-size:12pt; 
		font-weight:bold; 
		color:#000;
	}
	.gallery-fieldset-order-paint-now {
		text-decoration:underline; 
		color:#000; 
		font-size:12pt; 
		font-weight:bold;
	}
	.gallery-next {
		margin-left:30px; 
		font-family:arial,sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		color:#000; 
		cursor:pointer;
		text-decoration:none;
	}
	.gallery-next-blank {
		color:transparent; 
		margin-left:30px; 
		font-family:arial,sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		text-decoration:none;
	}
	.gallery-prev {
		margin-right:30px; 
		font-family:arial,sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		color:#000; 
		cursor:pointer;
		text-decoration:none;
	}
	.gallery-prev-blank {
		text-decoration:none;
		margin-right:30px; 
		font-family:arial,sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		color:transparent; 
		
	}
	.info {
		font-family:arial,sans-serif; 
		font-size:14pt; 
		font-weight:normal;
		color:#000;
	}
	.large-image {
		padding:10px; 
		background:#fff; 
		border:1px solid #000;
	}
	.full-screen {
		vertical-align:baseline; 
		margin-top: 5px;
		cursor:pointer; 
		height:10px; 
		width:10px; 
		border:1px solid #888;
	}
	.flags {
		vertical-align:baseline; 
		margin-top: 5px;
		cursor:pointer; 
		border:1px solid #888;
		margin-left:10px;
	}