@charset "UTF-8";

/*  Blue Color		HEX  #045EB8;	rgba(4, 94, 184, 0.50)	045EB8	 old  045EB8   
 * 
 *  Yellow Color:  	HEX #f0b310   	rgba(240,179,16,0.50); 
 * 
 * 	Grey Color		HEX #4d5156
 */
body {
	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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #ffffff;
}
.thinkAboutHeader0 {
    color: #ffffff;	
    background-color: #f0b310;
	/*	color: #182E5F;		*/
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    padding:  3px;
	margin-left: 80px;
	margin-right: 80px;
}
.thinkAboutHeader {
    color: #FFFFFF;   /*  #f0b310;	*/
    background-color: #045EB8;
	/*	color: #182E5F;		*/
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    padding:  5px;
    margin-top: 30px;
	margin-left: 80px;
	margin-right: 80px;
}
.contentHeader {
    color: #045EB8;	
	/*	color: #182E5F;		*/
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
    font-size: x-large;
    text-align: left;
	margin-left: 15px;
}
.contentHeaderCtr {
    color: #045EB8;	
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
    font-size: x-large;
    text-align: center;
    padding-top: 10px;
	padding-bottom: 0px;
}
.contentText   {			 
   	color: #737373;	
 /*   font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	*/

    		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

    font-weight: normal;
    font-size: large;
    text-align:justify;
	margin-left: 10px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	
}
#HRyellow hr {
	height: 2px;
	background-color: #f0b310;
	border: none;
	
}

.bulletText1   {			 
   	color: #606060;	
 /*   font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	*/

    	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
    font-size: large;
    text-align:left;
    
	margin-left: 10px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	
}
.bulletText1 li	{
	margin-bottom: 10px;
	
}
.bulletHeader2	{
	color: #182E5F;	
    	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight:bold;
    font-size: large;
    text-align:left;
	margin-left: 30px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	

}
.bulletText2   {			 
   	color: #182E5F;	

    	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
    font-size: large;
    text-align:left;
    
	margin-left: 10px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	
}
.bulletText2 li	{
	margin-bottom: 10px;
}
.bulletText3   {			 
   	color: #606060;	
    	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
    font-size: large;
    text-align:left;   
	margin-left: 30px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	
}
.bulletText3 li	{
	margin-bottom: 10px;
}
.bulletText4	  {			 
   	color: #606060;	
    	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
    font-size: medium;
    text-align:left;
	margin-left: 30px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	
}
	
.PreExNote   {			 
   	color: #737373;	
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style:italic;
    font-size: large;
    text-align:left;
	margin-left: 10px;
	margin-right: 10px;			/*@#$@#$!@#$!@#$@!#$*/	
}
.costNote   {			 
   	color: #737373;	
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style:italic;
    font-size: large;
    text-align:left;
	margin-left: 30px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	
}
.contentText1   {			 
   	color: #737373;	
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: large;
    text-align: left;
	margin-left: 30px;
	margin-right: 30px;			/*@#$@#$!@#$!@#$@!#$*/	
}
.contentText1Ctr   {			 
   	color: #737373;	
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: large;
    text-align:center;			/*used with Recover PW-UN*/	
}
.formLinks  {			 
   	color: #182E5F;	
	text-decoration: none;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: x-large;
    text-align: left;
	margin-left: 20px;
}
.formLinks a:link:hover{	
	cursor: pointer;
    color: #182E5F;	
	text-decoration: underline;
}
.formLinks a:link{
	color: #182E5F;	
	text-decoration: none;
} 

.messageHeading1 {
    font-size: x-large;
    font-style: italic;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: #045EB8;
	text-align : center;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: -.5em;
}
.messageHeading2 {			/*Main Page Notes */
    font-size: large;
    font-style: none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: #182E5F;				/*Darker Blue */
	/*	color: #737373;			/*Grey like NAV Bar */
	text-align : justify;
	margin-left: 30px;		/*smaller for Mobile*/
	margin-right: 30px;
}

