

/* #Site Styles
================================================== */


html {
	overflow-x: hidden;
}

body {
	margin: 10px 0 35px 0;
	/* grey 
	background: #808080; */
	background-image: url('../images/bg.JPG'); 
	font-family: allerregular, Arial, Helvetica, sans-serif;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.maincontainer {
	width: 990px;
	margin: 0 auto;
	/* grey */
	background-color: #8a795d; /*modified 11/24/21 gray shadow*/
	/* background: url('../images/noise.png'), url('../images/grad1.jpg') top repeat-x, #F9EED0; */

	-webkit-box-shadow: inset 0 0 10px #000000, 0 0 25px #000000;
	-moz-box-shadow: inset 0 0 10px #000000, 0 0 25px #000000;
	box-shadow: inset 0 0 10px #000000, 0 0 25px #000000;
	border: 12px solid #000000; 
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
	/* -moz-border-radius: 250px/250px;
	-webkit-border-radius: 250px/250px;
	/* -moz-border-radius: 250px/150px;
	-webkit-border-radius: 250px/150px; */
	/* border-radius: 100px/100px; THIS CODE COMMENTED OUT CHANGES TOP LEFT AND RIGHT CORNERS*/
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	/*	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px; */
}

.bodytext {
	text-align: center;
	margin: 0 10px 0 10px;
	/* #120B0B is like a black */
	color: #120B0B;
	font-size: 20px;
	line-height: 30px;
}

.headerimage {
	width:800px;
	border:9px solid black; 
}

.scale-with-grid {
	/* this is like a grey */
	background: #8a795d;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border: 3px solid #808080;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .8);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .8);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .8);
}

.centered {
	text-align: center;
}

.rightmorph {
	display: inline;
	float: right;
	text-align: right;
}

.leftmorph {
	display: inline;
	float: left;
	text-align: left;
}

.gap {
	height: 25px;
}

.nobottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.half-bottom {
	margin-bottom: 10px !important;
}

.add-bottom {
	margin-bottom: 20px !important;
}

.nojavascript {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-top: 5px;
	height: 35px;
	/* like a reddish */
	background: #8a795d; /*changed to shadow color 11/24/21*/
	color: #808080;
	font-size: 20px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
}

a:link, a:visited {
	/* like a blue */
	color: #0000FF;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.pagehdg {
	margin-top: 10px;
	color: #120B0B;
	font-size: 36px;
	line-height: 54px;
	font-weight: bold;
	text-align: center;
}

input[type="text"], input[type="password"], select {
	background: #FFFFFF;
	margin: 0 2px 0 2px;
	color: #010202;
	padding: 0 2px 0 2px;
	font-size: 14px;
	line-height: 19px;
	border: 1px solid #669933;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 6px #CCCCCC inset;
	-moz-box-shadow: 0 0 6px #CCCCCC inset;
	box-shadow: 0 0 6px #CCCCCC inset;
}

input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 0 0 2px;
	padding: 0;
}

input[type="submit"], .footmenu li a {
	background: #FF0000;
	color: #000000;
	margin: 0 2px 0 2px;
	padding: 0 2px 0 2px;
	font-size: 14px;
	line-height: 19px;
	text-decoration: none;
	border: 2px solid #000000;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	/*	color: #F8EFD1;
	margin: 0 2px 0 2px;
	padding: 0 2px 0 2px;
	font-size: 14px;
	line-height: 19px;
	text-decoration: none;
	border: 2px solid #FBC656;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; */
}
}

input[type="submit"]:hover, input[type="submit"]:focus, .footmenu li a:hover, .footmenu li a:focus {
	color: #FFFFFF;
	background: #FFFFFF;
	text-decoration: none;
	border: 2px solid #000000;
	
	/*color: #FFFFFF;
	background: #F7020A;
	text-decoration: none;
	border: 2px solid #000000; */
}

