body { background-color: #694757;
	font-family: "Folio Bk BT";
	color: #934d41;
}

body.detail {
	background-color: #c98e56;
	font-weight: bold;
}

table.detailInfo {
	table-layout: auto;
}

div.portraitdetail {
	position: absolute;
	top:	0px;
	left:	250px;
	padding: 10px;
}

div.portraittext {
	width:	230px;
	position: absolute;
	font-size: 10pt;
	top:	10px;
	left:	0px;
}

div.landscapedetail {
	position: absolute;
	top:	150px;
	left:	0px;
	padding: 10px;
	text-align: center;
	width: 100%;
}

div.landscapetext {
	position: absolute;
	font-size: 10pt;
	top:	0px;
	left:	0px;
	height: 150px;
	width: 100%;
	text-align: center;
}

div.header {
	width: 800px;
	height: 75px;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.footer {
	background-color: #934d41;
	color: #c98e56;
	font-size: 8pt;
	text-align: center;
	width: 800px;
	height: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div.HandFText {
	width: 400px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

div.footerText {
	width: 400px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

div.headerArt {
	float: left;
	height: 100%;
	width: 400px;
}

div.infoSection {
	background-color: #c98e56;
	width: 800px;
	position: absolute;
	top: 75px;
	bottom: 20px;
	left: 0px;
}

div.foreground {
	width: 800px;
	text-align: center;
	height: 575px;
	border: 4px;
	border-color: black;
	position: relative;
	margin-left:	auto;
	margin-right:	auto;
}

div.mainPanel {
	width: 640px;
	height: 455px;
	color: #934d41;
	float: left;
	font-weight: bold;
}

div.mainPanelList {
	position: absolute;
	top: 20px;
	left: 20px;
	padding-left: 5px;
	width: 600px;
	height: 455px;
	color: #934d41;
	float: left;
	font-weight: bold;
	overflow: auto;
}

div.menus {
	width: 148px;
	height: 455px;
	line-height: 125%;
	text-align: left;
	font-size: 12pt;
	float: right;
	text-indent: -60px;
	margin-top: -15px;
}

.submenus {
	font-size: 11pt;
	padding-width: 15px;
	margin-left: -20px;
}

.subsubmenus {
	font-size: 10pt;
	margin-left: -20px;
}

div.zoomin {
	font-size: 10pt;
	font-style: italic;
	cursor: pointer;
}

div.zoomin:hover {
	color: #9656a6;
}

div.detailbuttons {
	position: fixed;
	left: 10px;
	bottom: 20px;
	font-size: 10pt;
	font-style: italic;
}

table.landscape {
	position: absolute;
	top: 50px;
	left: 350px;
}

div.landscapedetailbuttons {
	position: fixed;
	right: 15px;
	top: 20px;
	font-size: 10pt;
	font-style: italic;
}

div.image {
	top: 15px;
	left: 400px;	/* for each image, set left to be 400 - 1/2 of pixel width */
	position: absolute;
}

div.imageLandscape {
	position: absolute;
	top: 160px;	/* for each image, set top to 210 - 1/2 of pixel height */
	left: 15px;
}

div.imagedescriptionLandscape {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 640px;
	font-size: 10pt;
	text-align: center;
}

div.imagedescription {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 150px;
	font-size: 10pt;
	text-align: center;
}

.galleryName {
	position: absolute;
	left: 0px;
	top: -100px;
	text-align: left;
	font-size: 14pt;
	margin: 10px;
}

.subGalleryName {
	position: absolute;
	left: 15px;
	top: -80px;
	text-align: left;
	font-size: 14pt;
	margin: 10px;
}

.galleryNameLandscape {
	position: absolute;
	left: 10px;
	top: 0px;
	text-align: left;
	font-size: 14pt;
	margin: 10px;
}

div.thumbnails {
	height: 100px;
	width: 790px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	text-align: center;
	position: absolute;
	font-size: 10pt;
}

img.LeftButton{
	position: absolute;
	border: none;
	left:	10px;
	top:	23px;
}

img.RightButton{
	position: absolute;
	border:	none;
	right:	10px;
	top:	23px;
}

div.thumbnailsLeft {
	height: 100px;
	width: 790px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	text-align: center;
	font-size: 10pt;
	position: absolute;
	background-image: url(LeftArrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

div.thumbnailsRight {
	height: 100px;
	width: 790px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 10pt;
	text-align: center;
	position: absolute;
	background-image: url(RightArrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

span.leftText {
	position: absolute;
	left: 10px;
	top: 40px;
	color: #d6af94;
}

span.rightText {
	position: absolute;
	right: 10px;
	top: 40px;
	color: #d6af94;
}

div.sold {
	position: absolute;
	top: 75px;
	left: 50px;
}

div.soldLandscape {
	position: absolute;
	top: 25px;
	left: 400px;
}

td.leftlabel {
	right-padding: 5px;
	text-align: right;
	width: 72px;
}

td.rightinfo {
	left-padding: 5px;
	text-align: left;
}

h4 {
	font-size: 18pt;
	text-align: center;
}

h3 {
	font-size: 16pt;
	text-align: center;
}

h4.Landscape {
	margin: 5px;
}

h5 {
	font-size: 14pt;
	font-weight: bold;
	margin:  10px;
}

ul {
	text-indent: -45px;
	list-style-type: none;
}

div.webmeister {
	font-size: 8pt;
	font-weight: normal;
	position:	absolute;
	bottom:		30px;
	left:		10px;
}

ul.exhibitList {
	text-align: left;
	font-weight: normal;
	width: 540px;
}

body.doNotScroll {
	overflow: none;
}

.magInstruction {
	position: absolute;
	left: 25px;
	top: 525px;
	font-size: 10pt;
	font-weight: normal;
	width: 375px;
}

.magInstructionLandscape {
	position: absolute;
	left: 25px;
	top: 50px;
	font-size: 10pt;
	font-weight: normal;
	width: 375px;
}

#getMagButton {	// graphic on top of the Magnifier button
	position: absolute;
	width: 60px;
	left: 425px;
	top: 425px;
}

.hiddenMagButton {	// button hidden by graphic that allows the maginfier to work correctly
	position: absolute;
	left: 429px;
	top: 429px;
	width: 52px;
	height: 32px;
}

.magButton {
	position: absolute;
	left-margin: 15px;
	left: 420px;
	top: 525px;
}

.magButtonLandscape {
	position: absolute;
	left-margin: 15px;
	left: 420px;
	top: 160px;
}

.loResImage {
	position: absolute;
	left: 10px;
	top: 25px;
}

#HiRes {
	position: absolute;
	top: -5000px;
	left: -5000px;
}

#Mag {
	position: absolute;
	top: -300px;
	left: -300px;
}

a:link, a:visited, a:active {color: #934d41; text-decoration: none; decoration: none; font-weight: bold;}
a:hover {color: #9656A6; decoration: none;}

a.thumbnails:link, a.thumbnails:visited, a.thumbnails:active {color: #d6af94; text-decoration: none; decoration: none;}
a.thumbnails:hover {color: #9656A6; decoration: none;}

a.maillink:link, a.maillink:visited, a.maillink:active a.maillink.hover{color: #9656a6; text-decoration: underline;}