body	{ color: #333333; background: #d3d6db; padding: 0px; margin: 10px 0; text-align: left; font-family: Verdana, Geneva, Helvetica, sans-serif; }

html>body .outerpair1	{ background: url("../images/upperrightfade.png") right top no-repeat; }
html>body .outerpair2	{ background: url("../images/lowerleftfade.png") left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox	{ background: url("../images/shadow.png") bottom right; }
html>body .innerbox	{ position: relative; left: -8px; top: -8px; }
.shadowbox img		{ border: 1px solid #000000; vertical-align: bottom; }
.clearfix:after		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix		{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix	{ height: 1%; }
.clear			{ min-height: 120px; }

#wrapper	{ width: 960px; margin: 0 auto; padding: 0; }
#contributeform	{ margin: 0 auto; }
#header		{ width: 960px; height: 182px; position: relative; }
#headerdisplay	{ width: 590px; height: 112px; position: relative; }

#app-badge	{ position: absolute; top: 10px; left: 10px; z-index: 20; }
#app-badge a	{ display: inline-block; margin: 8px; height: 40px; width: auto; }
#app-badge img	{ max-width: 100%; max-height: 100%; }

.mainbody	{ background: #585858; width: 100%; padding: 0; margin: 0; }
#advancesearch	{ margin-left: 200px; padding-bottom: 20px; }
.advancesearch	{ background: #f0dcc4; border: 1px solid #2c2c2c; }
.advancesearch th { padding-left: 5px; background: #2c2c2c; color: #ffffff; }
#middle		{ width: auto; background: #f8efe6; margin: 16px 5px 5px 152px; padding: 15px; min-height: 400px; }

a		{ color: #cc0000; font-size: 13px; text-decoration: none; }
a:hover		{ color: #999999; font-size: 13px; text-decoration: underline; }

h1, h2, h3,
h4, h5, h6	{ font-weight: normal; color: #000000; }
h1		{ color: #333125; font-size: 22px; }
h2		{ font-size: 20px; }
h3		{ font-size: 18px; }
h4		{ font-size: 16px; }
h5		{ font-size: 16px; }
h6		{ font-size: 16px; }

p, li, td, th	{ color: #333333; font-weight: normal; font-size: 13px; }

#pagetable	{ color: #000000; font-weight: normal; font-size: 13px; border: 1px solid #000000; background: #ffffff; border-collapse: collapse; }
#pagetable th	{ text-align: center; padding: 5px; background: #ffffff; }
#pagetable td	{ border: 1px solid #ffffff; padding: 3px; }


/* GOOGLE MAP */

html, body	{ position: relative; width: 100%; } /* Required by iOS Mobile Webkit */

#mapcon		{ border: 1px solid #999; overflow: hidden; }
#ctrl		{ height: 45px; width: 100%; position: relative; background: #cfcfcf url("../images/map/ctrl_back.png") repeat-x; -moz-box-shadow: 0px 1px 5px 1px #666666; -webkit-box-shadow:  0px 1px 5px 1px #666666; box-shadow:  0px 1px 5px 1px #666666; z-index: 999; }
#ctrlleft	{ width: 65%; height: 45px; position: absolute; top: 7px; left: 9px; }
#ctrlleft input	{ width: 400px; max-width: 100%; height: 27px; line-height: 27px; padding: 1px 8px; border: 1px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 1px 0 #999999 inset; -webkit-box-shadow: 0 2px 1px 0 #999999 inset; box-shadow: 0 2px 1px 0 #999999 inset; }
#ctrlright	{ height: 45px; width: 25%; position: absolute; top: 5px; right: 5px; text-align: right; }
#fscreen	{ display: inline-block; max-width: 100%; height: 27px; line-height: 27px; padding: 2px 8px; overflow: hidden; font-size: 11px; color: #454545; background: #ccc; border: 1px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#fscreen:hover	{ cursor: pointer; background: #eb7a00; color: #ffffff; border-color: #888; }

#map		{ width: 100%; height: 500px; background: #a5bfdd; }

#dym		{ display: none; width: 450px; max-width: 100%; background: #ffffff; border: 1px solid #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#dym div	{ padding: 5px 8px; border-bottom: 1px solid #cfcfcf; font-size: 13px; color: #555555; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#dym div:hover	{ cursor: pointer; background: #eb7a00; color: #ffffff; }

#infobox	{ margin-top: 8px; background: #fff; font-size: 12px; color: #444; max-height: 400px; -moz-box-shadow: 2px 3px 5px 1px #666666; -webkit-box-shadow:  2px 3px 5px 1px #666666; box-shadow:  2px 3px 5px 1px #666666; }
#infobox a	{ font-size: 12px; color: #eb7a00; text-decoration: underline; }

@media only screen and (device-width: 768px) {
	#infobox	{ max-height: none; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#infobox	{ max-height: none; }
}

@media only screen and (max-device-width: 480px) {
	#infobox	{ max-height: none; }
}

#ib_title	{ padding: 10px; background: #d6d6d6; color: #333; font-weight: bold; }
#ib_body	{ padding: 10px; }
#ib_body #img	{ height: 100px; overflow: hidden; margin-bottom: 10px; }
#ib_body img	{ width: auto; max-width: 100%; height: auto; margin-top: -25%; }
#ib_footer	{ padding: 10px; }

#ibl_list	{ max-height: 360px; overflow-y: auto; overflow-x: hidden; }
#ibl_con	{ border-bottom: 1px solid #d6d6d6; }
#ibl_img	{ padding: 10px 0 0 10px; margin-bottom: 10px; width: 60px; max-height: 60px; overflow: hidden; display: inline-block; vertical-align: top; }
#ibl_img img	{ width: 60px; height: auto; }
#ibl_title	{ padding: 10px; max-width: 240px; display: inline-block; vertical-align: top; font-size: 11px; }
#ibl_title a	{ font-size: 11px; }

#legend		{ border: 6px solid #cfcfcf; background: #dfdfdf; margin: 20px; padding: 20px; }
#legend p	{ margin: 0 0 5px 0; }
#legend table	{ border-top: 1px solid #aaaaaa; }
#legend td	{ font-size: 11px; }
#legend td img	{ height: auto; max-width: 20px; }

/* END GOOGLE MAP */

#menuh		{ background: url(../images/menuh-back.jpg) no-repeat ; text-align: center; height: 35px; font-size: 14px; padding: 5px 0 0 0; margin: 0; }
#menuh p	{ color: #daad76; padding: 0; margin: 0; }
#menuh a	{ font-weight: normal; color: #ffffff; font-size: 14px; position: relative; padding: 0; margin: 0 10px; text-decoration: none; z-index: 1; }
#menuh a:hover	{ color: #daad76; }

#searchwebaddress { width: 960px; height: 20px; }
#webaddress	{ font-size: 12px; margin-top: 5px; margin-left: 5px; color: #ffffff; }

#search		{ float: right; text-align: left; font-size: 11px; font-weight: bold; padding-top: 5px; padding-right: 15px; color: #ffffff; }
#pagetree	{ text-align: right; width: auto; }
#pagetree p a		{ font-weight: bold; color: #000000; text-decoration: none; }
#pagetree p a:hover	{ color: #cc0000; text-decoration: underline; }
#pageheading		{ text-align: left; width: auto; padding-bottom: 0; position: relative; }

#leftcontainer		{ float: left; width: 146px; text-align: left; font-weight: normal; font-size: 14px; margin-top: 5px; margin-bottom: 5px; margin-left: 0; }
#leftcontainer ul		{ list-style: none; text-align: left; margin: 0 auto; padding: 0; }
#leftcontainer ul li a		{ background: url("../images/menuv-back.jpg") no-repeat; text-decoration: none; color: #ffffff; width: 145px; height: 32px; display: block; margin: 5px 0 5px 5px; padding: 6px 3px 1px 7px; margin-left: auto; margin-right: auto; }
#leftcontainer ul li a:hover	{ background: url("../images/menuv-back2.jpg") no-repeat; color: #d9923b; opacity: 0.8; filter:alpha(opacity: 80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }

#orangebutton ul		{ position: relative; top: 5px; list-style: none; text-align: left; margin: 0 auto; padding: 0; margin-top: -13px; }
#orangebutton ul li a:hover	{ background: url("../images/menuv-back2.jpg") no-repeat; color: #ff6c00; opacity: 0.8; filter:alpha(opacity: 80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
#orangebutton ul li a		{ background: url("../images/menuv-back.jpg") no-repeat; text-decoration: none; color: #ff6c00; width: 145px; height: 32px; display: block; margin: 5px 0px 5px 5px; padding: 6px 3px 1px 7px; margin-left: auto; margin-right: auto; }
#orangebutton ul li a:hover	{ background: url("../images/menuv-back2.jpg") no-repeat; color: #d9923b; opacity: 0.8; filter:alpha(opacity: 80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }

#recommend		{ font-weight: normal; font-size: 10px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
#recommend a		{ color: #daad76; font-size: 10px; }
#recommend a:hover	{ color: #ffffff; text-decoration: none; }

#rightcontainer		{ position: relative; border: 1px solid #000000; font-weight: normal; font-size: 13px; float: right; width: 145px; right: 1px; top: 5px; padding-top: 5px; background-color: #ffffff; padding-bottom: 15px; text-align: center; margin-bottom: 5px; }

.pagegallery		{ background: #ffe1bd; margin-top: 5px; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 98%; float: left; }
.pagegallerycontent	{ width: 99%; border: 1px solid #000000; margin-bottom: 10px; padding: 5px; float: left; font-weight: normal; }
.pagegalleryheading	{ background: #2c2c2c; font-size: 13px; font-weight: bold; color: #ffffff; padding: 3px; }
.pagegalleryinner	{ width: 90%; margin: 0 auto; padding: 0; }
.pagegalleryimage	{ float: left; padding: 0; margin: 5px; height: 110px; width: 150px; text-align: center; }
.pagegalleryimage img	{ border: 1px solid #000000; padding: 2px; vertical-align: middle; }
.pagegalleryimage a:hover img { border: 1px solid #282828; opacity: 0.7; filter:alpha(opacity: 70); -moz-opacity: 0.7; -khtml-opacity: 0.7; }

#imagelibrary		{ margin: 4px; padding: 4px; }
#imagelibrary img	{ margin: 3px; }

.pageimagecenter	{ text-align: center; margin: 0 auto; padding: 0; }
.pageimageright		{ float: right; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; padding: 0; }
.pageimageleft		{ float: left; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; padding: 0; }
.pageimagenone img	{ margin: 3px; padding: 0; }

.link			{ background: #dabe9d; overflow: hidden; border: 1px solid #000000; margin: 20px 30px; padding: 5px; height: 180px; }
.link p			{ font-weight: normal; color: #000000; }
.linktop		{ width: auto; margin: none; color: #000000; font-size: 13px; font-weight: normal; background: #2c2c2c; margin: 0 auto; text-align: center; padding: 5px; }
.linktop a		{ color: #ffffff; }
.linktop a:hover	{ color: #e85f0c; }

.linkleftcontainer	{ float: left; height: 150px; position: relative; top: 5px; width: 150px; margin-bottom: 5px; }
.linkleftcontainer img	{ border-style: none; margin: 0; padding: 0; }
.linkrightcontainer	{ float: right; position: relative; top: 5px; width: 525px; height: 120px; overflow-y: auto; border: 1px solid #000000; background: #ffffff; margin-bottom: 5px; padding: 5px; }
.linkfooter		{ margin: none; color: #000000; text-align: right; bottom: 15px; margin-bottom: -15px; font-size: 13px; }
.linkfooter a		{ color: #4a4549; }
.linkfooter a:hover	{ color: #2c2c2c; }

.productitem		{ border: 1px solid #000000; height: 185px; width: 690px; margin: 0 auto 14px auto; background: #f0dcc4; }
.productitem .description { display: none; }
.producttitle		{ padding: 3px 3px 3px 6px; margin: 0; font-size: 13px; background: #2c2c2c; font-weight: bold; border-bottom: 1px solid #000000; color: #ffffff; }
.producttitle a		{ text-decoration: none; font-weight: bold; color: #990000; }
.producttitle a:hover	{ color: #666633; }
.productsold		{ color: #ff0000; font-weight: bold; }
.productimage		{ float: left; height: 150px; top: 5px; width: 150px; position: relative; padding-left: 6px; }
.productimage img	{ border: 1px solid #000000; max-width: 150px; max-height: 150px; }
.producttext		{ float: right; top: 5px; width: 505px; height: 115px; position: relative; overflow-y: auto; border-top: 2px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 2px solid #999999; background: #ffffff; padding: 5px; font-size: 13px; margin-right: 6px; }
.producttext li		{ list-style: square; }
.productprice		{ position: relative; float: right; width: 510px; color: #000000; text-align: right; font-size: 13px; margin-right: 6px; margin-top: 10px; }
.morebutton img		{ margin: 10px 0 0 6px; }


/* MONUMENT DISPLAY */

#print			{ display: inline-block; position: absolute; top: 5px; right: 0; }
#print img		{ vertical-align: middle; }

#productdisplaynote	{ text-align: center; color: #333333; font-size: 10px; }

.productdisplaytext	{ width: 380px; margin: 0 0 10px 0; text-align: left; font-size: 13px; word-wrap: break-word; }
.productdisplaytext h2	{ font-size: 15px; color: #555555; border-bottom: 1px solid #999999; padding-top: 10px; }

.productdisplayphotos	{ width: 370px; float: right; }
.productdisplaylarge	{ overflow: hidden; border: 1px solid #d6d6d6; box-shadow: 1px 2px 3px 0px #888; -moz-box-shadow: 1px 2px 3px 0px #888; -webkit-box-shadow: 1px 2px 3px 0px #888; background: #ffffff; }
.productdisplaylarge img{ max-width: 348px; height: auto; border: 10px solid #ffffff; }
.productdisplayimages	{ padding: 0; height: 100%; margin: 10px 0 5px 0; text-align: center; }
.productdisplayimage	{ display: inline-block; width: 90px; height: 90px; overflow: hidden; margin: 3px 6px; border: 6px solid #ffffff; box-shadow: 1px 2px 3px 0px #888; -moz-box-shadow: 1px 2px 3px 0px #888; -webkit-box-shadow: 1px 2px 3px 0px #888; }
.productdisplayimage a	{ display: inline-block; }
.productdisplayimage a img	{ border: 0; }
.productdisplayimage:hover { border-color: #ccc; }

.displayimagedata	{ background: #ffffff; font-size: 10px; padding: 0 10px 10px 10px; }

.table			{ border: 1px solid #cfcfcf; border-bottom: 0; font-family: Arial, Helvetica, sans-serif; width: 100%; }
.th, .td		{ border-bottom: 1px solid #cfcfcf; padding: 5px; vertical-align: top; }
.th			{ width: 30%; background: #dfdfdf; font-weight: bold; font-size: 12px; }
.td			{ width: 70%; background: #f1f1f1; }
.note			{ display: inline-block; font-size: 8.5px; padding: 3px 0; color: #555; }

.inscription		{ font-family: Palatino Linotype, serif; font-size: 14px; background: #f1f1f1; padding: 10px; margin: 10px 0; border: 1px solid #cfcfcf; }
#photographer		{ font-size: 10px; text-align: center; }

#adminpage		{ font-weight: normal; font-size: 12px; margin-bottom: 20px; margin-left: 0; }
#adminpage a		{ color: #000000; text-decoration: underline; }
#adminpage a:hover	{ color: #cc0000; }
#adminpage table	{ background-color: #dfdfdf; border: 1px solid #9f9f9f; margin-bottom: 10px; }
#adminpage td		{ background-color: #cfcfcf; color: #000000; }
#adminpage th		{ background-color: #ffffcf; color: #000000; text-align: left; }
#adminpage b		{ color: #000000; font-weight: bold; }
#adminpage input		{ visibility: visible; color: #000000; background-color: #efefef; font-weight: normal; font-size: 12px; padding-left: 0px; }
#adminpage input[disabled]	{ color: #9f9f9f; }
#adminpagegallery		{ position: relative; font-weight: normal; font-size: 12px; }
#adminpage table.log		{ background-color: #3f3f3f; }
#adminpage table.log th		{ background-color: #868484; padding: 2px; font-size: 14px; }
#adminpage table .logrow1 td	{ background-color: #cfcfcf; padding: 4px; font-size: 12px; }
#adminpage table .logrow2 td	{ background-color: #efefef; padding: 4px; font-size: 12px; }
#adminpage table .logrowS td	{ background-color: #ffffcc; padding: 4px; font-size: 12px; }
#adminpage .rotate[data-clockwise]:not([data-clockwise='0']) { display: inline-block; background-image: url("../images/clockwise.png"); width: 40px; height: 40px; }
#adminpage .rotate[data-clockwise]:not([data-clockwise='1']) { display: inline-block; background-image: url("../images/anticlockwise.png"); width: 40px; height: 40px; }

.subpage		{ background-color: #F0DCC4; border: 1px solid #000000; vertical-align: top; }
.subpage img		{ border: 0; }
.subpage  a:link,
.subpage  a:visited	{ color: #000000; text-decoration: none; }
.subpage  a:hover	{ color: #cc0000; }

#contact		{ width: auto; clear: both; color: #000000; background-color: #cccccc; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 5px; text-align: center; font-size: 13px; }

#contact a:link,
#contact a:visited	{ color: #000000; }
#contact a:hover	{ color: #cc0000; text-decoration: none; }

#contactpage table	{ margin-left: auto; margin-right: auto; }


/* SITE FORMS */

.form			{ overflow: hidden; text-align: left; width: 560px; max-width: 100%; }
.form *			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .error		{ color: #cc0000; }
.form > div		{ padding: 1px; margin: 0 0 10px 0; overflow: hidden; }
.form > div > label	{ width: 25%; float: left; padding-right: 10px; line-height: 24px; }
.form > div > div	{ width: 75%; float: right; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form textarea,
.form select			{ width: 100%; padding: 4px; border: 1px solid #ccc; border-radius: 2px; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form select			{ width: 75%; }
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=url]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus,
.form input[type=number]:focus,
.form textarea:focus		{ outline: 0; border-color: #4697e4; }

@media (max-width: 640px) {
	.form > div		{ margin: 0 0 8px 0; }
	.form > div > label	{ width: 100%; float: none; margin: 0 0 5px 0; }
	.form > div > div	{ width: 100%; float: none; }
	.form input[type=text],
	.form input[type=email],
	.form input[type=url],
	.form input[type=password],
	.form input[type=tel],
	.form input[type=number],
	.form textarea,
	.form select		{ width: 100%; }
}

#footer			{ background: #ffffff url("../images/footer-back.jpg") no-repeat; height: 22px; clear: both; text-align: center; padding: 9px 0 0 0; margin-top: 10px; color: #ffffff; font-weight: normal; font-size: 11px; }
#footer a:link,
#footer a:visited	{ color: #ffffff; font-size: 11px; }
#footer a:hover		{ color: #cc0000; text-decoration: none; }
#footer img		{ margin-left: 5px; }

#debug			{ width: 100%; padding: 10px; margin-top: 20px; border: 1px solid #000000; text-align: left; background-color: #cfcfff; }

@media print {
	a:link:after	{ content: " (" attr(href) ")"; }
	a[href^="mailto:"]:after { content: ""; }
	*		{ font-size: 12px; line-height: 18px; color: #333333; background: #ffffff; background-image: none; }
	h1, h2		{ color: #333333; }
	h1		{ margin: 0 auto; }
	#wrapper,
	body,
	#middle		{ background: none; }
	#menuh,
	#header,
	#searchwebbanner,
	.stotop,
	#leftcontainer,
	#pagetree,
	#contact,
	#print,
	#footer		{ display: none; }
	#middle		{ margin: 0; width: 100%; }
	.productdisplaytext	{ width: 540px; }
}