/*-------------  Navigation Styling  -------------*/

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }
	
/* ============
    WIDE: Main
   ============ */
	
	.main article header{
        /* float: none; */
        width: 100%;
    }
	
 	
	.main article section{
        width: 90%;
		padding:10%;
		padding-top:25%;
		background-image: url('../img/News/Feature_Bkg-03.png');
		background-repeat:no-repeat;
		background-size:100% 100%;
    } 


	#news-image{
		max-width:100%;
		padding:1%;
		border:dashed;
		border-color:rgb(86,134,152);
	}
	
	.main article section p{
        text-align:left;
		max-width:100%;
    }
	
	.main article footer{
        /* float: none; */
        width: 100%;
    }
	
	.main article section div{
        width: 100%;
    }
	
	.main article section div img{
        max-width: 100%;
    }
	
	
	.main article header p {
		font-size:17px;
		line-height: 1.4;
	}

	/*------------------ Mobile Footer Styling ----------------------------*/
	
	#mobile-footer{
		width:100%;
		}
	
	footer div{
		width:215px;
		margin:auto;
		}
		
	footer div p{
		font-size:19px;
		}
		
	.links-div table p{
		font-size:30px;
		}
		
	.links-div, .links-div table{
		width:320px;
		text-align:center;
		}
		
	#copyright{
		width:100%;
		text-align:center;
		}
	
	/*hide the desktop footer*/
	#desktop-footer{
		display: none /* !important */;
		visibility: hidden;
		}
	
		/*------------------ Mobile Footer Styling ----------------------------*/
	
	#mobile-footer{
		width:100%;
		}
	
	footer div{
		width:215px;
		margin:auto;
		}
		
	footer div p{
		font-size:19px;
		}
		
	.links-div table p{
		font-size:30px;
		}
		
	.links-div, .links-div table{
		width:320px;
		text-align:center;
		}
		
	#copyright{
		width:100%;
		text-align:center;
		}
	
	/*hide the desktop footer*/
	#desktop-footer{
		display: none /* !important */;
		visibility: hidden;
		}
		
		/*--------- Footer Styling ----------------*/
	/* Set the text color */
	footer p{
		color:white;
		}	

	#links p{
		text-align:center;
		}
		
		
	/* Set the images in the footer links to the correct size */
	.iFooter{
		width:75px;
		height:75px;
		}

	
/* ==========================================================================
   Media Queries
   ========================================================================== */

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

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

	header  li {
		display:inline;
		width:16.65%;
	}

	header nav li a {
		font-size:7px;
		display:inline;
	}

	header nav ul li{
		margin: 0px;
		float:left;
		width:16.65%
	}
	
	#logo-sprite{
		float:left;
	}
	
	header nav{
		margin-top:100px;
		border-top:1px solid #F0F0F0;
	}
	
	#donateLink{
		width:75px;
	}
	
	
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    .oldie nav a {
        margin: 0 0.7%;
    }
	
	/*Decrease the padding at the top of the section to allow for screen size increase*/
	.main article section{
		padding-top:15%;
    } 
	
}

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

@media only screen and (min-width: 768px) {
	
	.main article header p {
		font-size: 19px;
	}
	
	header nav{
		border:none;
		margin-top:25px;
	}
		
	header ul{
		float:right;
	}
			
	header nav ul li{
		width:70px;
	}
	
	/*Decrease the padding at the top of the section to allow for screen size increase*/
	.main article section{
		padding-top:10%;
    } 

}



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

	header nav {
		width:600px;
		float:right;
		margin-top:44px;
	}

	header nav ul{
		width:100%;
		float:right;
	}

	header nav ul li{
		width:100px;
	}
	
	header nav ul li a{
		font-size:11px;
	} 

	#logo-sprite{
		height:140px;
		width:310px;
	}
	
	/*Decrease the padding at the top of the section to allow for screen size increase*/
	.main article section{
		padding-top:5%;
    } 
		/*-----------------   desktop footer styling   ------------------*/

	/*Hide the Mobile Footer*/
	#mobile-footer{
		display: none !important;
		visibility: hidden;
	}

	/*Show the desktop Footer*/
	#desktop-footer{
		display: block;
		visibility: visible;
	}
	#desktop-footer{width:100%;}
	
	#address-div{
		float:left;
		margin-left:15px;
		}
	
	.links-div{
		float:right;
		position:relative;
		top:-110px;
		right:25px;
		}
	
	#phone-div{
		position:relative;
		top:20px;
		left:-140px;
		}
	
	#clear-div{
		height:50px;
	}
	
	#copyright p{
		position:relative;
		left:160px;
	}
/* ===============
    Maximal Width
   =============== */
   .news-image{
	max-width: 179px;
	min-width:1%;
	width:174px;
   }

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

}