/*
 * Copyright (c) 2020 Carol Herbert - http://sleepyfrog.com
 */
 /*MAIN BODY*/
#mainBody {
width: 90%;
margin: 0 auto 10px auto;
}

/*HEADER*/
.headleft {
display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  align-content: flex-start;  
	padding-bottom: 5px;
}
.logo img {
width: auto;
height: 60px;
border: 0;
margin-right: 5px;
}
.logotext {
	color: #006600;
	font-size: 150%;
	font-weight: bold;
	text-transform: uppercase;
}
.tagline {
	color: #CC6600;
	font-size: 90%;
	font-weight: normal;
}
.headmid {
text-align: center;
margin: auto;
}
.headmid img {
width: auto;
height: 100px;
border: 0;
margin: auto;
}
.headright {
text-align: center;
margin: auto;
}

.telephone a {
	color: #006600;
	font-size: 36px;
	font-weight: normal;
	padding: 10px 0 10px 0;
	margin: 0px;
	text-decoration: none;
}
.telephone a:hover {
color: #FF6600;
}

.desktoponly {
display: none;
visibility: hidden;
}
.homeboxblock {
position: relative;
margin: auto;
box-sizing: border-box;
}
.Hboxinner {
box-sizing: border-box;
position: relative;
margin-bottom: 10px;
}
.Hboxhead {
padding: 10px;
background-color: #FF9900;
color: #ffffff;
font-size: 110%;
border-radius: 4px 4px 0 0;
	position: relative;
}
.Hboxtext {
padding: 10px 10px 30px 10px;
background-color: #DDDDDD;
font-size: 90%;
border-radius: 0 0 4px 4px;
	position: relative;
	color: #333333;
	line-height: 1.2em;
}
.Hboxlink a {
padding: 5px 10px 5px 10px;
background-color: #FF9900;
color: #FFFFFF;
text-decoration: none;
position: absolute;
bottom: 0;
right: 0;
border-radius: 4px 0 4px 0;
}
.Hboxlink a:hover {
background-color: #333333;
color: #FFFFFF;
text-decoration: none;
}
.homeContent {
width: 100%;
margin: 10px auto;
display: flex;
flex-direction: column-reverse;
	box-sizing: border-box;
	position: relative;
}
.Qtext {
	color: #CC6600;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-style: italic;
	line-height: 1.2em;
	padding-bottom: 5px;
}
.Qtext img {
width: 16px;
height: 16px;
margin: 0 5px;
}
.Qname {
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	line-height: 1.5em;
}
#curvebox {
	width: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #000000;
	background-color: #993300;
	-webkit-box-shadow: #B3B3B3 4px 4px 4px;
	-moz-box-shadow: #B3B3B3 4px 4px 4px; 
	box-shadow: #B3B3B3 4px 4px 4px;
	margin-top: 10px;
	padding: 5px;
}
#signup {
	color: #FFFFFF;
	padding-bottom: 10px;
}
#signup h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 4px 0 4px 5px;
	font-weight: bold;
	margin: 0 0 4px 0;
}
.indicates-required {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0px 0px 10px 5px;
}
.mc-field-group {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-left: 5px;
	margin-bottom: 5px;
}
.mc-field-group label {
	padding-bottom: 5px;
}	
.mailbutton {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
display:inline-block;
font-size:17px;
padding:4px 8px;
text-decoration:none;
cursor:pointer;
margin: 4px 0 4px 4px;
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
border:1px solid #ffaa22;
color:#333333;
text-shadow:0px 1px 0px #ffee66;
}	
.mailbutton:active {
position:relative;
top:1px;
}
.mailbutton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
}

.mc-field-group input {
border: 0;
font-size: 110%;
margin-bottom: 4px;
padding: 5px;
border-radius: 4px;
width: 80%;
}



