.main article header{
        /* float: none; */
        width: 100%;
    }
	
	.main article section{
        /* float: none; */
        width: 100%;
    }
	
	.main article footer{
        /* float: none; */
        width: 100%;
    }
	
	.main article section div{
        /* width: 100%; */
    }
	
	.main article section div img{
        max-width: 70%;
    }
	
	#left-div{
		width:100%;
	}

	#middle-div{
		width:100%;
	}
	
	#middle-div a{
		text-decoration: none;
	}
	
	#side-nav ul li{
		display: inline;
	}
	
	/*Cancel the styling applied to the header nav menu*/
	
	#side-nav{
		float:none;
		width:80%;
		height:auto;
		margin-left:10%;
		margin-right:10%;
	}
	

	
	#side-nav li{
		padding-bottom:21px;
		margin-top:21px;
		margin-bottom:21px;
		width:100%;
	}
	
	#side-nav a{
		font-size: 15px;
		background:rgb(68,110,130);
		color:white;
		width:100%;
		display:block;
		text-align: center;
		padding: 25px 2%;
		margin: 0 0 25px;
		width: 100%;
		border-radius:12.5px;
		text-decoration: none;
		font-weight: bold;
	}
	

	
	#side-nav a:hover{background:rgb(251,194,54);}
	
	.main article header p {
		font-size:17px;
		line-height: 1.4;
	}
	
	.link-div{
		max-width:258px;
		background: url('../img/Get_Involved/Img_Bkg-Sprite.png') 0px 0px;
		background-repeat:no-repeat;
		margin:auto;
		padding-top:40px;
		padding-bottom:1px;
		height:342px;
	}
	
	.link-div:hover{
		background: url('../img/Get_Involved/Img_Bkg-Sprite.png') 253px 0px ;
	}
	
	.link-text{
	font-weight:bold;
	color:white;
	font-size:27px;
	}
	
#events-link{
 	width:219px;
	height:77px;
	margin:auto;
	background : url("../img/Get_Involved/EventsBtn_Sprite.png") 0px 0px ;
	display:block;
	}
	
#events-link:hover {
	background : url("../img/Get_Involved/EventsBtn_Sprite.png")  220px 0px ;
	}

#campaigns-link{
 	width:219px;
	height:77px;
	margin:auto;
	background : url("../img/Get_Involved/CampaignsBtn_Sprite.png") ;
	display:block;
	}
	
#campaigns-link:hover {
	background : url("../img/Get_Involved/CampaignsBtn_Sprite.png") 219px 0px ;
	}
	
	
#challenges-link{
 	width:219px;
	height:77px;
	margin:auto;
	background : url("../img/Get_Involved/ChallengesBtn_Sprite.png");
	display:block;
	}
	
#challenges-link:hover {
	background : url("../img/Get_Involved/ChallengesBtn_Sprite.png") 218px 0px ;
	}

#donate-link{
 	width:219px;
	height:77px;
	margin:auto;
	background : url("../img/Get_Involved/DonateBtn_Sprite.png");
	display:block;
	}
	
#donate-link:hover {
	background : url("../img/Get_Involved/DonateBtn_Sprite.png") 219px 0px ;
	}

#currentCsr-link{
 	width:219px;
	height:77px;
	margin:auto;
	background : url("../img/Get_Involved/CurrentCSRBtn_Sprite.png");
	display:block;
	}

#currentCsr-link:hover{
	background : url("../img/Get_Involved/CurrentCSRBtn_Sprite.png") 219px 0px ;
	}

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

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          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%;
    }
	.space-div{
		width:50%;
		float:left;
		}

}

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

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



.main article section{
	margin-top: 40px;
	}

	#side-nav{
		width:100%;
	}
	
/* ============
    WIDE: Main
   ============ */
		
	/*--- Increase the size of the side nav container to full width ---*/
	#left-div{
		float: none;
		width:100%;
	}
	/*--- align the nav link horizontally  ---*/
	#side-nav ul li{
		width:80%;
	}
	#side-nav a{
		/padding: 25px 0%;
	}
	
	/*--- remove padding to make room for horizontal link layout  ---*/
		
	#side-nav {
		margin-left: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px;
		}

	#left-div {
		margin-bottom: 23px;
		}
	
	#side-nav a{
		font-size: 12px;
	}
	
	#side-nav ul {
		margin-left: 0px;
		margin-right: 0px;
		}
	
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

	
/* #middle-div div{
		width:50%;
		float:left;
	}  */

	.link-button{
		width:50%;
		float:left;
	}
	}



@media only screen and (min-width: 1140px) {
	
		.link-button{
		max-width:100%;
		float:none;
	}
	
	.main article header p {
		font-size: 19px;
	}
	
	/*--- Increase the size of the side nav container to full width ---*/
	#left-div{
		float: left;
		width:33%;
	}
	
	/*--- align the nav link horizontally  ---*/
	#side-nav ul li{
		width:80%;
		display:block;
		margin:0px;
		padding:0px;
	}
	
	#side-nav a{
		display:block; 
	}
	
	/*--- Increase the size of the side nav container to full width ---*/
	
	#middle-div{
		float: right;
		padding-left: 6%;
		width: 60%;
	}

	#event-link{
		margin-top: 0px; 
	}
	
	#middle-div {
		border-color: #568698;
		border-left: medium dashed #568698;
	}
/* ===============
    Maximal Width
   =============== */

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

}