#container-table {
		width:700px;
		background:transparent;
	}
	
	body {
		margin: 10px;
		margin-top:20px;
		/* 	background: #20323C url(../sysimg/body.gif); messes with print in OP, OP does not remove this image, so we try a black background for now
			same for both:
			background:#444; and
			background-color:#fff;
		*/
			background: #20323C url(../sysimg/body.gif);
			background-repeat:repeat-x;
		
		text-align: center;
	}
		
	#container {
		margin: auto;
		border: 1px #000 solid;
		background: #fff;
		text-align: left;
		width: 100%;
	}
	
	.masthead {
		margin:0;
		padding:0;
		padding-bottom:0px;
		text-align:center;
		background: #20323C url(../sysimg/masthead.gif);
		background-repeat:repeat-x;
	}
	.masthead h1 {
		margin: 0;
		padding: 15px 0 0px 0;
		font-size:35px;
		font-weight:normal;
		font-family:trebuchet ms, sans-serif;
		/* font: normal 35px trebuchet ms, sans-serif; */
		color: #ccc;
		text-align: center;
	}
	.masthead h2 {
		margin:0;
		padding:0;
		padding-bottom:3px;
		font-family:arial,sans-serif; 
		font-size:17px; 
		font-weight:bold; 
		color:#ccc;
	}
	
	
		
	#page-contents {
		 background: #341104 url(../sysimg/content.gif); 
		 background-repeat:repeat-x;
		/* background: #666; */
		padding: 14px;
		text-align:center;
	}
	
	#page-contents h2 {
		font: normal 22px trebuchet ms, sans-serif;
		margin:0;
		padding-top:25px;
		text-align:center;
		color:#ccc;
	}
	#page-contents p {
		font: 14px arial, sans-serif;
		color:#ccc;
	}
		
	#footer {
		margin:0;
		padding: 3px;
		background: #20323C url(../sysimg/masthead.gif);
		background-repeat:repeat-x;
		
		text-align: center;
		clear: both;
		color:#888;
	}
	
		
	
	/*
	h2
		{
		font: normal 22px trebuchet ms, sans-serif;
		margin:0;
		padding-top:25px;
		text-align:center;
		color:#aaa;
		}
	*/
	/*
	p {
		font: 12px arial, sans-serif;
		color:#888;
	}
	*/
	/*	
	.p-welcome {
		font: 14px arial, sans-serif;
		color:#888;
	}
	*/
	
	.p-noscript {
		font-family:arial,sans-serif;
		font-size:16px;
		color:#ff8800;
	}
	
	.largeImagePrint {
		display:none;
	}
	.largeImage {
		border:0; 
		padding-top:20px; 
		padding-bottom:20px;
	}
	
	.imageSubTitle {
		padding-top:10px;
		font-family:arial,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#888;
	}
	
	.gallery-buy {
		font-family:arial,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#888;
		text-decoration:none;
		cursor:pointer;
	}
	.gallery-buy:hover {
		text-decoration:underline;
	}
	
	
	.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:#ff8800;
	}
	.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 {
		border-bottom:1px solid #333;
	}
		
	.sub-gallery-menu-background {
		/* background: #20323C url(../sysimg/masthead.gif); */
		padding: 2px 10px 2px 10px;
		background-color: #000;
	}
		
	.subgal-normal, .subgal-sel
		{
		
		/* display: block; */
		font-family:arial, sans-serif;
		font-size:12px;
		font-weight: bold; 
		color: #aaa;
		padding: 0px 5px 0px 5px;
		border:0;
		text-decoration: none;
		/* text-align: center; */
		background:transparent;
		/*
		background: background: #20323C url(../sysimg/masthead.gif);
		*/
		}
	/* #sub-gallery-menu ul li a:hover  */
	/* #sub-gallery-menu a:hover */
	.subgal-normal:hover {
		color: #ccc;
	}
	.subgal-sel {
		color: #ccc;
	}

	
	.main-menu-background {
		background: #20323C url(../sysimg/masthead.gif);
		background-repeat:repeat-x;
		padding: 4px 10px 4px 10px;
	}
	
	.page-normal, .page-sel
		{
		/* display: block; */
		font-family:arial, sans-serif;
		font-size:16px;
		font-weight: bold; 
		color: #aaa;
		padding: 8px 5px 4px 5px;
		border:0;
		text-decoration: none;
		/* text-align: center;*/
		background:transparent;
		/*
		background: background: #20323C url(../sysimg/masthead.gif);
		*/
		}
	
	/* #main-menu ul li a:hover */
	.page-normal:hover
		{
		/* background: #725528; */ /*#521508;*/
		/* border-bottom: 1px solid #888; */
		color: #ccc;
		}
	.page-sel
		{
		/* background: #725528; */ /*#521508;*/
		/* border-bottom: 1px solid #888; */
		color: #ccc;
		/* background-color:#000; */
		}
	
	.text-small
		{
		
		font-family: arial, sans-serif;
		font-size: 11px;
		font-style:normal;
		font-weight:normal;
		color: #777;
		cursor:pointer; 
		text-decoration:underline;
		}
	
	.thumb-border {
		/* display:block; */
		height:auto;
		width:auto;
		border: 1px solid black;
		margin:0;
		padding:20px;
		background: #fcf9d5;
		/* background: #fff; */
	}
	.welcome-td-image {
		vertical-align:top;
	}
	
	
	#gallery-thumbs
		{
		background: #000; 
		/* background: #000 url(../sysimg/masthead.gif); */
		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:#888;
		padding:0px;
		margin:0 0 0 0;
		cursor:pointer;
	}
	/*
	.gallery-small-off img {	
		height: 40px;
		width: auto;
	}
	*/
	.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:#888;
		padding:0px;
		margin:0 0 0 0;
		cursor:pointer;
	}
	/*
	.gallery-small-on img {	
		height: 40px;
		width: auto;
	}
	*/
	.gallery-small-hor-space {
		width:10px;
		height:1px;
	}
	
	.gallery-fieldset-container {
		/* just display */
	}
	.gallery-fieldset {
		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:12px; 
		font-weight:bold; 
		color:#888;
	}
	.gallery-fieldset-order-paint-now {
		text-decoration:underline; 
		color:#888; 
		font-size:12px; 
		font-weight:bold;
	}
	.gallery-next {
		margin-left:30px; 
		font-family:arial,sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		color:#888; 
		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:#888; 
		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:14px; 
		font-weight:normal;
		color:#888;
	}
	.large-image {
		padding:0px; 
		background:#ddd; 
		border:15px outset #ddd;
	}
	/*
	.large-image img {
		border: 1px solid black;
	*/
	}
	.large-image-td {
		padding:20px; 
	}
	.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:5px;
	}
	.expand-image {
		vertical-align:baseline; 
		/* margin-top: 5px; */
		cursor:pointer; 
		border:1px solid #888;
		margin-left:10px;
		margin-right:10px;
	}
	
	
	
		/* did not work .nav-spacer { margin-left:10px; } */
		.nav-line1 {
			font-family:arial,sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#B7B700;
			text-align:center;
		}
		.nav-line2 {
			font-family:arial,sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#B7B700;
			text-align:center;
			padding-bottom:5px;
		}
		.nav-result {
			padding-top:20px;
			padding-bottom:20px;
		}
		.nav-inactive {
			text-align:center;
			background-color:#cccccc;  
			margin:0; 
			padding:2px 5px 3px 5px;
			border:0px; 
			font-size:14px; 
			font-weight:bold;
			font-family:arial; 
			text-decoration:none; 
			color: rgb(128,128,255); 
			width:100%; 
			height:100%;
			cursor:default;
		}
		
		.nav-active {
			text-align:center;
			background-color: transparent; 
			margin:0; 
			padding:2px 5px 3px 5px;
			border:0px; 
			font-size:14px; 
			font-weight:bold;
			font-family:arial; 
			color:#8080FF; 
			width:100%; 
			height:100%; 
			cursor: pointer;
			text-decoration:underline;
		}
		.nav-active:hover {
			background-color:#cccccc;
			text-decoration:underline;
			/* this works nice in FF but looks not so nice in IE and OP: border:1px solid #cccccc; */
		}
		
		.nav-active-button {
			text-align:center;
			background-color: transparent; 
			margin:0; 
			padding:3px; 
			border:0px; 
			font-size:12px; 
			font-family:arial; 
			color:#8080FF; 
			width:100%; 
			height:100%; 
			cursor: pointer;
			text-decoration:underline;
		}
		.nav-active-button:hover {
			background-color: #cccccc; 
			text-decoration:underline;
		}
		
		.nav-inactive-button {
			text-align:center;
			background-color: transparent; 
			margin:0; 
			padding:3px; 
			border:0px; 
			font-size:12px; 
			font-family:arial; 
			color:gray; 
			width:100%; 
			height:100%; 
			cursor: default;
			text-decoration:underline;
		}
		
		
		.th-line1 {
			display:block;
			text-align:center;
			color:#ccc;
			font-family:arial,sans-serif;
			font-size:11px;
			padding-top:2px;
			
		}
		.th-line2 {
			display:block;
			padding-top:4px;
			text-align:center;
			font-family:arial,sans-serif;
			font-size:10px;
			
		}
		.th-icon {
			cursor:pointer;
		}
		
		.gal-line1 {
			display:block;
			text-align:center;
			color:#aaa;
			font-family:arial,sans-serif;
			font-size:12px;
			font-weight:bold;
			padding-top:8px;
		}
		.gal-line2 {
			display:block;
			text-align:center;
			color:#aaa;
			font-family:arial,sans-serif;
			font-size:12px;
			font-weight:bold;
			padding-top:8px;
		}
		.gal-icon {
			cursor:pointer;
		}
		
		.gal-b { 
			cursor:pointer;
		}
		.search-a { 
			cursor:pointer;
		}
		
		
		/*
		.th-line1 {
			display:block;
			text-align:center;
			font-family:arial,sans-serif;
			font-size:10px;
			
		}
		.th-line2 {
			display:block;
			text-align:center;
			font-family:arial,sans-serif;
			font-size:10px;
			
		}
		*/