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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #eff4f7;
}

.mainHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; /*-webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;*/
}

.contentHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; display:inline-block;
}

.whiteFrame {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; background-color:#FFF; display:inline-block; max-width:770px; border-radius:10px; box-shadow: 1px 1px 5px #999999; padding-top:45px; padding-bottom:45px;
}

.formHolder {
	position:relative; left:0px; top:0px; width:90%; height:auto; max-width:650px; display:inline-block;
}

.formHolder form .inputfieldLeft {
	position:relative; left:0px; top:0px; width:80%; height:auto; text-align:left; display:inline-block; max-width:270px; margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px; vertical-align:top;
}

.formHolder form .inputfieldRight {
	position:relative; left:0px; top:0px; width:80%; height:auto; text-align:left; display:inline-block; max-width:270px; margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px; vertical-align:top;
}

#inputfieldLeft {
	position:relative; left:0px; top:0px; width:80%; height:auto; text-align:left; display:inline-block; max-width:270px; margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px; vertical-align:top;
}

#inputfieldRight {
	position:relative; left:0px; top:0px; width:80%; height:auto; text-align:left; display:inline-block; max-width:270px; margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px; vertical-align:top;
}

.formHolder form label {
	margin:0px; padding:0px; font-weight:normal; position:relative; left:0px; top:0px; width:auto; height:auto; text-align:left; font-family: 'Lato', sans-serif; font-weight:500;
	font-size: 14px;
	color:#999;
}

.formHolder form input[type='text'] {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'Lato', sans-serif; font-weight:300;
	font-size: 14px;
	color: #333333; line-height:32px; border: 1px solid #999;
		border-radius: 5px; padding-left:10px; box-sizing:border-box; margin-top:12px; min-height:36px;
}

.formHolder form input[type='tex'] {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'Lato', sans-serif; font-weight:300;
	font-size: 14px;
	color: #333333; line-height:32px; border: 1px solid #999;
		border-radius: 5px; padding-left:10px; box-sizing:border-box; margin-top:12px; min-height:36px;
}

.formHolder form input[type='email'] {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'Lato', sans-serif; font-weight:300;
	font-size: 14px;
	color: #333333; line-height:32px; border: 1px solid #999;
		border-radius: 5px; padding-left:10px; box-sizing:border-box; margin-top:3px; min-height:36px;
}

.formHolder form input[type='checkbox'] {
	float: left; /* Double-sized Checkboxes */
	-ms-transform: scale(1.7) translateY(3px); /* IE */
  -moz-transform: scale(1.7) translateY(3px); /* FF */
}



.formHolder form input[type=checkbox]:before { content:""; display:inline-block; width:25px; height:25px; background-image:url(images/openbox.png); background-size:25px 25px; background-color:#FFF; margin-left:-2px; margin-top:-2px; }
.formHolder form input[type=checkbox]:checked:before { background-image:url(images/closebox.png) }



.formHolder form input[type="checkbox"] ~ label { 
    display: block; margin-left: 35px; color:#363636; font-family: 'Lato', sans-serif; font-weight:500; font-size:16px; margin-top:4px;
}

.formHolder form input[type="checkbox"] ~ label span { 
    font-family: 'Lato', sans-serif; font-weight:300;
}

.formHolder form label #requireSign {
	font-weight:normal; color:#F00;
}

.formHolder .specialWide {
	width:100%; display:inline-block; margin-left:15px; margin-right:15px; margin-top:20px; margin-bottom:15px; max-width:570px;
}

.formHolder form select {
	position:relative; left:0px; top:0px; width:100%; height:36px; font-family: 'Lato', sans-serif; font-weight:300;
	font-size: 16px;
	color: #333333; line-height:32px; border: 1px solid #999;
		border-radius: 5px; padding-left:10px; box-sizing:border-box; background-color:#FFF !important; margin-top:12px;
}

.formHolder .midBreak {
	position:relative; left:0px; top:0px; width:90%; height:auto; display:inline-block; margin-top:65px; padding-bottom:30px;
}

.formHolder .midBreak h2 {
	margin:0px; padding:0px; font-weight:normal; font-family: 'Lato', sans-serif; font-weight:300; font-size:30px; color:#363636;
}

.formHolder .midBreak p {
	margin:0px; padding:0px; font-weight:normal; font-family: 'Lato', sans-serif; font-weight:300; font-size:20px; color:#363636; margin-top:20px;
}

.formHolder form .inputfieldPadded input[type="checkbox"] {
	margin-left:24px !important;
}

.formHolder form .spacedGroup {
	height:32px !important;
}

.formHolder form .inputfieldPadded input[type="checkbox"] ~ label {
	margin-left:58px !important;
}

.switch-field {
	text-align:center; padding-bottom:15px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
  /*float: left;*/
}

