@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&family=Raleway&display=swap');
body  {
	font: 1em 'Raleway', sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.clear {clear: both;}
p { padding: 0px 20px 0px 20px; text-align:left;}
li {padding: 0px 20px 10px 0px; font-style:italic;}
h2 {color: #002A5C;}
h3 {color:#002A5C;font-size: 1.5em;}
.smallPrint { font-size: .75em;}
.astrik {color:#C00;}
.rightcoldiv {padding: 10px 20px 10px 20px; text-align:left; font-style:italic;}
.headerWrapper  {width: 100%;
	background: #002A5C; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #FFFFFF;
	text-align: left;	
	margin-right: auto;margin-left: auto;
}
.headerContainer {
	width: 80%; max-width:1200px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
	 
}
.headerTitle h1 {
	font-weight: normal;
	font-size: 2.5em;
	padding: 0px;
	margin: 0px;
}
.mainWrapper {width: 100%;
	background: #FFF; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #000;
	text-align: left;	
	margin-right: auto;margin-left: auto;
}
.mainContainer {
width: 80%; max-width:1200px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
}
.mainContent {
	width: 90%; max-width:1100px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 20px 0px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
	}
.colContainer {
width: 100%;	
}			   
.leftContainer {
width: 67%;
max-width: 800px;
float:left;
position: relative;
}
.centerContainer
.leftContainer {
width: 67%;
max-width: 800px;
position: relative;
margin: 0 auto;
}


.rightContainer {
width: 33%;
max-width: 350px;
float:right;
position: relative;
text-align:left;

}
.mainPhoto {float:left; width: 100%; position:relative; max-width: 800px;}
.mainPic {float:none; width: 100%; position:relative; max-width: 800px; margin: 0 auto;}
.yellow-submit-button {
padding:15px 20px;
background: #002A5C;
color: #fff;
font-size: large;
border: 1px solid #002A5C;
border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
margin-bottom: 20px;
}
.yellow-submit-button:hover{
padding:15px 20px;
background: #FC3;
color: #fff;
font-size: large;
border: 1px solid #FC3;
border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
margin-bottom: 20px;
}
.strongTitle {
	font-weight: bold;
	font-size: 1.25em;
	padding: 0px;
	margin: 0px;
	color: #002A5C;
}
.contentTitle {
	font-weight: bold;
	font-size: 1.25em;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	color: #002A5C;
}
.titleContainer { padding: 0px;}
.copyright {font-size: .75em; font-weight: normal; color: #FFF; text-align: center;}
.footerMenu {width: 20%; float:left; text-align:center; line-height: 30px; display:block; position:relative;color:#FFF;}
.footerLinkMenu {color: #FFF;text-decoration: none;}
a.footerLinkMenu:hover {color: #FC3; text-decoration:none;}
.termsMenu {color: #000;}
a.termsMenu:hover {color: #000; text-decoration:none;}
.LinkMenu {color: #002A5C;font-weight: bold;}
a.LinkMenu:hover {color: #FC3;font-weight: bold;}
.footerWrapper  {width: 100%;
	background: #002A5C; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-right: auto;margin-left: auto;
	color:#FFF;
}
.footerContainer {
	width: 80%; max-width:1200px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
	 color:#FFF;
}
.footerTitle {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color:#FFF;
} 
.white {color: #FFF;}
.formContainer {width:100%;max-width: 700px; margin: 0 auto;}
.formLabelLong {float:left; font-weight:bold; padding-right: 5px; width: 29%; line-height: 40px;}
.formLabelXLong {float:left; font-weight:bold; padding-right: 5px; width: 65%; line-height: 40px;}
.formLabelMed {float:left; font-weight:bold; padding-right: 5px; width: 28%; line-height: 40px;}
.formLabelMedShort {float:left; font-weight:bold; padding-right: 5px; width: 20%; line-height: 40px; text-align:right;}
.formLabelShort {float:left; font-weight:bold; padding-right: 5px; width: 12%; line-height: 40px;}
.formLabelXShort {float:left; font-weight:bold; padding-right: 5px; width: 7%; line-height: 40px;}

.formLabelMedLong {float:left; font-weight:bold; padding-right: 5px; width: 45%; line-height: 40px;}

.formDivLong{float:left; width: 70%; position:relative;}
.formDivShort{float:left; width: 28%; position:relative;}
.formDivMed{float:left; width: 35%; position:relative;}
.formDivShortRight{float:Right; width: 30%; position:relative; margin-right: 10px;}
.formDivXShort{float:left; width: 10%; position:relative; line-height:40px;}
.formDivMedShort{float:left; width: 13%; position:relative; line-height:40px;}

.formTextXShort {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 95%; font-size: inherit; margin: 5px 0px 5px 0px;}
.formTextShort {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 90%; font-size: inherit; margin: 5px 0px 5px 0px;}
.formTextMed {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 95%; font-size: inherit; margin: 5px 0px 5px 0px;}

.formTextLong {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 95%; font-size: inherit; margin: 5px 0px 5px 0px;}
.formSelect {border-radius: 5px; border: 1px solid #CCC; line-height: 30px;font-size: inherit; padding-top: 5px;padding-bottom: 5px;margin-top: 5px;}
.formSelectRight {border-radius: 5px; border: 1px solid #CCC; line-height: 30px;font-size: inherit; padding-top: 5px;padding-bottom: 5px;margin-top: 5px;}

.checkbox-custom {
    opacity: 0;
    position: absolute;
	 
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #ddd;
	border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.limecolor {color: #090; font-weight: bold; font:Arial, Helvetica, sans-serif; font-size: 1.2em}
.checkbox-custom:checked + .checkbox-custom-label:before {
    
    background: #000;
    color: #fff;
}
.red {color:#930;}

@media only screen and (max-width: 1100px) {
.headerWrapper  {width: 100%;
	background: #002A5C; 
	padding: 0px 0px 10px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #FFFFFF;
	text-align: left;	
	margin-right: auto;margin-left: auto;
}
.headerContainer {
	width: 100%; max-width:800px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
	 
}
.headerTitle h1 {
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	text-align:center;
}
.mainWrapper {width: 100%;
	background: #FFF; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #000;
	text-align: left;	
	margin-right: auto;margin-left: auto;
}
.mainContainer {
width: 100%; max-width:800px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0px 10px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
	 background: #FFF;
}
.colContainer {
width: 100%;	
}
			   
.leftContainer {
width: 100%;
max-width: 800px;
float:none;
position: relative;
background: #FFF;
}
.rightContainer {
width: 100%;
max-width: 800px;
float:none;
position: relative;
background: #FFF;
}
.mainPhoto {float:none; width: 100%; position:relative; max-width: 800px;}
.footerMenu {width: 100%; float:none; text-align:center; line-height: 30px;} 
}
 
@media only screen and (max-width: 800px) {
.headerWrapper  {width: 100%;
	background: #002A5C; 
	padding: 0px 0px 10px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #FFFFFF;
	text-align: left;	
	margin-right: auto;margin-left: auto;
}
.headerContainer {
	width: 100%; max-width:500px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
	 
}
.headerTitle h1 {
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	text-align:center;
}
.mainWrapper {width: 100%;
	background: #FFF; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #000;
	text-align: left;	
	margin-right: auto;margin-left: auto;
}
.mainContainer {
width: 100%; max-width:500px;
	margin: 0 auto; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0px 10px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	 text-align:center;
	 background: #FFF;
}
.colContainer {
width: 100%;	
}
.red {color:#C00;}			   
.leftContainer {
width: 100%;
max-width: 500px;
float:none;
position: relative;
background: #FFF;
}
.rightContainer {
width: 100%;
max-width: 500px;
float:none;
position: relative;
background: #FFF;
}
.mainPhoto {float:none; width: 100%; position:relative; max-width: 500px;}
.footerMenu {width: 100%; float:none; text-align:center; line-height: 30px;} 

.formContainer {width:99%;max-width: 400px; margin: 0 auto;}
.formLabelLong {float:left; font-weight:bold; padding-right: 5px; width: 100%; line-height: 40px; text-align:left;}
.formLabelXLong {float:left; font-weight:bold; padding-right: 5px; width: 100%; line-height: 40px; text-align:left;}
.formLabelMed {float:left; font-weight:bold; padding-right: 5px; width: 100%; line-height: 40px; text-align:left;}
.formLabelMedShort {float:left; font-weight:bold; padding-right: 5px; width: 100%; line-height: 40px; text-align: left;}
.formLabelMedLong {float:left; font-weight:bold; padding-right: 5px; width: 100%; line-height: 40px;}
.formLabelShort {float:left; font-weight:bold; padding-right: 5px; width: 100%; line-height: 40px; text-align:left;}
.formLabelXShort {float:left; font-weight:bold; padding-right: 5px; width: 100%; line-height: 40px; text-align:left;}

.formDivLong{float:left; width: 100%; position:relative; text-align:left;}

.formDivMed{float:left; width: 100%; position:relative;}
.formDivMedShort{float:left; width: 100%; position:relative; line-height:40px;}
.formDivShort{float:left; width: 100%; position:relative; text-align:left;}
.formDivShortRight{float:left; width: 100%; position:relative;}
.formDivXShort{float:left; width: 100%; position:relative; line-height:40px; text-align:left;}

.formTextXShort {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 95%; font-size: inherit; margin: 5px 0px 5px 0px;}
.formTextShort {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 95%; font-size: inherit; margin: 5px 0px 5px 0px;}
.formTextMed {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 95%; font-size: inherit; margin: 5px 0px 5px 0px;}
.formTextLong {border-radius: 5px; border: 1px solid #CCC; line-height: 30px; width: 95%; font-size: inherit; margin: 5px 0px 5px 0px;}
.formSelect {border-radius: 5px; border: 1px solid #CCC; line-height: 30px;font-size: inherit; padding-top: 5px;padding-bottom: 5px;margin-top: 5px;}
.formSelectRight {border-radius: 5px; border: 1px solid #CCC; line-height: 30px;font-size: inherit; padding-top: 5px;padding-bottom: 5px;margin-top: 5px;}
}