body {font-family:Arial,helvetica,sans serif; font-size:18px; color:black; margin: 0px; }
h1 { color: #5B8C09; font-weight: bold; font-size: 32px; } 
.hdr1 { display: inline-block; text-align: center; font-size:36px; color:#F78F1E; font-weight; bold; }
.hdr1 span { font-size:18px; color:#000000; font-weight: normal; }
.footer {font-size:14px; }
strong { color: #5B8C09; font-weight: bold; font-size: 22px; }
.LgLink, .LgLink:visited { font-weight:bold; color: #5B8C09; text-decoration: none; }
.LgLink:hover { color: #F78F1E; }
.GrnLink, .GrnLink:visited { color: #5B8C09; text-decoration: none; }
.GrnLink:hover { color: #F78F1E; }
.smbody { font-size: 14px; color: #5B8C09; }
.quote { background: url(images/oquot.gif) top left no-repeat; padding: 22px 30px 0px 50px; padding-right: 30px; font-style: italic; }
label { display: inline-block; width: 140px; font-weight: bold; }
.FooterBox { width: 90%; max-width:900px; background: #FFF9F9; border: 1px solid #FFE6E6; text-align: center; }
.HdrButton { padding: 8px; box-shadow: 2px 2px 2px; border-radius: 12px; background-color: #dddddd; color: #000000; text-decoration: none; }
.HdrButton:hover { background-color: #bbbbbb; }
#HeadLeft, #HeadRight { display: inline-block; height: 235px; vertical-align: middle; text-align: center; }
#HomeLeft  { display: inline-block; width: 24%; }
#HomeRight { display: block; color: #666666; font-weight: bold; font-size: 24px; text-shadow: 1px 1px 2px #FBC78E; width: 74%; height: 100%; margin-top: 5%; }
@media (min-width: 1100px) {
	.DblWide { display: none; }
}
@media (min-width: 641px) {
	.Mob, #MobNav { display: none; }
	#MainBox { width:80%; background-color: white; text-align: left; }
	.LogoHeader { float:right; width:280px; }
	.PageHdrQuote { width: 66%; }
/*	#MidHome { width:100%; background-image: url('images/home-wide.jpg'); background-size: cover; background-repeat: no-repeat; }  */
	#NavWrapper { width: 100%;  background-color: #F89A34; height: 48px; }
	#nav, #nav ul{ width:80%; margin:0; padding:4; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; color: #5B8C09; }
	#nav a:link, #nav a:active, #nav a:visited{ display: block; padding: 0px 12px; color: #ffffff; text-decoration: none; font-weight: bold; }
	#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited { background-color: #ffffff; border-left: 1px dotted #666666; border-bottom: 1px dotted #666666; border-right: 1px dotted #666666; color: #5B8C09; }
	#nav a:hover{ background-color: #ffffff; color: #F78F1E; }
	#nav ul li a:hover{ background-color: #ffffff; color: #F78F1E; border-left: 1px dotted #666666; border-bottom: 1px dotted #666666; border-right: 1px dotted #666666; }
	#nav li{ float: left; position: relative; }
	#nav ul { position: absolute; width: 22em; top: 1.5em; display: none; }
	#nav li ul a{ width: 12em; float: left; }
	#nav ul ul{ top: auto; }	
	#nav li ul ul { left: 12em; margin: 0px 0 0 8px; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display: none; }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display: block; }
}
@media (min-width: 780px) {
	.Tablet { display: none; }
	#HeadLeft { float:left; }
	#HeadRight { float: right; }
	#HomeLeft { float:left; }
	#HomeRight { float: right; }
}
@media (max-width: 779px) {
	#HeadLeft, #HeadRight { width: 100%; }
	#HomeLeft { width: 50%; text-align: center; }
	.NoTablet { display: none; }
}
@media (max-width: 640px) {
	h1 { font-size: 24px; }
	strong { font-size: 18px; }
	.DT { display: none; }
	#MainBox { width:90%; background-color: white; text-align: left; }
	#nav { display: none; }
	.PageHdrQuote { width: 90%; }
	#MobNav { display: block; width: 100%; text-align: left; z-index: 200; top: 0; left: 0; }
	#MobNav a { display: block; line-height: 36px; padding-left: 12px; text-decoration: none; color: white; font-weight: bold; font-size: 18px; background-color: #F89A34; border-bottom: 2px white solid; }
	#MobNav a:hover { background-color: #FBC78E; color: #78A22F; }
	.hdr1 span { display: none; }
	.HdrButton { font-size: 12px; }
}
.PicStudio { width: 96%; max-width: 400px; max-height: 266px; }
.QuoteLabel { display: inline-block; width: 100%; text-align: right; font-family:Arial,helvetica,sans serif; font-size:18px; color:black; }

/* added for August 2019 updates */

.TopRow { display: inline-block; width:20%; text-align: center; }
.HomeBlock { display: inline-block; width: 240px; height: 320px; margin: 12px; position: relative; vertical-align: bottom; }
.MidHomeText { position: absolute; bottom: 0; font-size: 14px; text-align: center; font-style: italic; }
.Pic1:hover, .Pic2:hover, .Pic3:hover, .Pic4:hover { opacity: 0; }
#Logos img { padding: 0px 12px; }
small { font-size: 12px; }
.Trial { display: inline-block; background-color: #FAC285; text-align: center; color: white; width: 240px; height: 80px; font-size: 18px; padding-top: 20px; }