.iNote	{
	color: #737373;
	text-align: left;
	font-size:small;
	font-style:italic;
	margin-left: -30px;
}
.topLogo1 {
	width: 15%;
	height: 15%;
	display:block;
    margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
}
.MainSiteHeading {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
	color: #045EB8;
	text-align:	center;
    text-shadow: 0px 1px;
    display: block;
}
.MainSiteHeadingPhone {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
	color: #045EB8;
	text-align:	center;
    text-shadow: 0px 1px;
    display: none;
}


.UNPWMsgBox1/* Special message box section added 02/02/22 JTB*/
  {
	margin-top: 0em;
	margin-right: -0.5em;
	margin-bottom: 0px;
	margin-left: -0.5em;
	color: #182E5F;
	background-color: rgba(12,102,89,.07);
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
} 

/*---------------------------------------------------*/
		/* Login Section */

#logInBox	{
	margin-left: 20%;
	margin-right: 20%;
	background-color:rgba(184,233,134,0.25);
	border-radius: 15px;
}
#loginHelp{
	display: none;
}
.logInHeading {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: normal;
	/*	color: #606060;	*/
	/*	color:	#411156;	*/
	color:	#182E5F;
    text-shadow: 0px 1px;
    display: block;
}
.LogInInfo	{
	font-family: "Montserrat", sans-serif;
    /*	font-weight: 500;	*/
    font-size: 20px;
    font-weight: 600;
    color: #182e5f;
	vertical-align: middle;
	text-align: right;
	padding-bottom: 15px;	
}
.inputBox	{
	padding-bottom: 15px;
	text-align: left;	
}
#loginErrorMsg	{
	color: 	red;
	font-weight: normal;
	padding-top: 10px;
}
#lockoutNotice	{
	color: 	red;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	padding-top: 10px;
	margin-left:	  20px;
	margin-right: 20px;
}
.logInHelpLink	{
	font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #182e5f;
	text-align: center;
	margin-top: 30px;
	margin-left:	  10%;
	margin-right: 10%;
	padding-top:		5px;
	padding-bottom: 5px;
}
.logInHelpLink:hover	{
	color: 	#0C6659;	
	font-weight: bold;
	cursor: pointer;
}
.previousPageLink	{
	font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #0000EE;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:	  5px;
	padding-top:		5px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.previousPageLink:hover	{
	font-weight: bold;
	cursor: pointer;
}

.helpLinks a:link { 			 
   	color: #0000EE;	
	/*	text-decoration: underline;	*/
	text-decoration: none;
    font-weight: normal;
}
.helpLinks a:link:hover{	
	cursor: pointer;	
	text-decoration: underline;
}
.helpLinks a:visited{	
	color: #0000EE;
}

.helpHeader0 {
    color: #606060;		
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: xx-large;
    text-align: center;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: -15px;
}
.helpHeader {
    /*	color: #606060;		*/
	color: #182E5F;	
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: x-large;
    text-align: left;
	margin-left: 10px;
	margin-bottom: -10px;
}

						
.flexContainer	{
	display: flex;		/*For use with Current Member's Page Boxes */
}

/*---------------------------------------------------*/
		/* BUTTONS */

.logInButton	{
	/*	background:    #9FC45E;	*/
	/*  background:	   #76B040;	*/
	-webkit-appearance: none;
	opacity: 1;
	background:    rgba(4, 94, 184, 1.00);
	border:        1px solid #0c6659;
	border-radius: 14px;
	box-shadow:    2px 2px #0c6659;
	width:         110px;
	height:        40px;
	color:         #ffffff;
	display:       inline-block;
	font:          italic bold 22px "Open Sans", sans-serif;
	text-align:    center;
	margin-top:		10px;
	transition: all 0.3s ease 0s;
	
}
.logInButton:hover	{
	box-shadow:    3px 3px #182e5f;
	background:    rgba(4, 94, 184, 0.70);
	
}

.enrollButton	{
	-webkit-appearance: none;
	opacity: 1;
	background:    rgba(4, 94, 184, 1.00);
	border:        1px solid #182e5f;
	border-radius: 14px;
	box-shadow:    2px 2px #182e5f;
	width:         168px;
	height:        38px;
	color:         #FFFFFF;
	display:       inline-block;
	font:          italic bold 22px/38px "Open Sans", sans-serif;
	text-align:    center;
	transition: all 0.3s ease 0s;
}
.enrollButton:hover	{
	box-shadow:    3px 3px #182e5f;
	background:    rgba(4, 94, 184, 0.70);
}

.wideEnrollButton	{
	-webkit-appearance: none;
	opacity: 1;
	background:    rgba(4, 94, 184, 1.00);
	border:        1px solid #182e5f;
	border-radius: 14px;
	box-shadow:    2px 2px #182e5f;
	width:         300px;
	height:        38px;
	color:         #FFFFFF;
	display:       inline-block;
	font:          italic bold 20px/36px "Open Sans", sans-serif;
	text-align:    center;
	transition: all 0.3s ease 0s;
}
.wideEnrollButtonClick	{
	-webkit-appearance: none;
	opacity: 1;
	background:    rgba(4, 94, 184, 1.00);
	border:        1px solid #182e5f;
	border-radius: 14px;
	box-shadow:    2px 2px #182e5f;
	width:         300px;
	height:        38px;
	color:         #FFFFFF;
	display:       inline-block;
	font:          italic  20px/36px "Open Sans", sans-serif;
	text-align:    center;
	transition: all 0.3s ease 0s;
}
.wideEnrollButton:hover	{
	box-shadow:    3px 3px #182e5f;
	background:    rgba(4, 94, 184, 0.70);
}

/*---------------------------------------------------*/
					/*  Video Boxes  */
.vidBox1	{
	background-color: rgba(4, 94, 184, 0.00);	
	color:         #FFFFFF;
		
	border:        1px solid #182e5f;
	border-radius: 1px;
	box-shadow:    3px 3px #182e5f;
	width: 			80%;
	display:			inline-block;      
	font:          "Open Sans", sans-serif;
	text-align:    center;
	padding:			2px;

	margin-top:		20px;
	margin-bottom:	20px;
}	
   /* Style the video */
 .vidBox1 video {
    width: 100%; 
    height: auto; 
 }

  /* Set the size of the poster image */
 .vidBox1 video:poster {
 	 /*  object-fit: cover;  or inherit ??   */
    width: 100%; 
    height: auto; 
 }		
			
					
					
					
						/*  Info Boxes on Current Members Page */

.mbrBox	{
	background-color: rgba(4, 94, 184, 0.05);	
	color:         #182e5f;
		
	border:        1px solid #182e5f;
	border-radius: 15px;
	box-shadow:    2px 2px #182e5f;
	width: 			40%;
	display:			inline-block;      
	font:          "Open Sans", sans-serif;
	text-align:    center;
	padding:			5px;
	padding-bottom:	20px;
	margin-left:		5%;
	margin-right:	5%;
	margin-top:		20px;
	margin-bottom:	20px;
}

.MemberContactBox	{
	background:    #045EB8;
	color:         #FFFFFF;
		
	border:        1px solid #182e5f;
	border-radius: 15px;
	box-shadow:    2px 2px #182e5f;
	width: 			40%;
	display:			inline-block;      
	font:          "Open Sans", sans-serif;
	text-align:    center;
	padding:			5px;
	padding-bottom:	20px;
	margin-left:		5%;
	margin-right:	5%;
	margin-top:		20px;
	margin-bottom:	20px;
}

							
.pmtUpdateBox	{
	background:    rgba(233,255,211,1.0);
	color:         #182e5f;	
	
	border:        1px solid #182e5f;
	border-radius: 15px;
	box-shadow:    2px 2px #182e5f;
	width: 			40%;
	display:			inline-block;      
	font:          "Open Sans", sans-serif;
	text-align:    center;
	padding:			5px;
	padding-bottom:	20px;
	margin-left:		5%;
	margin-right:	5%;
	margin-top:		20px;
	margin-bottom:	20px;
}
	
/*-------------------------------------*/							
									
.pdfDocsBox	{
	background:    rgba(240,179,16,0.30);
	color:         #182e5f;

	border:        1px solid #182e5f;
	border-radius: 15px;
	box-shadow:    2px 2px #182e5f;
	width: 			40%;
	display:			inline-block;      
	font:          "Open Sans", sans-serif;
	text-align:    center;
	padding:			5px;
	padding-bottom:	20px;
	margin-left:		5%;
	margin-right:	5%;
	margin-top:		20px;
	margin-bottom:	20px;
}

/*-------------------------------------*/							
									
.claimsBox	{
	background:    rgba(77,81,86,0.60);	/*  rgba(153,153,153,1.00);	*/
	color:         #FFFFFF;

	border:        1px solid #182e5f;
	border-radius: 15px;
	box-shadow:    2px 2px #182e5f;
	width: 			40%;
	display:			inline-block;      
	font:          "Open Sans", sans-serif;
	text-align:    center;
	padding:			5px;
	padding-bottom:	20px;
	margin-left:		5%;
	margin-right:	5%;
	margin-top:		20px;
	margin-bottom:	20px;
}
/*
.MemberBtnContact:hover	{
	box-shadow:    3px 3px #182e5f;
	background:    rgba(12,102,89,.07);
}
	*/		

.mbrBoxHeader	{
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}
.mbrBoxInfo	{
	padding: 1px;
	font-size: large;
	font-weight: normal;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: -.5em;	
}
.mbrBoxInfoCtr	{
	padding: 1px;
	font-size: normal;
	font-weight: normal;
	text-align: center;	
	margin-bottom: -.5em;
}		
.mbrBoxInfoCtrTight	{
	padding: 1px;
	font-size: normal;
	font-weight: normal;
	text-align: center;	
	margin-bottom: -1.1em;
}	
.mbrBoxInfoCtrFlex	{
	padding: 1px;
	font-size:	normal;
	font-weight: normal;
	text-align: center;	
	margin-bottom: -1.1em;
}	
.mbrBoxLightLinks a:link{
	color: #FFFFFF;	
	text-decoration: none;
} 				
.mbrBoxLightLinks a:link:hover{	
	cursor: pointer;
    color: #FFFFFF;	
	text-decoration: underline;
}


.mbrBoxDarkLinks a:link{
	color: #182e5f;	
	font-weight: bold;
	text-decoration: none;
} 				
.mbrBoxDarkLinks a:link:hover{	
	cursor: pointer;
    color: #182e5f;	
	text-decoration: underline;
}
.mbrBoxDarkLinks a:visited{	
	cursor: pointer;
	color: #182e5f;
}
				
	
/*---------------------------------------------------*/					
/*---------------------------------------------------*/
		/* NAV BAR STYLES */
.nav__links {
    list-style: none;
}

.nav__links li {
    display: inline-block;
    padding-top:  10px;
	padding-right:  20px;
	padding-bottom:  10px;
	padding-left:  20px;
    transition: all 0.5s ease 0s;
	text-decoration:none;	
	font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #737373;
}

.nav__links li:hover {
	cursor: pointer;
    color: #182E5F;	
	background-color: rgba(4, 94, 184, 0.40);  
}

#main_content  li.NavNotSelected  {
 	/*no changes from .nav__links li   basecss  #*/;
}

