/* CSS Document */

html 												{overflow-y: scroll;}
	
body 												{margin:0px; 
												padding:0px; 
												font-family:Arial, Helvetica, Sans-Serif;  
												font-size:14px; 
												color: #000;
												/*background-image:url(bg01.png);*/
												background-attachment:fixed; 
												background-color:#f5f1ea;  
												line-height:100%; }

img 												{height:auto;}


/*----- MAIN PAGE BODY -----*/

.page_body 											{width:960px; 
												margin:auto; 
												background-color:#FFF; }


.contentwrapper											{ background-color:#FFF;
												width: 100%;
												margin-top: 0px;
												margin-bottom: 0px;
												vertical-align: middle;}

.grid-container 										{ display: grid;
 												grid-template-columns: 16.5% 16.5% 16.5% 16.5% 16.5% 16.5%;
  												grid-gap: 10px;
  												background-color: #FFF;
  												padding: 10px;}

.grid-container > div 										{text-align: center;
  												padding: 20px 0;
  												font-size: 30px;}

.item1 												{ grid-column: 1 / span 2; }
.item2 												{ grid-column: 3 / span 2; }
.item3 												{ grid-column: 5 / span 2; }

.item4 												{ grid-area: 2 / 1 / span 1 / span 6;
												display: flex;
  												align-items: center; 
												justify-content: center;} 

.item5 												{ grid-area: 3 / 1 / span 1 / span 2;} /*PICS*/
.item6 												{ grid-area: 3 / 3 / span 1 / span 2;}
.item7 												{ grid-area: 3/ 5 / span 1 / span 2; }

.item8 												{ grid-area: 4/ 1 / span 1 / span 2;} /*FEATURE ROW*/
.item9 												{ grid-area: 4/ 3 / span 1 / span 4;
												display: flex;
  												align-items: center; 
												justify-content: center;} 

.item10												{ grid-area: 5/ 1/ span 1 / span 6;
												text-align:center; 
												padding-top: 0px;} /*TEXT ROW*/

.item11												{ grid-area: 6/ 1/ span 1 / span 2; } /*PICS*/
.item12												{ grid-area: 6/ 3/ span 1 / span 2; }
.item13												{ grid-area: 6/ 5/ span 1 / span 2; }

.imageframe											{text-align:center; 
												border: 1px solid #e292ba;
												width: 75%;}

.logoholder											{width: 100%;}

.logo												{ width: 80%;}

.fholder											{max-width: 400px; 
												padding: 70px;
												margin-top: -40px;}

fieldset 											{ margin: 1em 0;
        											margin-top: 1em;
    												border: 1px solid #e292ba;
    												width: 100%;}

.membentxt											{color: #e292ba;
												font-size:12px;
												text-align:left;}

legend 												{ margin: .4em 0;
    												padding: 0 .5em;
    												color: #e292ba;
    												background: transparent;
    												font-weight: bold;}


.join .button 											{ margin-top: 10px;
												width: 112%;
    												height: 66px;
   												line-height: 66px;
    												text-align: center;
    												font-size: 28px;
    												text-decoration: none;
   												color: #FFF;
												border: 1px solid #e292ba;
    												border-radius: 5px;
    												background-color: #e292ba}

.join .button:hover 										{ margin-top: 10px;
												width: 112%;
    												height: 66px;
   												line-height: 66px;
    												text-align: center;
    												font-size: 28px;
    												text-decoration: none;
   												color: #e292ba;
												border: 1px solid #e292ba;
    												border-radius: 5px;
    												background-color: #FFF;}

.footertxt											{color: #FFFFFF;
    												font-size: 12px;
												text-align:left;}

/*----- HEADER -----*/

.headerblock 											{margin-left:auto; 
												margin-right:auto; 
												width: 100%; 
												padding:0px;
												text-align:center;}

.header_image 											{margin: 0px; 
												padding: 0px;
												max-width: 100%;
												height: auto;} 

/*----- FOOTER -----*/

.footer {											background-image: url(foot-bg.png);
    												background-attachment: fixed;
    												display: block;
    												margin: auto;
												width: auto;
   	 											border: 0px;
        											border-top-color: currentcolor;
        											border-top-style: none;
        											border-top-width: 0px;
    												/*border-top: solid 1px #1d9ac9;*/
    												text-align: center;
    												vertical-align: middle;
    												color: #807e7e;
    												font-size: 12px;
    												line-height: 22px;
    												padding-top: 50px;
    												padding-bottom: 50px;}

.footer a											{text-decoration:none; 
												color:#807e7e;
												text-transform: uppercase;}

.footer a:hover											{color:#000;
												text-decoration: none;}