.respsm { display: none; }
@font-face {
    font-family: 'LegacySer';
    src: url('webfonts/leg.woff2') format('woff2'),
         url('webfonts/leg.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
input {
	width: 100%;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 14px;
	background-color:transparent;
	color:#FFE4AF;
	border: 0;
	border-bottom:#861 1px solid;
	margin-bottom: 20px;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	outline: none; /* turn off android/chrome styling of focused text input boxes */
	padding:0;
}
input:focus { border-color:#FFE4AF; }
input[type="submit"] { width: auto; cursor: pointer; line-height: 20px !important; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="submit"] {
  -webkit-appearance: none; /* turn off ios styling of text input boxes */
}
/*https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/*/
input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { 
	-webkit-text-fill-color:#FFE4AF;
	transition: background-color 5000s ease-in-out 0s;
}
/*https://css-tricks.com/almanac/selectors/p/placeholder/*/
::-webkit-input-placeholder {
  color: #861;
}
::-moz-placeholder {
  color: #861;
}
:-ms-input-placeholder {
  color: #861;
}
:-moz-placeholder {
  color: #861;
}

a:link, a:visited, a:active {
	color: #FFE4AF; text-decoration: none; border-bottom:dotted 1px #D4BA87;
}
a:hover {
	color: #FFE4AF; text-decoration: none; border-bottom:solid 1px #FFE4AF; background: #886611;
}
.sublink, a.sublink:link, a.sublink:visited, a.sublink:active, a.sublink:hover {
	border-bottom:1px dotted #37220B;
	background:none;
	color: #D4BA87;
	text-underline: none;
	font-weight:normal;
}
h1, h2 {
	font-family: LegacySer;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 28px;
	margin: 0;
	color: #861;
}
h1 {
	font-size: 40px;
	letter-spacing: 4px;
	line-height: 50px;
}
body  {
	font: 100% 'Montserrat', Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #37220B;
	background-image: url(/bg.jpg);
	background-repeat: repeat;
}
body,td,th {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 14px;
	color: #D4BA87;
}
p { margin: 20px 0;	}
li { margin-bottom: 20px; }
.xmassnow {
	background-image: url(/bg-xmas.jpg);
	background-repeat: repeat-x;
}
#overlay  {
	position:absolute;
	z-index: 999;
	margin: 0 auto;
	width: 100%;
	text-align:center;
	overflow:hidden;
}
.lightbold {
	color:#FFE4AF;
}
.goldbold {
	color:#886611;
}
.error {
	color:#CC0000;
}
.squarelist {
	list-style-type:square;
	padding:0;
	margin:20px 0 20px 13px;
}
.squarelist li ul li { margin-bottom: 0; }
.nodec { border:none; background:none; outline:none; }
a.nodec:link { border:none; background:none; outline:none; }
a.nodec:visited { border:none; background:none; outline:none; }
a.nodec:active { border:none; background:none; outline:none; }
a.nodec:hover { border:none; background:none; outline:none; }


#container { 
	width: 702px;
	margin: 0 auto;
	border: none;
	padding: 0;
	text-align: left;
} 
#logo {
	background: none;
	border: none;
	padding-top: 75px;
	text-align: right;
	margin-right: -6px;
} 
#pic { 
	padding:0;
	margin:0;
	border:0;
	background:none;
	width:702px;
	height:473px;
} 
#body { 
	clear:both;
	text-align:left;
	padding:0;
	margin:0;
	background:url(/bodybg.jpg) repeat-y;
	width:702px;
} 
#sidenav {
	float: left;
	width: 256px;
	height:248px;
	margin:0;
	border: none;
	padding:20px;
	text-align:right;
}
#sidenav a, a.nextbutton, input[type="submit"] {
	border:2px solid #554A11;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	background:none;
	outline:none;
	font-weight: normal;
	letter-spacing: 1px;
	opacity: 0.7;
	padding: 5px 14px 4px;
	line-height: 34px;
	text-transform: uppercase;
	font-family: 'LegacySer';
	font-size: 14px;
}
a.nextbutton {
	border-color: #861;
}
a.nextbutton span {
	color: #861;
}
#sidenav a:hover, #sidenav a:focus, #sidenav a:active {
	border-color:#523A0E;
	background:#861;
	opacity: 1.0;
}
a.nextbutton:hover, a.nextbutton:focus, a.nextbutton:active, input[type="submit"] {
	border-color:#37220B;
	background:#861;
	opacity: 1.0;
}
a.nextbutton:hover span, a.nextbutton:focus span, a.nextbutton:active span {
	color:#37220B;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
	border-color:#FFE4AF;
}
.bodytext { 
	padding:0 62px 0 30px;
	margin:0;
	margin-left:292px;
	border: none;
	text-align:left;
	line-height: 180%;
} 
#footer { 
	padding:0 0 25px 0;
	text-align: center;
	color: #554A11;
	font-size:12px;
} 
#footer a:link, #footer a:visited, #footer a:active { color: #554A11; }
#footer a:hover { color: #FFE4AF; background: none; }
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#pinitbutton a:hover {
	border-bottom:0 !important;
}