#main_content li.NavSelected  {	
 	background-color: rgba(4, 94, 184, 0.10);	
	color:#182E5F;	
}
	
@media screen and (min-width: 650px) and (max-width: 820px) {
  /* Shrinks Nav Bar for screens 635 to 799 pixels */
	.nav__links li {
		display: inline-block;
		padding-right:  7px;
		padding-left:  5px;
	}	
}
@media screen and (min-width: 900px)  {
  /* Minimize width of All Content for very wide windows */
	.allContent {
		margin: auto;
		margin-top: 5px;
		width: 900px;	
	}	
}
@media screen and (min-width: 700px)  {
  /* Minimize width of All Content for very wide windows */
	.allRegsiterContent {
		margin: auto;
		width: 700px;	
	}		
}


/*---------------------------------------------------*/
	/*Small Screens Hamburnger Menu Items*/
.NavMenuIconBar	{
   	display: none;
	position: relative;		/* fixed;			/*  CHANGE TO RELATIVE; RE-DO LOGO & MENU ICON FOR SAME LINE   */
	float: right;
	top: 0px;
	right: 20px;
	font-size: 36px;
	text-decoration: none;
	color: #f0b310;
	background-color: #FFFFFF;
	transition: all 0.5s ease-out;
}
.NavMenuIconBar.close	{
	color: #606060;
	/*	transform: rotate(450deg);	*/
	transform: scaleY(0);
	opacity: 0;
}

