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

   p,
   a,
   h1,
   h2,
   h3,
   h4{
	margin-bottom:0px;
	margin-top:0px;
   }
   
	header img{
		max-width: 80%;
	}
	
	.news-image {
		max-width: 179px;
	}
	
	.main article header p {
		font-size: 16px;
	}
	/*-------------- Content managable area styling ---------------*/
	
	.header-image{
		background-image: url('../img/News/Banner_Bkg-03.png');
		background-repeat:no-repeat;
		background-size:100% 100%;
		padding-right: 5%; 
		padding-left: 5%; 
		padding-top: 5%; 
		padding-bottom: 5%; 
		
	} 


	.news-image{
		background-image: url('../img/News/Story2_BlueBkg-03.png');
		background-repeat:no-repeat;
		background-size:100% 100%;
		/* min-width: 75%; */
		padding: 12.5%;
		} 


	.sub-text , .header-text{
		background-image: url('../img/News/Banner_Title-03.png');
		background-repeat:no-repeat;
		background-size:100% 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 25px;  
		margin: auto;
		max-width: 689px;
		}
	
	.main article header p {

	}
		
	.news_teaser{
		max-width:80%;
		margin-left:10%;
		margin-right:10%;
	}

	.sub-text a p, .header-text a p{
		font-weight:bold;
	}
	
	.sub-text a , .header-text a  {
		text-decoration: none;
	}

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

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

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

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    .oldie nav a {
        margin: 0 0.7%;
    }
	
	.news-image{
		background-image: url('../img/News/Story2_BlueBkg-03.png');
		background-repeat:no-repeat;
		background-size:100% 100%;
		/* min-width: 50%; */
		padding: 7%;
	} 
}

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

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

	/*-------------- Content managable area styling ---------------*/	

	.news_teaser{
		max-width:100%;
		margin:0;
	}
	
	.news-image{
		background-image: url('../img/News/Story2_BlueBkg-03.png');
		background-repeat:no-repeat;
		background-size:100% 100%;
		padding-top: 35px;
		padding-bottom: 35px;
		padding-right: 35px;
		padding-left: 35px;
	}
	
	.news-item {
		margin: auto;
		max-width: 100%;
		}
	
	.header-text h1,
	.header-text p{
		padding-left:20px;
	}


	.header-text{
		max-width: 689px;
	}
	

	
	 h2, .sub-text p{
		margin-left:22px;
	}

	.header-text{
		padding-top: 5px;
		padding-bottom: 5px;
		}
	

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

	.sub-text  h2{
		margin-top:22px;
	}

	.sub-text a p, .header-text a p{
		text-align:right;
	}
	
	.sub-text a p, .header-text a p{
		text-align:right;
	}
	
	.sub-text a p {
		text-align:right;
		position:relative;
		right:20px;
	}

	.sub-image{
		position:relative;
		margin-left:134px;
	}

	.news-item {
		text-align:left;
	}

	section img {
		float:left;
		width:244px;
		margin-left: 0%;
		margin-right: 0%;
	}
	

	.sub-text{
		float:right;
		background-image: url('../img/News/Story1_YellowBkg-04cropped.png');
		background-repeat:no-repeat;
		background-size:100% 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		position: relative;
		height:173px;
		right: 134px;
		width: 533px;
		top:26px;
	}


	.sub-text p,.sub-text h1 {
		text-align:left;
	}
	
	.header-text{
		max-width: 689px;
		position: relative;
		top: -125px;
		margin-bottom:-125px;
		text-align:left;
	} 
}

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

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


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

}