/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   


/* Set the color and text decoration for the banner text link */
#banner-text a  {
	text-decoration:underline;
	color:#39b0ab;
	}
/*Remove the margin to move the banner text and link text together*/
#banner-text  p {
	margin:0;
	}
	
/* Size the divs to the correct pixel width to load the background image for the links */
.button-links{
	width: 241px;
	height:238px;   
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin:auto;
}
/* make the links the same size as the divs that contain them to creat the figer pointer on hover */
.button-links a{ 
 	width :100%;
	height:100%;  
	display:block;
	}

/*Load the background images for each link*/

#team-link{
	background: url('../img/Home/TeamBTN_UP-05.png')0px 0px;
	}
#board-link{
	background: url('../img/Home/BoardBTN_Up-05.png')0px 0px;
	}
#contact-link{
	background: url('../img/Home/ContactBTN_Up-05.png')0px 0px;
	}

/*load the hover background images for each image*/

#team-link:hover{
	background: url('../img/Home/TeamBTN_UP-05.png') 241px 0px;
	}
#board-link:hover{
	background: url('../img/Home/BoardBTN_Up-05.png') 241px 0px;
	}
#contact-link:hover{
	background: url('../img/Home/ContactBTN_Up-05.png') 241px 0px;
	}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          Media Queries For Tablet size Browser AND UP                                   ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 480px) {
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
    .oldie nav a {
        margin: 0 0.7%;
    }

/*-------------------- Header Styling --------------------*/
/* push the side nav links down the page away from the */
.main article section{
	margin-top: 40px;
	}

}



/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                                Media Queries For PC size Browsers AND UP                                ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 768px) {

/* ============
    WIDE: Main
   ============ */
	
	.main article header{
        width: 100%;
    }
	
	.main article section{
        width: 100%;
    }
	
	.main article footer{
        width: 100%;
    }

}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                            Media Queries For Tablet Browsers Only                                       ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 1140px) {

	
/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }

	#left-section{
		float:left;
	}
	
	#center-section{
		float:left;
		border-left: medium dashed #568698;
		border-right: medium dashed #568698;
	}
	
	#right-section{
		float:right;
	}
	
	article section{
		border-top: medium dashed #568698;
	 	max-width:32.75%;
		margin:auto;
	} 
   

   
/*    #Second-header{ 
		margin-top:-228px;
	} */
}