body {
	margin: 0;
	padding: 0px;
}
* {
  box-sizing: border-box;
}
#wrapU {
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
.neck {
	padding: 0 60px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #999;
}
h1 {
	font: bold 3em Verdana, Geneva, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: center;
}
h2 {
	font: bold 2em Verdana, Geneva, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: center;
}
h3 {
	font: bold 1em Verdana, Geneva, sans-serif;
	color: #CCC;
	text-decoration: none;
	text-align: center;
}
h4 {
	color: #666;
	text-decoration: none;
	font: bold .7em Verdana, Geneva, sans-serif;
	text-align: center;
}
p {
	font: 1em Verdana, Geneva, sans-serif;
	color: #006;
	text-decoration: none;
	text-align: center;
}
a:link, a:visited, a:active {
	color: #666;
	text-decoration: none
}
a:hover {
	color: #96F;
	text-decoration: none
}
.topBotRule {
	border-top: 3px solid #999;
	border-bottom: 3px solid #999;
}
.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}
/* four clmns that sit next to each other */
.clmn {
	-ms-flex: 20%; /* IE10 */
	flex: 20%;
	max-width: 20%;
	padding: 0 40px;
	background: #fff;
}
.clmnDbl {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 50%;
	padding: 0 40px;
	background: #fff;
}
.clmnTri {
	-ms-flex: 33%; /* IE10 */
	flex: 33%;
	max-width: 33%;
	padding: 0 40px;
	background: #fff;
}
.clmn img {
	vertical-align: middle;
	border: 2px solid #CCC;
}

/* for two clmn layout from four */
@media screen and (max-width: 800px) {
h4 {
	color: #666;
	text-decoration: none;
	font: bold .5em Verdana, Geneva, sans-serif;
	text-align: center;
}
  .clmn {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
h4 {
	color: #666;
	text-decoration: none;
	font: bold .3em Verdana, Geneva, sans-serif;
	text-align: center;
}
  .clmn {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
#ftr {
	background: #666;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
#copyIt {
	text-decoration: none;
	width: 100%;
	position: relative;
	bottom: 0px;
	z-index: 200;
	height: 40px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	letter-spacing: 0.05em;
	padding: 14px 4px 4px;
}
#copyIt a:link, #copyIt a:visited, #copyIt a:active {
	color: #999;
	text-decoration: none
}
#copyIt a:hover {
	color: #fff;
	text-decoration: none
}
.cRt {
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}
.white {
	color: #fff;
	text-decoration: none;
}
.dropFff {
	text-decoration: none;
	background: #fff;
}