@charset "UTF-8";


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;
}
.paragraphTextDarkBrown {
	color: #6E5300;
	margin-right: 1.5em;
	margin-left: 1.5em;
}
.contentHeader {
    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: xx-large;
    text-align: left;
	margin-left: 5px;
}
.contentHeaderCtr {
    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;
	padding-bottom: 10px;
}
.contentText   {			 
   	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: 10px;
	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:justify;
	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*/	
}
.contentText1CtrDark   {			 
   	color: #333333;	
    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: #182E5F;
	text-align : center;
	margin-left: 5%;
	margin-right: 5%;
}
.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;
}
.goingGreen	{
	color: green;
}
.iNote	{
	color: #737373;
	text-align: left;
	font-size:small;
	font-style:italic;
	margin-left: -30px;
}
.topLogo1 {
	display:block;
    margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
}
.VebaMainSiteHeading {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
	/*	color: #606060;	*/
	/*	color:	#411156;	*/
	color:	#182E5F;
    text-shadow: 0px 1px;
    display: block;
}

.contactUsHeader	{
	padding-top: 15px;
	padding-bottom: 1px;
	font-size: large;
	font-weight: bold;
	text-align: center;
	color: #606060;	
}
.contactUsInfo	{
	padding: 1px;
	font-size: normal;
	font-weight: normal;
	text-align: center;
	color:#182E5F;		
}

/*---------------------------------------------------*/
		/* for old GBA CSS Colors Sections */
.groupHdrName {
	font-size: 1.8em;
	font-weight: bold;
	color: #DF7A1C;
	text-align: center;
}
.groupHeaderProduct {
	color: #694B1E;
	font-style: italic;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*---------------------------------------------------*/
		/* Login Section */

#logInBox	{
	margin-left: 20%;
	margin-right: 20%;
	background-color: rgb(234, 230, 200,.25);
	border-radius: 15px;
}
.loginHelp{
	display: none;
}

.forgotPwdLink a	{
	font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: italic;
    text-decoration: none;
    color: #182e5f;
	text-align: center;
	margin-top: 10px;
	margin-left:	  20%;
	margin-right: 20%;
	padding-top:		5px;
	padding-bottom: 5px;
}
.forgotPwdLink:hover	{
	color: 	#0C6659;	
	font-weight: bold;
	cursor: pointer;
}

.inputBox	{
	padding-bottom: 15px;
	text-align: left;	
}
#loginErrorMsg	{
	color: 	red;
	font-weight: bold;
	padding-top: 10px;
}
#loginErrorMsg2	{
	color: 	#6E5300;
	font-style: italic;
	padding-top: 10px;
}
#pwdSentMsg	{
	color: 	#6E5300;
	font-weight: normal;
	padding-top: 10px;
}

.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;
}


.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;
}
/*---------------------------------------------------*/
		/* BUTTONS */



.claimButton	{
	background:    rgba(233,255,211,1.0);
	border:        1px solid #182e5f;
	border-radius: 14px;
	box-shadow:    2px 2px #182e5f;
	width:         168px;
	height:        38px;
	color:         #182e5f;
	display:       inline-block;
	font:          italic bold 22px/38px "Open Sans", sans-serif;
	text-align:    center;
	transition: all 0.3s ease 0s;
}
.claimButton:hover	{
	box-shadow:    3px 3px #182e5f;
	background:    rgba(12,102,89,.07);
}

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

#main_content li.NavSelected  {
 background-color:rgba(184,233,134,0.25);
 color:#182E5F;		
}
	
@media screen and (min-width: 631px) and (max-width: 799px) {
  /* Shrinks Nav Bar for screens 631 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 */
@media screen and (max-width: 630px) {
    .nav__links {
        display: none;
    }
			/*  for logo centered when small screen
	.topLogo1 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}		*/
	.topLogo1	{
		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;
	}
	.registerButton		{
		box-shadow:    	3px 3px #182e5f;
	}
	#checkSample	{
		display: none;
	}
	.messageHeading2 {
		text-align: left;
	}
}

@media only screen and (max-width: 350px) {
	.topLogo1	{
		width: 50%;
		height: 50%
		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;
	}

}

/*---------------------------------------------------*/
/*-		GBA Pmt Specific Sections						*/
.GBAMainSiteHeading {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
	color: #DF7A1C;
	text-align:	center;
    text-shadow: 0px 1px;
    display: block;
}
.GBAMainSiteHeadingPhone {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
	color: #DF7A1C;
	text-align:	center;
    text-shadow: 0px 1px;
    display: none;
}
#GBAformBox	{
	margin-left: 3%;
	margin-right: 3%;
	background-color: rgb(234, 230, 200,.25);		
	border-radius: 15px;
}
.GBAlogInHeading {
    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;
}
.GBALogInInfo	{
	font-family: "Montserrat", sans-serif;
    /*	font-weight: 500;	*/
    font-size: 20px;
    font-weight: 600;
    color: #694b1e;
	vertical-align: middle;
	text-align: right;
	padding-bottom: 15px;	
}