.NavMenuIconX	{
	display: block;
	position: fixed;
	top: 0px;
	right: 25px;
	font-size: 36px;
	text-decoration: none;
	color: #f0b310;
	background-color: #FFFFFF;
	opacity: 0;
	transition: all 0.5s ease-out;
}
.NavMenuIconX.close	{
	color: #f0b310;
	/*	transform: rotate(450deg);	*/
	transform: scaleY(1);
	opacity: 0;
}
.NavMenuIconX.show	{
	display: block;
	color: #f0b310;
	transition: all 0.5s ease-in;
	transition-delay: 0.2s;
	opacity: 1;
	z-index: 1;
}

/*---------------------------------------------------*/
	/*Small Screens */
@media screen and (max-width: 650px) {
    .nav__links {
        display: none;
    }
    .MainSiteHeading		{       /* Alternate main Site Headings for Phones */	  
    		display: none;
    }
     .MainSiteHeadingPhone	{
    		display: block;
    		font-size: x-large;
    }
    
    
			/*  for logo centered when small screen
	.topLogo1 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}		*/
	.topLogo1	{
		width: 15%;
		height: 15%;
		display:inline;
		margin-left: 10px;
		margin-right: 30px;
	}
	.contentText	{
		margin-left: 5px;
		margin-right: 20px;
		text-align: left;
	}
	.NavMenuIconBar	{
		display: block;
		z-index: 1;
	}
	.contentText li  {
		margin-left: -10px;
	}
	#logInBox	{
		margin-left: 7%;
		margin-right: 7%;
	}
	.contentText1	{
		text-align:left;
	}
	.logInButton		{
		box-shadow:    	3px 3px #182e5f;
	}
	.enrollButton		{
		box-shadow:    	3px 3px #182e5f;
	}
	.wideEnrollButton		{
		box-shadow:    	3px 3px #182e5f;
	}
	#checkSample	{
		display: none;
	}
	.messageHeading2 {
		text-align: left;
	}							
	.flexContainer	{
		display:		block;		/*  remove Flex Container for Current Member Page */
	}
	.MemberContactBox	{
		width:		80%;
	}
	.pmtUpdateBox	{
		width:		80%;
	}
	.pdfDocsBox	{
		width:		80%;
	}
	.claimsBox	{
		width:		80%;
	}
	.mbrBox	{
		width: 	80%			/* Adjust Width for single horiz box on phones */
		
	}