.switch-field label {
	font-family: 'Lato', sans-serif !important;; font-weight:300 !important;;
  display: inline-block !important;
  width: 155px !important;
  background-color: #FFFFFF !important;
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  text-shadow: none !important;
  /*padding: 6px 14px !important;*/
  padding-top:15px !important;
  padding-bottom:15px !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 25px !important;
  margin-left:5px !important; margin-right:5px !important; margin-bottom:5px !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer !important;
}

.switch-field input:checked + label {
  background-color: #0081ff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color:#FFFFFF !important;
}

/*
.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px !important;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0 !important;
}
*/

.formHolder form button {
	
    margin:0;
	padding:0;
	border-radius: 15px;
    background: #1874CD none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
	position:relative; left:0px; top:0px; width:180px; height:40px; border-radius: 24px; background-color:#eb2028; display:inline-block; font-family: 'Lato', sans-serif; font-weight:700;
	font-size: 13px;
	line-height: 40px;
	letter-spacing: 1.6px;
	color: #ffffff; text-align:center; margin-top:20px; margin-bottom:20px; cursor:pointer;
}

.formHolder form button:hover {
	background-color:#de141b;
}

.redOutLine {
	border: 1px solid #FF0000 !important;
}

.specialWide p {
	margin:0px; padding:0px; color:#F00; font-family: 'Lato', sans-serif; font-weight:300;
}

#errorMessage {
	display:none;
}

.theBackground {
	position:absolute; left:0px; top:0px; width:100%; height:664px; background-image:url(images/red_background.jpg); background-position:50% 0px; background-size:100% auto;
}

.theLogo {
	position:relative; left:0px; top:0px; width:300px; height:38px; object-fit: contain; display:inline-block; margin-top:86px; margin-bottom:56px;
}

#theForm {
	display:none;
}

.formHolder form .schoolSpecial {
	width:100% !important; display:inline-block; margin-left:15px; margin-right:15px; margin-top:20px; margin-bottom:15px; max-width:570px !important;
}

.formHolder form #School {
	width:100% !important;
}

.formHolder form #schoolnotlistlink {
	margin:0px; padding:0px; font-weight:normal; position:relative; left:0px; top:0px; width:100% !important; height:auto; text-align:left; font-family: 'Lato', sans-serif; font-weight:300;
	font-size: 14px;
	margin-top:10px; color:#E41F26 !important;
}

.formHolder form #schoolnotlist {
	margin:0px; padding:0px; font-weight:normal; position:relative; left:0px; top:0px; width:auto; height:auto; text-align:left; font-family: 'Lato', sans-serif; font-weight:500;
	font-size: 14px;
	color:#999; margin-top:16px;
}

.formHolder form #OtherSchool {
	margin-top:-8px;
}

@media (max-width: 1200px) {
	.theBackground {
		background-size:auto 100%;
	}
}

@media (max-width: 670px) {
	.formHolder .specialWide {
		max-width:270px; margin-top:5px;
	}
	.formHolder form .schoolSpecial {
		max-width:270px !important; margin-top:5px;
	}
}

.theLetterClass {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:left; padding-left:64px; padding-right:64px; box-sizing:border-box; color:#333333; font-size:16px; line-height:24px; font-family: 'Lato', sans-serif; font-weight:300; font-style:italic;
}

.theLetterClass strong {
	font-weight:500;
}

.theLetterClass ul {
    list-style-image: url('images/red_dot.png'); margin: 15px;
    padding: 5px;
}

.fullWidthClass {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center;
}

.buttonClass {
	margin:0px; padding:0px; position:relative; left:0px; top:0px; width:180px; height:40px; border-radius: 24px; background-color:#ed1b2f; display:inline-block; font-family: 'Lato', sans-serif; font-weight:300; font-style:normal;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff; text-align:center; cursor:pointer;
}

.buttonClass:hover {
	background-color:#f25463;
}

.theLetterClass .slightlyLarger {
	font-size:18px;
}

.theLetterClass .theSignature {
	object-fit: contain;
}

.theLetterClass h2 {
	margin:0px; padding:0px; font-style:normal; font-weight:300; font-size:30px; text-align:center; line-height:27px;
}

.theLetterClass a {
	color:#0081ff !important;
}

.thePoem {
	position:relative; left:0px; top:0px; width:100%; height:auto; max-width:534px; background-color:#f5f5f5; padding-top:25px; padding-bottom:25px; text-align:center; display:inline-block; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#363636; font-style:italic;
}

.thePoem h3 {
	margin:0px; padding:0px; font-size:30px; font-style:italic; font-weight:normal; padding-bottom:12px;
}

.thePoem p {
	margin:0px; padding:0px;
}

.theX {
	position:absolute; right:15px; top:15px; z-index:100; cursor:pointer; object-fit: contain;
}

@media (max-width: 670px) {
	.theLetterClass {
		padding-left:32px; padding-right:32px;
	}
}