@charset "utf-8";
/* CSS Document */

body, html {
	height:100%;
	font-family:'Open Sans', Arial, sans-serif;
	padding:0; margin:0; color:#000000; font-size:16px;
	font-weight:normal; font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	background:#f5f5f5 url(images/bg-5.jpg) repeat center top;
}

.Bg1 {background:#f5f5f5 url(images/red-wood-texture-grain.jpg) repeat center top;}

.logo-temp {padding:0; margin:10px 0 10px 0; font-size:12px; color:#5797c9; font-weight:normal; font-weight:300; line-height:100%; text-align:center;}
	.logo-temp img {display:inline-block; padding:0 0 0 0; margin:0; border:0; width:90%; max-width:540px;}
.logo-date {padding:0; margin:0; font-size:34px; font-weight:normal; font-weight:300; line-height:100%; text-align:center;}
.txtHdr3 {padding:0; margin:0; font-size:38px; font-weight:normal; font-weight:400; line-height:100%; text-align:center; font-family: 'Fjalla One', sans-serif;}
.txtHdr2 {padding:0; margin:0; font-size:30px; font-weight:normal; font-weight:400; line-height:100%; text-align:center; font-family: 'Fjalla One', sans-serif;}
.txtHdr2Blu {padding:0; margin:0; font-size:26px; color:#102a45; font-weight:normal; font-weight:300; line-height:100%; text-align:center;}

.txtGray1 {color:#666666;}
.txtGray1italic {color:#666666; font-style:italic; font-weight:400;}
.txtGray2italic {color:#666666; font-style:italic; font-weight:400; font-size:1.2em}
.txtRedSmall {color:#f75007!important; font-size:12px; font-weight:400;}

input:focus {outline:none;}

img {border:none;}
form {padding:0; margin:0;}

.lnk1 {
	font-size:16px; color:#dddddd; text-decoration:none;
}

.lnk1:hover {
	font-size:16px; color:#8e8e8e; text-decoration:none;
}

.lnkN {
	color:#000000; text-decoration:none;
}

.lnkN:hover {
	text-decoration:underline;
}

.lnkLg1 {
	font-size:2.2em; color:#ed1c24; text-decoration:none; font-family: 'Fredoka One', sans-serif; text-shadow:#ffffff 1px 1px 1px;
}

.lnkLg1:hover {
	text-decoration:underline;
}

.lnkA1 {
	font-size:1.5em; color:#000000; text-decoration:none; font-family: 'Fredoka One', sans-serif;
}

.lnkA1:hover {
	text-decoration:underline;
}

.container1 {width:100%; margin:0 auto; padding:0;}
.container1Lg {width:100%; max-width:960px; margin:0 auto; padding:0;}
.container2 {float:left; width:100%; margin:0px; padding:10px 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.divTopNav {width:100%; padding:0 2px; background:#222222; text-align:center; font-size:22px; /*font-family: 'Fjalla One', sans-serif;*/ font-family: 'Fredoka One', cursive; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow:#888888 0px 1px 1px;}
.divTopNav a {display:inline-block; padding:8px .5em; background:#222222; color:#ffffff; text-decoration:none; border-right:2px solid #ffffff; -webkit-transition:background 0.3s linear; -moz-transition:background 0.3s linear; -ms-transition:background 0.3s linear; -o-transition:background 0.3s linear; transition:background 0.3s linear;}
	.divTopNav a:last-child {border-right:0;}
	.divTopNav a:hover {background:#ffffff; color:#222222;}



h1 {font-size:40px; font-weight:400;}
h2 {font-size:28px; font-weight:400;}
h3 {font-size:20px; font-weight:400;}
h4 {font-size:18px; font-weight:400;}



.txtHdr2_Red {font-size:28px; color:#ed1c24!important;}

.div100 {float:left; width:100%;}

.divBxForm1 {float:left; width:96%; margin:12px 2% 5px 2%; padding:20px 3% 20px 3%; background:url(images/bg-color1.png) repeat; font-size:16px;/* border:1px solid #8cc03f;*/ border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.divBxForm2 {float:left; width:96%; margin:0 2% 20px 2%; padding:8px 3% 8px 3%; font-size:16px; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.divFoo {float:left; width:100%; margin:0; padding:8px 3% 8px 3%; border-top:2px solid #8cc03f; text-align:center; font-family: 'Fjalla One', sans-serif; font-size:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.divFoo p {text-align:center;}

.txt11Red {font-size:11px; color:#FF0000;}

.algnC {text-align:center;}

.imgOpc8 {}
	.imgOpc8:hover {opacity:.8;}
.imgOpc6A {opacity:.8;}
	.imgOpc6A:hover {opacity:1;}
	
.photo1 {float:none; width:100%; max-width:1600px; margin-left:auto; margin-right:auto;
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;
  }
  
	.photo1 img {display:inline-block; width: 100%!important; height: auto!important; padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.tableHrs1 {font-size:20px; font-weight:600;}
	.tableHrs1 td {text-align:left; padding:3px;}

.field2 {font-family:'Open Sans', Arial, sans-serif; font-weight:normal; font-weight:400; font-size:22px; color:#000000; font-weight:normal; text-decoration:none; width:100%; border:1px solid #f9ab42; background:url(images/bg-color1.png) repeat; padding:8px 3px 8px 3px; border-radius:3px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.fieldSM1 {font-family:'Open Sans', Arial, sans-serif; font-weight:normal; font-weight:400; font-size:22px; color:#000000; font-weight:normal; text-decoration:none; width:80px; border:1px solid #f9ab42; background:url(images/bg-color1.png) repeat; padding:8px 3px 8px 3px; border-radius:3px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.fieldSM2 {font-family:'Open Sans', Arial, sans-serif; font-weight:normal; font-weight:400; font-size:22px; color:#000000; font-weight:normal; text-decoration:none; width:300px; border:1px solid #f9ab42; background:url(images/bg-color1.png) repeat; padding:8px 3px 8px 3px; border-radius:3px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.field2Area {font-family:'Open Sans', Arial, sans-serif; font-weight:normal; font-weight:400; font-size:22px; color:#000000; font-weight:normal; text-decoration:none; width:100%; border:1px solid #f9ab42; background:url(images/bg-color1.png) repeat; padding:8px 3px 8px 3px; border-radius:3px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.field3Area {font-family:'Open Sans', Arial, sans-serif; font-weight:normal; font-weight:400; font-size:22px; color:#000000; font-weight:normal; text-decoration:none; width:100%; border:1px solid #f9ab42; background:url(images/bg-color1.png) repeat; padding:8px 3px 8px 3px; border-radius:3px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.field4Area {font-family:'Open Sans', Arial, sans-serif; font-weight:normal; font-weight:400; font-size:22px; color:#000000; font-weight:normal; text-decoration:none; width:100%; max-width:350px; border:1px solid #f9ab42; background:url(images/bg-color1.png) repeat; padding:8px 3px 8px 3px; border-radius:3px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.CheckBx1 p {display:block; float:left; width:50%; padding:.2em 1em; margin:0; font-size:1.1em; font-weight:bold; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.CheckBx2 p {display:block; float:left; width:100%; padding:.2em 1em; margin:0; font-size:1.1em; font-weight:bold; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


 /* Customize the label (the container) */
.CheckCont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.CheckCont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color:#eee;
  border:1px solid #f9ab42;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #f5ddae;
}

/* When the checkbox is checked, add a blue background */
.CheckCont input:checked ~ .checkmark {
  background-color: #61c787;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.CheckCont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.CheckCont .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 



/* Create a custom checkbox */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color:#eee;
  border:1px solid #f9ab42;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark2 {
  background-color: #f5ddae;
}

/* When the checkbox is checked, add a blue background */
.CheckCont input:checked ~ .checkmark2 {
  background-color: #61c787;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.CheckCont input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the checkmark/indicator */
.CheckCont .checkmark2:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 





@media only screen and (max-width: 1200px) {
.photo1 {-webkit-column-count:4; -moz-column-count:4; column-count:4;}	

	
}


@media only screen and (max-width: 900px) {
.photo1 {-webkit-column-count:3; -moz-column-count:3; column-count:3;}

.CheckBx1 p {width:100%; padding:.2em .5em;}
.CheckBx2 p {padding:.2em .5em;}
	
}



@media only screen and (max-width: 778px) {
body, html {
	font-size:13px;
}
.logo-temp {margin-top:4px; margin-bottom:10px;}
/*.logo-temp img {width:40%; max-width:355px;}*/
.logo-date {font-size:26px;}

.divTopNav {font-size:18px;}

.txtHdr3 {font-size:28px;}
.txtHdr2 {font-size:22px;}
.txtHdr2_Red {font-size:22px; color:#ed1c24;}
.txtHdr2Blu {font-size:20px;}

.divBxForm1 {width:100%; margin:12px 0 5px 0; padding:20px 3% 20px 3%; border:none;}
.divBxForm2 {width:100%; margin:12px 0 5px 0; padding:20px 3% 20px 3%; border:none;}

.divFoo {font-size:20px;}

.photo1 {-webkit-column-count:2; -moz-column-count:2; column-count:2;}	

.tableHrs1 {font-size:17px;}

.field2, .field2Area, .field3Area {font-size:18px;}

.CheckBx1 p {font-size:1em;}
.CheckBx2 p {font-size:1em;}

.lnkLg1 {font-size:2em;}

h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
  
	
}


@media only screen and (max-width: 479px) {

body, html {
	font-size:12px;
}



/*.logo-temp img {width:60%; max-width:355px;}*/
.logo-date {font-size:22px;}
.txtHdr3 {font-size:24px;}
.txtHdr2 {font-size:18px;}
.txtHdr2Blu {font-size:18px;}

.divTopNav {font-size:16px;}
.divBxForm1, .divBxForm2 {font-size:14px;}

.field2, .field2Area, .field3Area {font-size:16px;}

.divFoo {font-size:16px;}

.photo1 {-webkit-column-count:1; -moz-column-count:1; column-count:1;}

.tableHrs1 {font-size:15px;}	
.lnkLg1 {font-size:1.8em;}

h1 {font-size:24px; font-weight:400;}
h2 {font-size:20px; font-weight:400;}
h3 {font-size:16px; font-weight:400;}
h4 {font-size:14px; font-weight:400;}

}