/*
	.mbrBoxInfoCtrFlex	{
	font-size:	smaller;
	}
*/

}

@media only screen and (max-width: 350px) {
	.topLogo1	{
		width: 15%;
		height: 15%;
		margin-left: -5px;
		padding-left: 0px;
	}
	.claimButton	{
		border-radius: 10px;
		box-shadow:    3px 3px #182e5f;
		width:         128px;
		height:        27px;
		display:       inline-block;
		font:          italic bold 17px/27px "Open Sans", sans-serif;
	}

}

/*---------------------------------------------------*/
						/*	Class for each Tabbed Page: */
						/*  Java code used to set dispaly to None or Block  */
						/*	Fade In Effect: 	*/;
.tabContent {
  display: none;
  padding: 6px 12px;
}



/*---------------------------------------------------*/	

		/* Mobile Nav */

#NavOverlay {
	display: none;
    position: fixed;
    z-index: 1;
    right: 2%;
    top: 60px;
	background-color: #045EB8;
	height: 420px;						/*  change to FLEX ************/
	width: 70%;
    overflow-x: hidden;
  /*  transition: all 0.9s ease 1s;		*/
	transition: all 0.5s ease 0s;
	opacity: 1.0;
	margin-left: 27%;
	margin-right: 3%;
	border-radius: 15px;
}
#NavOverlay.show	{
	display: block;
	transition: all 0.5s ease 0s;
	opacity: 1.0;
}