.review {
/*	font-weight: bold; */
	font-size: 13px;
	line-height: 150%;
	color: #D4BA87;
	margin-left: 30px;
	margin-bottom: 60px;
}
.review .quote {
	font-family: LegacySer;
	font-weight: normal;
	font-size: 36px;
	color: #861;
	line-height: 36px;
}
.review .quoteleft {
	text-align: left;
	line-height: 0;
}
.review p { margin: 0; }
@media only screen and (max-width: 759px) {
	.review {
		font-size: 16px;
		line-height: 180%;
		color: #D4BA87;
		margin-left: 0;
		margin-top: 30px;
		margin-bottom: 60px;
	}
	.review .quote { font-size: 46px; line-height: 46px; text-align: right; }
	.review .quoteleft { line-height: 10px; text-align: left; }
	#reviewName { text-align: right; }
}
@media only screen and (max-width: 419px) {
	.review { font-size: 15px; }
}

.social {
	position:relative;
/*	margin-top:-30px;*/
	margin-top: -182px;
	width:260px;
	padding-right:25px;
	padding-bottom:15px;
	text-align:right;
	color: #861;
}
.social h4 {
	text-transform: uppercase;
	font-family: 'LegacySer';
	font-size: 14px;	
	font-weight: normal;	
	letter-spacing: 1px;
	display: inline-block;
	margin: 1px 8px 0 0;
}
.socialicons {
	float: right;
}
.socialicons i {
	font-size: 18px;
	font-weight: normal;
	margin-left: 8px;
}
.socialicons a {
	border: 0;
	outline: none;
	color: #861;
}
.socialicons a:hover, .socialicons a:active, .socialicons a:focus {
	color: #FFE4AF;
	opacity: 0.7;
	background: none !important;
}
#footer .social { 
	width: auto;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
	color: #FFE4AF;
}
#footer .social h4 {
	margin: 0 0 8px 0;
	opacity: 0.7;
}
#footer .socialicons {
	float: none;
}
#footer .socialicons i {
	margin: 0 6px;	
}
#footer .socialicons a {
	color: #FFE4AF;
	opacity: 0.7;
}
#footer .socialicons a:hover, #footer .socialicons a:active, #footer .socialicons a:focus {
	opacity: 1.0;
}
/*
#footer a:link, #footer a:visited, #footer a:active { color: #554A11; }
#footer a:hover { color: #FFE4AF; }
*/

/*
navigation
http://www.cssscript.com/pure-css-mobile-compatible-responsive-dropdown-menu/
http://codepen.io/andornagy/pen/RNeydj

this can be used for desktop/computer/large views, but right now is turned off for those
*/
.toggle,
[id^=drop] {
	display: none;
}
nav { 
	margin:0;
	padding: 0;	
	background-color: #554A12;
	border: #856413 2px solid;
	border-width: 2px 0;
	font-family: 'LegacySer';
	text-transform: uppercase;
	text-align: left; /* if center aligned */
}
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {
	content:"";
	display:table;
	clear:both;
}
/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	/*float: right; can be used to align to right */
	display: inline-block; /* if center aligned */
	/* For IE, the outcast */
/*	zoom:1;
	*display: inline;*/
	
	padding:0;
	margin:0 auto;
	list-style: none;
	position: relative;
}	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0;
	display:inline-block;
	float: left;
	background-color: #554A12;
}
/* Styling the links */
nav a, nav a:link, nav a:visited, nav a:active {
	display:block;
	color:#FFE4AF;
	font-size:15px;
	opacity: 0.7;
	letter-spacing: 1px;
	padding:2px 30px 0;
	line-height: 44px;
	text-decoration:none;
	border: none;
}
nav ul li ul li:hover { background: #856613; }
/* Background color change on Hover */
nav a:hover { 
	background-color: #856613;
	opacity: 1.0; 
}
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	top: 46px; /* has to be the same number as the "line-height" of "nav a" */
	border: 0;
	z-index: 1000;
}	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}	
/* First Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	text-align: left;
	display:list-item;
	position: relative;
	z-index: 999;
	border: 0;
}
/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-46px;
	left:170px; /* has to be the same number as the "width" of "nav ul ul li" */
}
/*
li > a:after { 
    font-family: FontAwesome;
    content: "\f107";
	margin-left: 8px;
	line-height: 32px;
}
*/
li > a:only-child:after {
	content: '';
	margin-left: 0;
}
/*
#mobilemenulabel:before { 
    font-family: FontAwesome;
    content: "\f0c9";
	margin-right: 8px;
	line-height: 44px;
	font-weight: normal;
}
*/

