@media screen and (max-width:980px)
{
	.inner
	{
		width:99% !important;
		margin-left:0.5% !important;
		margin-right:0.5% !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.header .primary
	{
		width:auto;
	}

	#HomepageSlideshowContainer .slideshow .slide,
	#HomepageSlideshow, #HomepageSlideshowContainer,
	.pageImage
	{
		width:100%;
	}

	.sideBar
	{
		width:20%;
	}

	#Content
	{
		width:77%;
		margin-left:3%;
	}
	#Content.noSideBar
	{
		margin-left:23%;
	}

	.contactMap {
		display: none;
	}

	ul.newsArticles, ul.boardMembers
	{
		margin-right:0px;
	}
	ul.newsArticles li .newsThumbnail, ul.boardMembers li .boardMemberImage
	{
		width:18%;
	}
	ul.newsArticles li .newsThumbnail img, ul.boardMembers li .boardMemberImage img
	{
		width:100%;
	}
	ul.newsArticles li .newsBlock, ul.boardMembers li .boardMemberBlock
	{
		margin-left:2%;
		width:80%;
	}
	ul.newsArticles li .newsBlock.noThumbnail, ul.boardMembers li .boardMemberBlock.noThumbnail
	{
		margin-left:20%;
		width:80%;
	}

	.donationBar .donationMessage
	{
		margin-left:0.5%;
		width:20%;
	}
	.donationBar .donationDetails
	{
		margin-left:2.5%;
		width:25%;
	}
	.donationBar .donationDetails input[type=text]
	{
		width:100%;
	}
	.donationBar .donationDetails select
	{
		width:105%;
	}
	.donationBar .donationAmount
	{
		margin-left:4%;
		width:48%;
	}
}

@media screen and (max-width:950px)
{
	.header .primary li a
	{
		font-size:18px;
		padding:6px 0px;
	}
}

@media screen and (max-width:880px)
{
	.header .primary li a
	{
		font-size:17px;
	}
}

@media screen and (max-width:800px)
{
	.header .primary li a
	{
		font-size:16px;
	}
}

@media screen and (min-width:768px)
{
	.header .primary > ul
	{
		display:block !important;
	}
}


@media screen and (max-width:767px)
{
	#Content
	{
		width:75%;
	}
	#Content.noSideBar
	{
		margin-left:13%;
		margin-right:13%;
	}
	.header .inner a.brand
	{
		float: none;
		width:218px;
		margin:0 0 5px 0;
		display:block;
	}
	.donationBar .donationButton {
		padding-left: 5px;
	}
	.header .inner
	{
		height:auto;
	}
	.header .primary
	{
		margin-top:0px;
		width:100%;
	}
	.header .primary > ul
	{
		display:none;
		float:none;
	}
	.header .primary li
	{
		float:none;
		margin:0px;
		padding:0px;
	}
	.header .primary li a
	{
		background-color:#fff;
		border-left:10px #fff solid;
		padding:10px 0px 10px 15px !important;
		border-bottom:0px solid transparent !important;
	}
	.header .primary li:hover a
	{
		background-color:#fff !important;
	}

	.header .primary li:hover > a,
	.header .primary li.current > a,
	.header .primary li.section > a
	{
		border-left-color:#744975;
	}

	.header .primary li.link .secondaryNav,
	.header .primary li.link:hover .secondaryNav
	{
		display:none !important;
	}
	.header .primary li.current .secondaryNav,
	.header .primary li.section .secondaryNav
	{
		display:block !important;
		position:relative;
		right:auto;
		top:auto;
		float:none;
		width:auto;
		border-left:10px solid #744975;
		border-top:0px solid transparent;
	}
	.header .primary li .secondaryNav li a
	{
		background-color:#fff;
	}
	.header .primary li .secondaryNav li > a
	{
		padding-left:15px;
	}
	.header .primary li .secondaryNav li.link a
	{
		color:#000;
	}
	.header .primary li .secondaryNav li.current > a,
	.header .primary li .secondaryNav li.section > a
	{
		padding-left:15px;
		color:#744975;
		font-weight:bold;
		border-left-color:#744975;
		background-color:#fff;
	}

	.header .primary .secondaryNav li.current .tertiaryNav,
	.header .primary .secondaryNav li.section .tertiaryNav
	{
		border-left:10px solid #744975;
	}

	.header .primary .secondaryNav li.current .tertiaryNav,
	.header .primary .secondaryNav li.section .tertiaryNav
	{
		display:block !important;
		float:none;
	}

	.header .primary .secondaryNav .tertiaryNav li a
	{
		padding-left:15px;
	}

	.header .primary .secondaryNav .tertiaryNav li.current > a,
	.header .primary .secondaryNav .tertiaryNav li.section > a,
	.header .primary .secondaryNav .tertiaryNav li:hover > a
	{
		padding-left:15px;
		color:#744975;
		font-weight:bold;
		border-left-color:#744975;
		background-color:#fff;
	}



	.columnHeading
	{
		width:300px;
	}
	.columnBody
	{
		padding:15px 0px 10px;
	}

	.footer .inner.upper
	{
		padding-top:15px;
	}
	.footer .inner .left
	{
		width:98%;
	}
	.footer .inner .right
	{
		float:left;
		width:98%;
		margin-top:10px;
		text-align:left;
	}

	#Content .pageBody
	{
		width: 100%;
	}

	#ScrollToTop
	{
		right:25px;
	}

	.inner > div
	{
		margin-left:1%;
		margin-right:1%;
	}

	.pageImage
	{
		margin:0px 0px !important;
	}

	#HomepageSlideshowContainer
	{
		display:none;
	}

	.threeColumn.first, .threeColumn.second, .threeColumn.third
	{
		margin:10px 3% 0px;
		width:94%;
	}

	#MenuButton
	{
		display:block;
		text-align:center;
		background-color:#744975;
		padding:12px 0px;
		font-size:15px;
		color:#fff;
		cursor:pointer;
		text-transform:uppercase;
		margin:0px;
	}

	form
	{
		width:100%;
	}
	form label.left
	{
		width:80%;
		max-width:80%;
	}
}

@media screen and (max-width:720px)
{
	#Breadcrumbs
	{
		float:none;
		line-height: 12px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	ul.newsArticles li .newsBlock, ul.boardMembers li .boardMemberBlock
	{
		height:auto;
	}
	ul.newsArticles li .newsThumbnail, ul.boardMembers li .boardMemberImage
	{
		height:100%;
	}
	ul.newsArticles li .newsTitle h3
	{
		margin:0px;
	}
	ul.newsArticles li .newsTitle .newsDate
	{
		float:none;
		line-height:13px;
	}
	ul.newsArticles li .newsTitle
	{
		margin-bottom:10px;
	}
	.sideBar
	{
		display:none;
	}
	#Content
	{
		width:94%;
		margin-left:3%;
		margin-right:3%;
	}
	#Content.noSideBar
	{
		margin-left:3%;
		margin-right:3%;
	}

	.newsArticleContent
	{
		width:100%;
	}



	ul.faqList
	{
		width:100%;
	}
	ul.faqList li .questionPrefix
	{
		width:8%;
		margin:0px;
	}
	ul.faqList li .questionBody
	{
		width:92%;
	}
	ul.faqList li .answerBody
	{
		width:92%;
		margin-left:8%;
	}
}

@media screen and (max-width:640px)
{
	.donationBar .donationMessage,
	.donationBar .donationDetails,
	.donationBar .donationAmount {
		float: none;
		width: auto;
		margin-left: 0;
	}
	.donationBar .donationDetails,
	.donationBar .donationAmount {
		margin-top: 20px;
	}
	.donationBar .donationDetails select,
	.donationBar .donationDetails input[type=text] {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#DonationOtherBox {
		white-space: nowrap;
	}
}
@media screen and (max-width:480px)
{
	.pageImage .pageImageText
	{
		width:100%;
	}
}
@media screen and (max-width:350px)
{
	iframe
	{
		display:none;
	}
}
@media screen and (max-width:335px)
{
	.columnHeading
	{
		width:100%;
		margin:0px;
	}

	.typography img
	{
		float:none !important;
		display:block !important;
		margin:0 auto !important;
		max-width:none !important;
	}
}