.navMenuLinks li	{
    display: flex;
	color: #ffffff;
	margin-top: 32px;
	margin-bottom: 32px;
	margin-right: 32px;
	margin-left: 8px;
    height: 100%;
   	flex-direction: column;
    align-items: center;
    justify-content: center;
	text-decoration:none;	
	font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 24px;
}
.navMenuLinks li:hover {
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}


/*----------------- FORM SECTION --------------------------------------------------*/
/*-----------------Container for Enroll, Forms, etc. --------------*/
#outerContainer	{
	background-color:	rgba(4, 94, 184, 0.75);
	margin-top: 0px;
}

#innerContainer	{
	margin-left: 0%;
	margin-right: 0%;
	background-color: #ffffff;
}


/*----------------- Form Labels & Fields --------------*/
#formBox	{
	margin-left: 3%;
	margin-right: 3%;
	background-color: rgba(4, 94, 184, 0.05);		
	border-radius: 15px;
}
.formInputLabel	{
	font-size:large;
    font-weight:normal;
    color: #182E5F;
	vertical-align: middle;
	text-align: right;
	padding-left: 1px;
	padding-bottom: 5px;	
}
.formCostInfo	{
	font-size:large;
    font-weight:normal;
    color: #182E5F;
	vertical-align: middle;
	padding-left: 1px;
	padding-bottom: 5px;	
}
.formInputBox	{
	padding-bottom: 5px;
	text-align: left;	
}
#topMessage	{
	color: 	#045EB8;
	font-weight: normal;
	font-style: italic;
	padding-top: 10px;
}
.sectionHeader {
    color: #606060;	
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    color: #182E5F;
    font-weight: normal;
    font-size: x-large;
    text-align: center;
	padding-bottom: 10px;
}
.completeMessageCtr   {			 
   	color: #737373;	
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 	1.4em;
    text-align:	center;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-left: 10%;
	margin-right: 10%;		
}
.privacyNotice   {			 
   	color: #737373;	
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: large;
    text-align:justify;
	margin-left: 5px;
	margin-right: 10px;			
}


.HR90	{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.HR90soft	{
	width: 90%;
	color:#6E5300;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}



		/*----------------- Form for Phone Portrait mode --------------*/
@media screen and (max-width: 650px) {
	.formLine	{		
		display: block;
	}
	.formInputLabel	{
		font-size:	medium;
		/*  color: #0b162e;	*/
	}
	.formCostInfo	{
		font-size:	medium;
		/*  color: #0b162e;	*/
	}
	
}


@media screen and (max-width: 530px) {
	.formInputLabel	{
		text-align: right;
		margin-left: 18px;
		margin-bottom: -3px;
	}
}
@media only screen and (max-width: 350px) {
	.formInputLabel	{
		text-align: left;
		margin-left: 18px;
	}
}