/*FOOTER*/
.footerinner {
	width: auto;
	max-width: 100%;
	height: auto;
	z-index: 999;
	margin: auto;
	padding: 10px 10px 20px 10px;
	text-align: center;
}
.foothead {
font-size: 120%;
line-height: 1.2em;
margin-bottom: 5px;
margin-top: 20px;
color: #e9f2f2;
}
.botlinks {
font-size: 90%;
line-height: 2em;
}
.botlinks a {
color: #ffffcc;
text-decoration: none;
}
.botlinks a:hover {
color: #FFFFFF;
}
.icon-wrapper {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display:-webkit-flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; 
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: space-between;
	 margin: 5px auto 20px auto;
	 position: relative;
	 width: auto;
	 text-align: right;
}
.icon-wrapper div {
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.copyright {
color: #cccccc;
	line-height: 1.5em;
	font-size: 85%;
	margin-bottom: 5px;
}
.credits {
	line-height: 1.5em;
	font-size: 85%;
}
.credits, .credits a {
color: #999999;
text-decoration: none;
}
.credits a:hover {
color: #ffcc00;
}
.credits {
	font-size: 80%;
}
.Fphone, .Fphone a {
color: #ffffcc;
font-size: 30px;
text-decoration: none;
margin: 10px 0 15px 0;
}
.Fphone:hover, .Fphone a:hover {
color: #ffffff;
}
.Femail, .Femail a {
color: #ffffcc;
font-size: 24px;
text-decoration: none;
margin-bottom: 20px;
}
.Femail:hover, .Femail a:hover {
color: #ffffff;
}
.address {
color: #FFFFFF;
margin-bottom:10px;
}
.bothead {
color: #ffffff;
font-size: 110%;
text-decoration: none;
text-decoration: underline;
	line-height: 1.5em;
}


.profHead {
font-size: 170%;
}
.profJob {
font-size: 130%;
text-decoration: underline;
}
.profText {
font-size: 110%;
line-height: 1.5em;
}
.profText strong {
font-weight: 700;
}
.layoutL, .layoutR {
width: 100%;
}

.mainContent {
width: 100%;
margin: 10px auto;
	box-sizing: border-box;
	position: relative;
}

.homeContent p, .mainContent p {
font-size: 100%;
line-height: 1.5em;
margin-bottom: 10px;
}
.homeContent h2, .mainContent h2 {
font-size: 120%;
line-height: 1.5em;
margin-bottom: 10px;
}
.homeContent ul, .mainContent ul {
font-size: 100%;
margin-bottom: 10px;
margin-left: 30px;
}
.homeContent ul li, .mainContent ul li {
line-height: 1.5em;
}
.homeContent a, .mainContent a {
	color: #cc0000;
	text-decoration: none;
}
.homeContent a:hover, .mainContent a:hover {
	color: #ff9900;
	text-decoration: none;
}
.docheader {
font-size: 130%;
font-weight: normal;
color: #FF9900;
line-height: 1.5em;
}
#videos {
width: 100%;
	max-width: 100%;
}
#videos iframe {
	margin: 10px 0 10px 0;
	width: 100%;
}

.datesblock {
width: 100%;
position: relative;
}
.dateleft {
text-align:center;
}
.datesblock img {
margin: auto;
}
.gridtwo {
display: grid;
grid-template-columns: 90px auto;
column-gap: 5px;
}
.gridtwo div {
margin-bottom: 4px;
font-size: 90%;
line-height: 1.5em;
}
@media only screen and (max-width: 1000px)  {

	/* Force table to not be like tables anymore */
	.cars, #listcols, #listcols thead, #listcols tbody, #listcols th, #listcols tr, #listcols td { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#listcols thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#listcols tr { border: 1px solid #ccc;  margin-bottom: 20px;}
	
	#listcols td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 6px 10px 5px 30%; 
		text-align: left;
		font-size: 90%;
	}
	
	#listcols td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 2px;
		left: 2px;
		max-width: 49%; 
		padding: 6px 10px 5px 2px; 
		font-weight: bold;
		white-space: wrap;
	}	
	
#listcols td a {
z-index: 99;
}
}	

.pboxblock {
padding: 10px;
border: 1px solid #CC0000;
box-sizing: border-box;
font-size: 90%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10x;
	-webkit-box-shadow: #B3B3B3 4px 4px 4px;
	-moz-box-shadow: #B3B3B3 4px 4px 4px; 
	box-shadow: #B3B3B3 4px 4px 4px;
}
.docimageblock {
max-width: 100%;
box-sizing: border-box;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10x;
	margin-bottom: 20px;
object-fit: contain;
text-align: center;
}
.docimageblock div img {
max-width: 100%;
}
.docimageblock div.caption {
font-size: 90%;
text-align: center;
}
#gallimagebox {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 5px;
	text-align: center;
	border: 1px solid #cccccc;
}
#gallimagebox img {
	max-width: 100%;
}
.enqformleft {
display: block;
color: #333333; 
text-decoration: none; 
}
.gridtwoform {
width: 100%;
}
.gridtwoform div {
margin-bottom: 10px;
}
.forminput {
display: block;
width: 100%;
max-width: 400px;
font-size: 100%;
color: #006600;
}

.contactform input, .contactform textarea, .contactform select {
border-radius: 6px;
padding: 5px;
display: block;
}
.contactimg {
font-size: 80%;
text-align: center;
float: right;
margin-right: 10px;
margin-bottom: 10px;
}

.layoutL iframe {
min-width: 100%;
min-height: 100vw;
max-height: 100vw;
margin-bottom: 30px;
}

.datesblock {
text-align: left;
margin-bottom: 20px;
}
.dateleft {
width: 100%;
text-align: left;
}
.dateright {
text-align: left;
line-height: 1.2em;
}