.footmenu li {
	display: inline-block;
	margin: 5px 0 5px 0;
}

 .footmenu li a {
	padding: 2px 5px 2px 5px !important;
	font-family: yanone_kaffeesatzregular, allerregular, sans-serif, Arial, Helvetica;
	font-size: 20px;
	line-height: 30px;
	text-shadow: 1px 1px 2px #000000;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.copyright {
	color: #333333;
	font-size: 16px;
	line-height: 20px;
}

.gap {
	height: 15px;
}

.logo {
	width: 1260 px;
	height: auto;
}

.logo1 {
	width: 525px;
	height: auto;
}

.social {
	position: relative;
	left: 380px;
	top: -38px;
}

.social div {
	position: relative;
	height: 35px;
	line-height: 35px;
	text-align: center;
	vertical-align: middle;
	z-index: 99999;
}

.phonenum {
	vertical-align: middle;
	font-family: Arial, sans-serif, Helvetica;
	/* like a black */
	color: #120B0B;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
}

.googlemap {
	width: 850px;
	height: 500px;
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	.maincontainer {
		width: 790px;
		margin: 0 auto;
		border: 10px solid #808080;
		/* -moz-border-radius: 200px/120px;
		-webkit-border-radius: 200px/120px;
		border-radius: 200px/120px; */
		-webkit-border-bottom-right-radius: 40px;
		-webkit-border-bottom-left-radius: 40px;
		-moz-border-radius-bottomright: 40px;
		-moz-border-radius-bottomleft: 40px;
		border-bottom-right-radius: 40px;
		border-bottom-left-radius: 40px;
	}

	.logo {
		width: 600px;
	}

	.logo1 {
		width: 450px;
	}

	.social {
		left: 290px;
		top: -38px;
	}

	.phonenum {
		font-size: 24px;
	}

	.googlemap {
		width: 670px;
		height: 380px;
	}

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.gap {
		height: 5px;
	}

	.rightmorph {
		text-align: center;
	}

	.leftmorph {
		text-align: center;
	}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.maincontainer {
		width: 430px;
		margin: 0 auto;
		background-color: #808080;
		/*background: url('../images/noise.png'), url('../images/grad1a.jpg') top repeat-x, #F9EED0;*/
		border: 5px solid #000000;
		/* -moz-border-radius: 100px/60px;
		-webkit-border-radius: 100px/60px;
		border-radius: 100px/60px; */
		-webkit-border-bottom-right-radius: 40px;
		-webkit-border-bottom-left-radius: 40px;
		-moz-border-radius-bottomright: 40px;
		-moz-border-radius-bottomleft: 40px;
		border-bottom-right-radius: 40px;
		border-bottom-left-radius: 40px;
	}

	.logo {
		width: 380px;
	}

	.logo1 {
		width: 285px;
	}

	.copyright {
		/* greyish Black */
		color: #333333;
		font-size: 12px;
		line-height: 16px;
	}

	.social {
		left: 135px;
		top: -39px;
	}

	.phonenum {
		font-size: 22px;
	}

	.googlemap {
		width: 360px;
		height: 320px;
	}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.maincontainer {
		width: 310px;
		margin: 0 auto;
		background-color: #808080;
		/* background: url('../images/noise.png'), url('../images/grad1b.jpg') top repeat-x, #F9EED0; */
		/* border: 5px solid #120B0B; */
		border: 5px solid #000000;
		/* The following code adds the top left and right corner radius to main container */
		/* -moz-border-radius: 75px/45px;
		-webkit-border-radius: 75px/45px;
		border-radius: 75px/45px; */
		-webkit-border-bottom-right-radius: 40px;
		-webkit-border-bottom-left-radius: 40px;
		-moz-border-radius-bottomright: 40px;
		-moz-border-radius-bottomleft: 40px;
		border-bottom-right-radius: 40px;
		border-bottom-left-radius: 40px;
	}

	.logo {
		width: 270px;
	}

	.logo1 {
		width: 200px;
	}

	.copyright {
		color: #333333;
		font-size: 10px;
		line-height: 15px;
	}

	.social {
		left: 75px;
		top: -38px;
	}

	.phonenum {
		font-size: 18px;
	}

	.googlemap {
		width: 240px;
		height: 300px;
	}

}
