@media screen and (max-width: 1050px)
{
	#topnav
	{
	min-width:750px;
	}
	#maincontainer
	{
		min-width:750px;
	}
	ul#nav li
	{
		width: 33%;
	}
	div.topbar
	{
		min-width:750px;
		height:60px;
	}
}
@media screen and (max-width: 1000px)
{
	#maincontainer
	{
		width:100%;
	}
	#pillarleft
	{
		display:none;
	}
	#pillarright
	{
		display:none;
	}
	#topleft
	{
		display:none;
	}
	div.topright
	{
		display:none;
	}
}
@media screen and (max-width: 785px)  
{
	#topcontainer
	{
		min-width:280px;
	}
	div.topbar
	{
		min-width:280px;
	}
	#index-about
	{
		display:none;
	}
	#upcoming-events
	{
		float:center;
		width:100%;
		text-align:center;
		padding-left:0;
	}
	#mapholder
	{
		display:none;
	}
	#articles
	{
		float:center;
		width:100%;
		text-align:center;
	}
	#articlesmain
	{
		float:center;
		width:100%;
		text-align:center;
	}
	#maincontainer
	{
		width:100%;
		min-width:300px;
	}
	div.header
	{
		height:80px;
		width:400px;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#topcontainer
	{
		height:150px;
	}
	#mybgcarousel
	{
		display:none;
	}
	#sidenav
	{
		display:none;
	}
	#container
	{
		width:100%;
		min-width:300px;
	}
	p
	{
		font-size:12px;
	}
	td
	{
		font-size:10px;
	}
	#title
	{
		display:none;
	}
}
@media screen and (max-width: 500px)  
{
	div.topbar { background: none; }
	nav ul     { display: none; }
	nav select
	{
		display: inline-block;
		width:100%;
		color:#0000FF;
		text-align:center;
	}
	#topcontainer
	{
		height:100px;
	}
}

@media screen and (max-width: 400px)  
{
	div.header
	{
		float:center;
		width:300px;
		height:60px;
	}
	#topcontainer
	{
		height:80px;
	}
}
@media screen and (max-width: 350px)  
{
	p
	{
		font-size:10px;
	}
	td
	{
		font-size:10px;
	}
	div.header
	{
		height:60px;
	}
}