html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  height:100%;
  background: #D7E5F2;
}
   
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.cleardiv	{clear:both;}
br.less600	{display:none;}
.tabletOnly	{display:none;}
.phoneOnly	{display:none;}


body	{
	max-width: 60rem;
	display:flex;
	flex-direction: column;
	min-height:100%;
	margin: 0 auto;
	color: #333;
	box-shadow: 0 0 .2rem 0.2rem #7F7F7F;	
	background: #FFFFFF;
}

header	{	
	background: #F58220;
	margin:0;
	padding:0;
	height: 177px;
	overflow: visible;	
	background: -webkit-gradient(linear, left top, left bottom, from(#1340AD), to(#CED2E1));
	background: -moz-linear-gradient(top,  #1340AD,  #CED2E1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1340AD', endColorstr='#CED2E1');
	background-image: linear-gradient(to bottom, #1340AD 0%, #CED2E1 100%);
	background-image: -ms-linear-gradient(top, #1340AD 0%, #CED2E1 100%);
}

.siteHeaderLogoText	{
	display: flex;	
	width:100%;
}

.siteHeaderLogoText a#skipNav	{
	width:1px;
}	

.siteHeaderLogoText	a#headerLogo img {
	margin:.25rem; 
	border:none;
}

.siteHeaderLogoText	p a img {
	width:118px; margin-left:.5rem;
}

.siteHeaderLogoText p	{	
	margin:.5rem 0 0 0; 
	padding:0; 
	text-align:left; 
	font-weight:bold; 
	color:#fff;
}

.siteHeaderLogoText	p.headerTitle {
	margin-top:1.45rem;
	margin-left: .5rem;
	font-size: 1.75rem;
}
.siteHeaderLogoText p br.tabletOnly	{display:block;}



h1, h2, h3, h4, h5, h6 {text-align:left; font-weight: bold; clear:both; line-height: 2rem;}
h1 {font-size: 1.5rem; }
h2 {font-size: 1.25rem; margin-top:1rem;}	
h3 {font-size: 1.15rem; margin-left: .5rem; margin-top:1rem;}	
h4 {font-size: 1.15rem; margin-left: 1rem; margin-top:1rem;}	
h5 {font-size: 1.15rem; margin-left: 1.5rem; margin-top:1rem;}	
h6 {font-size: 1.15rem; margin-left: 2rem; margin-top:1rem;} 

ul, ol	{
	padding-left:1.75rem
}

li	{
	line-height: 2rem;
	margin: .5rem 0;
	font-size:1.15rem;
}

main	{	
	margin:  0;
	padding: 1rem 1.5rem;	
	background-color:#ffffff;
	clear:both;
	text-align:left;
}

main p	{
	text-align:left;
	line-height:2rem;
	margin-top:1rem;
	font-size:1.15rem;
}

img.cover	{width:18rem;}

main.laws p	{
	margin-left:1rem;	
}

main.laws h2	{
	margin-top:1.5rem;
}

main.laws h3	{
	margin-left:1rem;
}

main.laws ol, main.laws ul.finesList	{
	margin-left: 1.5rem;	
}

main.laws ul.finesList	{
	list-style-type:disc;
	
}

main.laws ol li, main.laws ul.finesList li	{
	line-height: 2rem; 
	margin-top:0rem; 
	margin-bottom:0rem;
}

ol.imagelist li	{
	clear:both;
}

ol.imagelist li img	{
	margin-top:1rem;
	display:block;
}

main img.floatR		{float:right; clear:left; margin: .5rem .5rem .5rem 1rem;}
main img.floatL		{float:left; clear:right; margin: .5rem 1rem .5rem .5rem;}

img.shadow	{
	border-radius:.25em; box-shadow: 0 0 .2em 0.1em #C0C0C0;
}

section	{margin:0; padding:0;}

form#taggingForm h2	{border-bottom: 2px solid #0334AA; width:98%; color:#0334AA;}


form#taggingForm label		{clear:both; display:inline; margin-right:.5em; cursor:hand; font-weight:bold;}
form#taggingForm label span.radioLabel	{position:relative; top:.25em; margin-left: 1em;}
form#taggingForm div.formLabels	{clear:both; display:block; margin: 1.5em 0; width:100%;}
form#taggingForm input		{display:inline; width:auto;}
form#taggingForm input.input-box	{width:50%; float:right; clear:left;}

ul.formDescriptionList	{ font-weight:normal; list-style-type: disc;}
ul.formDescriptionList li	{font-size:.85em; margin: 0 0 0 2em;}

form#taggingForm div#rewardYes	{width: 50%;}
form#taggingForm div#rewardYes input 	{display:inline;}
form#taggingForm div#rewardYes label	{margin: 1em 0; display:inline; width: 75%;  position:relative; top:.25em; }
form#taggingForm div#rewardYes label div	{display:inline; margin-right:.5em; width:300px;}
form#taggingForm div#rewardYes label div span	{font-size:.85em; font-weight:normal;}
form#taggingForm div#rewardYes label img	{width:150px; float:right; clear:left; margin-bottom: 1em; border-radius:.25em; box-shadow: 0 0 .2em 0.1em #C0C0C0;}

.modalDialog div {margin-bottom:1em;}
.modalDialog div p {text-align:left;}

form#taggingForm legend	{font-weight:bold;}


footer	{
	margin-top:auto; 
	background-color: #ebebeb; 
	padding: 0 1rem .75rem 1rem;
	position:relative;
	bottom:0;
}

footer p	{
	text-align:left;
	font-size: .80em;
}

footer img.floatR	{
	float:right; clear:left; margin: 1rem .5rem .5rem 1rem;
}






@media (max-width: 55rem) {
body	{
	box-shadow:none;
	background-color:#ffffff;
}

header	{
	height: auto;
}

.siteHeaderLogoText	a#headerLogo img {
	width:5rem;	
}

.siteHeaderLogoText	p a img {
	 margin-left:.5rem;
}




h1 {font-size: 1.6rem; }
h2 {font-size: 1.3rem; }	
h3 {font-size: 1.15rem; margin-left: .5rem;}	
h4 {font-size: 1.15rem; margin-left: 1rem;}	
h5 {font-size: 1.15rem; margin-left: 1.5rem;}	
h6 {font-size: 1.15rem; margin-left: 2rem;}

main p	{	
	font-size:1.15rem;
}

main img	{	
	text-align:center;
}

main li	{	
	font-size:1.15rem;
}

main.laws ol, main.laws ul.finesList	{
	margin-left: .5rem;	
}
main.laws h3	{
	margin-left:0rem;
}


footer p	{
	text-align:left;
	font-size: .80em;
	width:24rem;
}

footer img.floatR	{
	float:right; clear:left; margin: 1rem .5rem .5rem 1rem;
}


form#taggingForm label		{clear:both; display:inline; margin-right:.5em; cursor:hand; font-weight:bold;}
form#taggingForm label span.radioLabel	{position:relative; top:.25em; margin-left: 1em;}
form#taggingForm div.formLabels	{clear:both; display:block; margin: 1.5em 0; width:100%;}
form#taggingForm input		{display:inline; width:auto;}
form#taggingForm input.input-box	{width:90%; float:none; display:block; clear:left;}


form#taggingForm div#rewardYes	{width: 70%;}

}



@media (min-width: 32.001rem) and (max-width: 37rem) {
.siteHeaderLogoText	p.headerTitle {
	margin-top:2rem;
	margin-left: .5rem;
	font-size: 1.5rem;
}
}



@media (max-width: 32rem) {

.floatR, .floatL	{
	float:none; 
	clear:both; 
	margin:0 1%; 
	width:98%;
}

header	{
	height: auto;
}

.siteHeaderLogoText	p.headerTitle {
	 margin-left:3%; 
	 margin-top:.9rem;
	 font-size: 1rem; 
}


main	{	
	padding: 1rem .5rem;	
}

main li img.floatR		{float:none; clear:both; margin: 1rem .5rem .5rem 0rem;}
main li img.floatL		{float:none; clear:both; margin: 1rem 0rem .5rem .5rem;}

main.laws ol	{
	margin-left: 0rem;	
}


footer p	{
	text-align:left;
	font-size: .80em;
	width:100%;
}

footer img.floatR	{
	float:none; clear:both; margin: 1rem .5rem .5rem 0rem; width:95px;
}
.tabletOnly	{display:none;}
.phoneOnly	{display:block;}


form#taggingForm div#rewardYes	{width: 95%;}
form#taggingForm div#rewardYes label	{margin: 1em 0; display:inline; width: 75%;  position:relative; top:.25em; }
form#taggingForm div#rewardYes label div	{display:inline; margin-right:.5em; width:300px;}
form#taggingForm div#rewardYes label img	{width:150px; display:none;}
form#taggingForm div#rewardYes label img.formImg	{width:150px; display:block; float:none; clear:both; margin-bottom: 1em; border-radius:.25em; box-shadow: 0 0 .2em 0.1em #C0C0C0;}

}





@media (max-width: 22rem) {

.floatR, .floatL	{
	float:none; 
	clear:both; 
	margin:0 1%; 
	width:98%;
}

.siteHeaderLogoText a#headerLogo	{
	display:none;
}

.phoneOnly	{display:block;}

footer img.floatR	{
	float:none; clear:both; margin: 1rem .5rem .5rem 0rem; width:95px;
}

}