@media only screen and (max-width: 951px) {
	body, td, th, input { font-size: 16px; }
	#sidenav a, a.nextbutton, input[type="submit"] { padding: 10px 14px 8px; line-height: 42px; }
}

@media only screen and (max-width: 759px) {
	.resplg { display: none; }
	.respsm { display: block; }
	#container { width: 100%; } 
	#logo { text-align: left; padding-top: 56px; padding-left: 30px; margin-right: 0; } 
/*	a.nextbutton, input[type="submit"] { margin*/
	h1 { font-size: 30px; letter-spacing: 2px; }
	#pic { width: 100%; height: auto;  }
	#pic .respsm { width: 100%; }
	#pic img.respsm { border-bottom: 2px solid #856413; }
	#body { width: 100%; background: #523A0E; }
	.bodytext { padding: 30px; margin-left:0; } 
	.social {
		background: #554A12;
		border-top: 2px solid #856413;
		margin-top:0;
		width:auto;
		text-align:left;
		padding: 30px;
	}
	.social h4, .socialicons { float: left; }
	#footer { 
		clear: both;
		background: #554A12;
		padding: 0 30px 30px 30px;
		text-align: left;
		color: #856413;
		font-size:12px;
	} 
	#footer a { color: #856413 !important; }
	#footer a:hover { color: #FFE4AF !important; }
	#footer .social { text-align: left;	color: #FFE4AF; border-top: 0; padding-top: 20px; padding-bottom: 10px; }
	#footer .social h4 { margin-right: 10px; }
	#footer .socialicons a { color: #FFE4AF !important;	}

	
	
	
	nav {
		margin: 0;
	}
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}
	/* Styling the toggle label */
	.toggle {
		display: block;
		background-color: #554A12;
		color:#FFE4AF;
		opacity: 0.7;
		padding:2px 30px 0;
		line-height: 44px;
		font-size:15px;
		letter-spacing:1px;
		text-decoration:none;
		border:0;
	}
	.toggle:hover {
		background-color: #856613;
		opacity: 1.0;
	}
	/* Display Dropdown when clicked on Parent Label */
	[id^=drop]:checked + ul {
		display: block;
	}
	/* submenu arrow */
	li label {
		float: right;
		border-left: 1px solid #999 !important;
		padding-top: 2px !important;
	}
	/*
	li label:before {
		font-family: FontAwesome;
		content: "\f107";
		line-height: 44px !important;
		padding: 0 4px;
	}
	*/
	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		border-top: 0;
		text-align: left;
	}
	nav ul ul {
		border-bottom: 0;
	}
	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 46px;
	}
	nav ul ul ul a {
		padding: 0 92px;
	}	
	nav a:hover,
 	nav ul ul ul a {
		background-color: #856613;
	}  
	nav ul li ul li .toggle,
	nav ul ul a,
	nav ul ul ul a{
		padding:2px 30px 0;
		line-height: 44px;
		color:#FFE4AF;
		font-size:15px; 
		letter-spacing: 1px;
	} 
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #554A12; 
	}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #FFE4AF;
	}		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}		
	/* First Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		border: 0;
		border-top: 0;
	}
	nav ul ul li a, nav ul ul li a:link, nav ul ul li a:visited, nav ul ul li a:active {
		color: #CCC;
		padding: 0 30px 0 36px;
		line-height: 36px;
	}
	nav ul ul ul li {
		position: static;
	}
	li > a:after { content: "";	}	
	
}
@media only screen and (max-width: 419px) {
	body, td, th { font-size: 15px; }
	#logo { padding-top: 40px; padding-left: 20px; } 
	h1 { font-size: 24px; letter-spacing: 1px; }
	h2 { font-size: 20px; }
	.bodytext { padding: 20px; margin-left:0; }
	nav a, nav a:link, nav a:visited, nav a:active, .toggle, nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a, nav ul ul li a, nav ul ul li a:link, nav ul ul li a:visited, nav ul ul li a:active { padding-left: 20px; }
	p {	margin: 15px 0;	}
	li { margin-bottom: 15px; }
	.squarelist { margin:15px 0 15px 13px; }
	#imgMap { width: 100%; height: auto; }
	.social { padding: 20px; padding-top: 30px; }
	#footer { padding: 0 20px 20px 20px; } 
	#footer .social { padding-top: 30px; } 
}
@media only screen and (max-width: 335px) {
	#sidenav a, a.nextbutton, input[type="submit"] { letter-spacing: 0;	}
}
@media only screen and (max-width: 319px) {

}



	

@media all and (max-width:760px) {
    #overlay { display: none; }
	.xmassnow { background-image: url(/bg.jpg); }
}