html {background-color:#412217;/* on texture 6b442c */ background-image:url('bkgrnd-unsp638559-500q70.jpg');
	/* background-attachment:fixed; */}
html,body {margin:0;padding:0;height:100%;color:#000;font-family:Tahoma,Arial,sans-serif;font-size:18px;}
a, a:visited a:active, a:hover {color:#6b442c}
body {margin:10px;}
#header {background-image:url('header-unsp90607-1000q70.jpg');/* see retina */
	background-size:auto 100%;background-repeat:no-repeat;background-position:bottom left;/* see mob */
	width:100%;max-width:1000px;height:310px;margin:0 auto;border-radius:10px;box-shadow:0 2px 20px -2px #111;transition:all .5s;
}
#logo {padding:12px 0 0 18px;transition:all .5s;}
#logo img {display:none;} /* for print */
#logo div {background-image:url('mgc-logo-wh-280.png');/* see retina */
	background-repeat:no-repeat;background-size:contain;width:280px;height:280px;
}
@media
	only screen and (-webkit-min-device-pixel-ratio:2),
	only screen and (   min--moz-device-pixel-ratio:2),
	only screen and (     -o-min-device-pixel-ratio:2/1),
	only screen and (        min-device-pixel-ratio:2),
	only screen and (                min-resolution:192dpi),
	only screen and (                min-resolution:2dppx) {
	/* Retina */
	#header {background-image:url('header-retina-unsp90607-2000q60.jpg');}
	#logo div {background-image:url('mgc-logo-wh-560.png');}
}
#content {width:100%;max-width:1000px;background:#fff;height:auto;min-height:420px;
	margin:10px auto;padding-top:25px;border-radius:10px;box-shadow:0 2px 20px -2px #111;transition:all .5s;
}
.text,.genpage { padding:0 25px 25px 25px; } /* see mob genpage */
.text {display:table-cell;vertical-align:top;}
.text.infobox {width:260px;padding-left:0;text-align:center;font-size:17px;}
.infobox .inwrap {
	transition:padding .5s;
	background:-moz-linear-gradient(to bottom right,#ebe1d7,#e4be98);
	background:-webkit-linear-gradient(to bottom right,#ebe1d7,#e4be98);
	background:linear-gradient(to bottom right,#ebe1d7,#e4be98);
	border:1px solid #4c2713;border-radius:5px;box-shadow:2px 2px 4px #333;
	padding:10px 7px 15px 7px;
}
.text p,.genpage p {margin:0 0 1.25em 0;}
.text p.mrgbtm {margin-bottom:.5em;}
p .cincy {font-size:12px;font-style:italic;}
.text p:last-child,.genpage p:last-child {margin-bottom:0;}
.text p span.nw,.genpage p span.nw {white-space:nowrap;}
h1,h2 {font-family:'Parisienne',cursive;margin:0 0 2px 0;font-size:30px;}
h2 {font-size:28px;} h3 {margin:0 0 .5em 0;font-size:20px;}/*h3 for error p*/
.believe h2 {font-family:Tahoma,Arial,sans-serif;font-variant:small-caps;font-size:24px;}
.believe h2 {margin-top:1.5em;color:#333;}
.infobox h2 {margin:0;} /* xtra margin, 5px 0 */
.infobox p { margin:0 0 15px 0; } /* lessen btm mrg */
.infobox h2 { border-top:1px solid #CDB49D;padding-top:10px; }
.infobox h2:first-child { border:0; padding:0; }
.smbttn {background-color:#A67B53;border:1px solid #A67B53;display:inline-block;color:#fff;padding:6px 18px;
	margin:8px 0 0 0;border:none;border-radius:2px;cursor:pointer;font-size:12px;text-decoration:none;
} .smbttn:hover{color:#fff} /* color also on contactform */
/* .smbttn:hover {background-color:#8D6946;} */

#mobmenu { display:none; }

#footer {font-size:12px;color:#755E52;text-align:center;padding:0 0 50px;}

/* Messages Page */
.msgDate {
 	background-color:#ebe1d7;border:1px solid #C3B0A9;border-radius:5px;
	padding:5px 10px;float:left;text-align:center;font-size:16px;
	color:#555;width:75px;
}
.msgDate span {font-size:13px;}
.msgDate.sel {color:#fff;border-color:#4C2713;
	background:-moz-linear-gradient(to bottom right,#614D37,#362919);
	background:-webkit-linear-gradient(to bottom right,#614D37,#362919);
	background:linear-gradient(to bottom right,#614D37,#362919);
} /* see print */
.msgMobsite {display:none;} .msgFullsite {display:inline;}
.msgBox {margin-left:85px;padding-left:20px;}
.msgTitle {padding:5px 10px;border:1px solid #C3B0A9;border-radius:5px;
	background-color:#eee;color:#545454;
}
.msgTitle a, .msgTitle .noAudioAvail {color:#545454;text-decoration:none;}
.msgTitle a:hover, .msgTitle .noAudioAvail:hover {color:#000;}

.msgIcons {float:right;font-weight:normal;font-size:15px;}
.msgIcons a {color:#545454;text-decoration:none; white-space:nowrap; }
.msgIcons a:hover span {text-decoration:underline;}
.msgIcons span {font-size:12px;}
.msgAuthor {padding-left:15px;font-size:12px;color:#aaa;font-style:italic;}
.msgEach {clear:both;padding-top:20px;}
.msgEach.msgOne {padding-top:0;}
/* .msgEach:hover .msgDate {border-color:#4c2713;background-color:#CFC0B1;}
.msgEach:hover .msgDate.sel {color:#fff;
	border-color:#4C2713;
	background:-moz-linear-gradient(to bottom right,#362919,#614D37);
	background:-webkit-linear-gradient(to bottom right,#362919,#614D37);
	background:linear-gradient(to bottom right,#362919,#614D37);
}
.msgEach:hover .msgTitle {border-color:#4c2713;background-color:#ccc;}
*/
/* .msgEach:hover .msgTitle {color:#000;} rm 22jul25 - added noAudioAvail */


.audioTag { width:100%;height:25px;margin:0 auto; }
.audioTagErr { font-size:12px; color:darkred; }
.miniPlayerDiv { float:right;width:500px;margin-top:5px;display:none; text-align:center; }
@media screen and (max-width:900px) {
	.miniPlayerDiv { width:380px; }
}
@media screen and (max-width:750px) {
	.miniPlayerDiv { width:300px; }
}

/* special announcement */
.ancTxtLn { border:1px solid red; padding:8px; color:#D00; background-color:#EBE1D8; border-radius:5px; } /* hidden on print */
.ancTxtBx { /* border-bottom:1px solid #CDB49D; */ color:#D00; } /* hidden on print */
.ancAlertMob { display:none; } /* on home */

@media screen and (max-width:710px),print {/* mob-1 and print */
	/* Site */
	#mobmenu { display:block;float:right; font-size:16px; padding:25px 25px 0 0; } /* match .text, .genpage */
	#mobmenu a { text-decoration:none; color:#222; white-space:nowrap;}
	#mobmenu a:first-child { padding-right:15px; }
	.smbttn {font-size:18px;}
	h1,h2 {font-size:30px;}
	html,body,.text.infobox {font-size:18px;}
	html {background-image:none;background-color:#412217;}
	body {margin:0;}
	#header {border-radius:0;height:300px;box-shadow:none;background-position:0 100%;} /*transition already set*/
	#content {margin:0;border-radius:0;box-shadow:none;padding-top:50px;} /*transition set*/
	.text {display:block;padding-bottom:50px;}
	.text.infobox {width:100%;max-width:100%;margin:0 auto;padding:0;}
	.infobox .inwrap {border:none;border-radius:0;box-shadow:none;padding:50px 7px;text-align:center;margin:0 auto;}

	.infobox h2 {margin:5px 0;} /* xtra margin, 5px 0 */
	.infobox p { margin:0 0 1em 0; }
	.infobox h2 { border:0;padding-top:50px; }
	.infobox h2:first-child { margin-top:0; border:0; padding:0; }

	#footer {padding:25px 0 90px 0;/* color:#333; */}

	.ancAlertMob { display:block; } /* on home */

}


@media screen and (max-width:900px) {
	.infobox h2 { margin-top:20px;padding-top:20px; } /* little more spacing */
	.infobox h2:first-child { margin-top:0px; }
	.infobox .inwrap {padding:15px 7px 20px 7px;} /* more padding; see max-width:800 */
}
@media screen and (max-width:800px) {/* mob-1 and print */
	.infobox h2 { margin-top:25px;padding-top:25px; } /* little more spacing */
	.infobox h2:first-child { margin-top:0px; }
	.infobox .inwrap {padding:25px 7px 40px 7px;} /* more padding; see max-width:800 */


	/* Messages */
	.msgDate {float:none;width:auto;border-radius:4px 4px 0 0;border-width:0 0 1px 0}
	.msgDate,.msgDate span {font-size:16px;}
	.msgMobsite {display:inline;} .msgFullsite {display:none;}
	.msgBox {margin:0;padding:5px 0;}
	.msgTitle {padding-top:0;border:0;background-color:transparent;text-align:center;}
	.msgTitle a:hover {color:#545454;} /* same as non */
	.msgEach {border:1px solid #C3B0A9;border-radius:5px 5px 0 0;background-color:#eee;
		clear:both;padding-top:0;max-width:550px;margin:0 auto 15px;}
	.msgEach.msgOne {border:1px solid #4C2713;padding-top:0;}
	/* .msgEach:hover .msgDate {border-color:#C3B0A9;background-color:#ebe1d7;}
	.msgEach:hover .msgDate.sel {border-color:#4C2713;
		background:-moz-linear-gradient(to bottom right,#614D37,#362919);
		background:-webkit-linear-gradient(to bottom right,#614D37,#362919);
		background:linear-gradient(to bottom right,#614D37,#362919);
	}
	.msgEach:hover .msgTitle {border:0;background-color:#eee;}
	*/
	.msgEach:hover .msgTitle {color:#545454;}
	.msgMobsite.msgAuthor {padding:0;display:block;}
	.msgIcons, .msgIcons span {float:none;font-size:16px;padding-top:5px;}
	.msgIcons a, .msgIcons a:hover {color:#545454;}
	.msgIcons a:hover span {text-decoration:none;}
	.msgIcons a {padding-right:10px;}
	.msgIcons a:last-of-type {padding-right:0;}
	#msgMobMore {display:none;}
	#msgShowMore {display:block;text-align:center;}
	.audioTag { width:90%; }
	.miniPlayerDiv { float:none; width:auto; max-width:400px; margin:5px auto 0 auto; }
}
@media screen and (max-width:350px) {
	.msgIcons a:nth-child(3) { display:none; color:red; }
	.msgIcons a {padding-right:0;}
	.msgIcons a:first-of-type {padding-right:10px;}
}

@media screen and (max-width:500px) {
	#header {background-position:37% 100%;/* loading full retina anyway b/c of required height. | transition set*/}
	#logo {
		background:-moz-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%);/* FF3.6-15 */
		background:-webkit-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%);/* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */
		padding:15px 0 0 0;text-align:center;height:100%; /*transition set*/
	}
	#logo div {margin:0 auto;}
	#logo div {height:100%;max-height:280px;width:auto;background-position:center;}
}

/*Based on https://www.w3schools.com/css/css_form.asp*/
#contactform {width:100%;/*max-width:600px;*/ margin:0 auto;font-size:16px;}
#contactform input, #contactform submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#contactform input[type=text], #contactform input[type=email], #contactform input[type=tel],
#contactform textarea, #contactform select {
	width:100%;padding:12px 10px;margin:8px 0 20px 0;
	display:inline-block;
	border:1px solid #ccc;border-radius:4px;
	box-sizing:border-box;/*Safari 5+, IE 8+, Chrome 10+, FF 29+*/
	-moz-box-sizing:border-box;/*FF 2+*/
	-webkit-box-sizing:border-box;/*Safari 3.2+, Chrome 4+*/
	background-color:#eee;
	font-size:16px;/*must be at least 16 to prevent form from zooming in on iPhone */
}
/*#contactform input[type=email]:invalid {border-color:red;}*/
#contactform input[type=submit] {
	width:100%;color:#fff;
	background-color:#A67B53;
	padding:12px 18px;margin:8px 0 25px 0;border-radius:2px;cursor:pointer;border:1px solid #A67B53;
	font-size:16px;
}
#contactform #html_element {text-align:center;margin-bottom:2em;}
#contactform #html_element div {margin:0 auto;}
#contactform label {display:block;/*req'd for margin/padding to work*/}
#contactform label span.opt {color:silver;}
#contactform label span.alert {color:#c00;padding-left:10px;display:none;} /*mobile, block?*/
#contactform label.cmntbotlab {display:none;}
#contactform .cmntspmno, #contactform input.cmntspmno {color:red;display:none;} /* 4/8/22 */
#contactform div.alert {color:#c00;display:none;text-align:center;padding-bottom:5px} /*mobile, block?*/
#contactform div.alert.snderr {display:block;border-radius:5px;border:1px solid #c00;padding:5px;margin-bottom:10px;background:#eee;}
/* #contactform div.alert.sndok {font-size:20px;display:block;color:silver;border-radius:5px;border:1px solid #888;padding:5px;margin-bottom:2em;background:#111;} */


/* Print */
@media print {/* see shared styles w/mobile 700  */
	h1,h2 {font-size:20px;font-family:Arial,sans-serif;}
	html,body,.text.infobox {font-size:16px;}
	#header {background:none;margin:0 auto;padding:0;height:auto;}
	#logo {background:none;text-align:center;padding:0;}
	#logo div {background:none;margin:0 auto;padding:0;height:auto;width:auto;}
	#logo img {display:block;margin:0 auto;}
	html {background:white;}
	.smbttn {display:none;}
	.text,.genpage {padding-bottom:25px;}
	.infobox .inwrap {border-top:1px solid #000;background-image:none;padding:25px 0;}
	#footer {border-top:1px solid #000;padding:10px 0 0;margin:0;}
	#content {padding-top:0;min-height:0;}
	.inwrap p br {display:none;}
	.inwrap p span.prt::before {content:",";}
	p .cincy {display:block;}
	.msgDate.sel {color:#000;border-color:#000;
		background:#fff;
	}
	.ancTxtLn,.ancTxtBx { display:none; }
}