/* CSS Document */

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

img 												{height:auto;}


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

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


.contentwrapper										{ background-color:#000000;
													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: #000000;
  													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 #dc34eb;
													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 #dc34eb;
    												width: 100%;}

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

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


.join .button 										{ margin-top: 10px;
													width: 90%;
    												height: 30px;
   													line-height: 20px;
    												text-align: center;
    												font-size: 20px;
    												text-decoration: none;
   													color: #000000;
													border: 1px solid #dc34eb;
    												border-radius: 5px;
    												background-color: #dc34eb;}

.join .button:hover 								{ margin-top: 10px;
													width: 90%;
    												height: 30px;
   													line-height: 20px;
    												text-align: center;
    												font-size: 20px;
    												text-decoration: none;
   													color: #dc34eb;
													border: 1px solid #dc34eb;
    												border-radius: 5px;
    												background-color: #000000;}

.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(images/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 #dc34eb;
    												text-align: center;
    												vertical-align: middle;
    												color: #FFFFFF;
    												font-size: 12px;
    												line-height: 22px;
    												padding-top: 50px;
    												padding-bottom: 50px;}

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

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