.GBAlogInButton	{
	/*	background:    #9FC45E;	*/
	/*  background:	   #76B040;	*/
	background:    rgba(177,80,38,1.0);
	border:        1px solid #0c6659;
	border-radius: 12px;
	box-shadow:    2px 2px #0c6659;
	width:         100px;
	height:        36px;
	color:         #ffffff;
	display:       inline-block;
	font:          italic bold 18px "Open Sans", sans-serif;
	text-align:    center;
	margin-top:		10px;
	transition: all 0.3s ease 0s;
	
}
.GBAlogInButton:hover	{
	background:		rgba(177,80,38,.9);
	box-shadow:     3px 3px #182e5f;
	
}
/*---------------------------------------------------*/
/*-		IPPFA Pmt Specific Sections						*/
.IPPFAMainSiteHeading {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
	color: #2D114B;
	text-align:	center;
    text-shadow: 0px 1px;
    display: block;
}
.IPPFAMainSiteHeadingPhone {
    padding-top: 20px;
    font-size: xx-large;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-weight: bold;
	color: #2D114B;
	text-align:	center;
    text-shadow: 0px 1px;
    display: none;
}
#IPPFAformBox	{
	margin-left: 3%;
	margin-right: 3%;
	background-color: rgb(195, 249, 145,.20);		
	border-radius: 15px;
}
.IPPFAlogInHeading {
    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;
}
.IPPFALogInInfo	{
	font-family: "Montserrat", sans-serif;
    /*	font-weight: 500;	*/
    font-size: 20px;
    font-weight: 600;
    color: #2D114B;
	vertical-align: middle;
	text-align: right;
	padding-bottom: 15px;	
}

.IPPFAlogInButton	{
	/*	background:    #9FC45E;	*/
	/*  background:	   #76B040;	*/
	background:    rgba(160, 199, 96, 0.40);
	border:        1px solid #0c6659;
	border-radius: 12px;
	box-shadow:    2px 2px #0c6659;
	width:         100px;
	height:        36px;
	color:         #2D114B;
	display:       inline-block;
	font:          italic bold 18px "Open Sans", sans-serif;
	text-align:    center;
	margin-top:		10px;
	transition: all 0.3s ease 0s;
	
}
.IPPFAlogInButton:hover	{
	background:		rgba(160, 199, 96,0.70);
	box-shadow:     3px 3px #182e5f;
	
}
/*---------------------------------------------------*/
/*-		MCL Specific Sections						*/

.MCLMainSiteHeading {
    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;
}
.MCLMainSiteHeadingPhone {
    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;
}
.MCLlogInHeading {
    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;
}
.MCLLogInInfo	{
	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;	
}
#MCLformBox	{
	margin-left: 3%;
	margin-right: 3%;
	background-color: rgba(4, 94, 184, 0.05);		
	border-radius: 15px;
}
.MCLLogInInfo	{
	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;	
}
.MCLlogInButton	{
	/*	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;
	
}
.MCLlogInButton:hover	{
	box-shadow:    3px 3px #182e5f;
	background:    rgba(4, 94, 184, 0.70);
	
}


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


/*----------------- FORM SECTION --------------------------------------------------*/
/*----------------- Form Labels & Fields --------------*/

.formInputLabel	{
	font-size:large;
    font-weight:normal;
    color: #182E5F;
	vertical-align: middle;
	text-align: right;
	padding-left: 1px;
	padding-bottom: 5px;	
}
.formInputBox	{
	padding-bottom: 5px;
	text-align: left;	
}

/*-----------------Container for Register Forms, etc. --------------*/
#outerContainer	{
	background-color:rgba(184,233,134,0.18);
	margin-top: 0px;
}

#innerContainer	{
	margin-left: 0%;
	margin-right: 0%;
	background-color: #ffffff;
}
#checkSample	{
	width:  450px;
	height: 222px;
}

/*----------------- Form Labels & Fields --------------*/
.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%;		
}


.formLine	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: -10px
}

.formLabel	{
	color: #606060;
	text-align: left;
	width: 10em;
	float: left;
	margin-left: 15px;
}
.greyformLabel	{
	color: #333333;
	text-align: left;
	width: 10em;
	float: left;
	margin-left: 25px;
}
.formInput	{
	padding-left: 15px;
	padding-right: 40px;
}
.HR90	{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.HR90soft	{
	width: 90%;
	color: #B15026;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 630px) {
	.formLabel	{
		padding-right: 60%;
		text-align: left;
		margin-left: 18px;
		margin-bottom: -3px;
	}
}
@media screen and (max-width: 530px) {
	.formLabel	{
		padding-right: 40%;
		text-align: left;
		margin-left: 18px;
		margin-bottom: -3px;
	}
}
@media only screen and (max-width: 350px) {
	.formLabel	{
		padding-right: 40%;
		text-align: left;
		margin-left: 18px;
	}
}