#logo	{width:700px; height:63px}
.size	{width:700px}
.adImage, #navBar	{display:none}
.gray  {width:220px;}
.white {width:480px;}
.white .nav	{
	position:absolute;
	top:63px;
	margin:0;
	left:0;
	}
.quote		{
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	background-color:#eee;
	margin:0 0 5px 5px;
}
.questions, textarea {width:96%; height:90px; margin:2%}
.documentation p {padding-left:16px}

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

	.white .nav	{
		position:relative;
		left: -7px;
		top:0;
		}
	.size		{background:url(images/logo_bg.jpg) repeat-x top left; width:100%}
	#logo		{background:url(images/logo_500.jpg) no-repeat top left!important; width:100%}
	ol			{margin-left:0}
	.gray		{display:none}
	.white		{width:98%; padding:0 1%;}
	.adImage, .white .nav	{display:block; float:left; margin:0 5px 15px 0}
	.adButtons	{width:90%; height:auto; background-size:contain}
	.quote		{
		padding:15px;
		width:250px;
		float:right;
		}
	.questions td	{display:inline-block; float:left}
	.questions td.q	{clear:left}
	
	.footerLinks table {display:inline-block; width:98%; padding:0 1%; height:80px; position:relative}
	.footerLinks td {display:inline}
	.footerLinks .buttonSpacer {height:55px; display:inline-block}
	#loginBtn {position:absolute; bottom:-15px; right:0}
		:root #loginBtn {
			bottom:20px\0/;
			}
	.siteBtn1	{background-image:url("/images/3steps_320.jpg")}
	.siteBtn2	{background-image:url("/images/box_bus.jpg");}
	.siteBtn3	{background-image:url("/images/box_indiv.jpg");}
	.siteBtn4	{background-image:url("/images/box_hous.jpg");}
	.siteBtn5	{background-image:url("/images/box_edu.jpg");}
	#base {margin-top:40px}
}
@media screen 
and (max-width : 500px) {
	.header {margin-top:30px}
	.subcategory {width:100%}
	.grant_category .hrd span{display:inline-block; clear:left}
	
		:root .footerLinks td {
			float:left\0/;
			}
		:root #loginBtn {
			bottom:15px\0/;
			}
			
	.contactText {width:90%}
	#navBar {display:block}
	.white .nav	{
		position:absolute;
		height:490px;
		width:219px;
		top:0;
		left:0;
		margin:0;
		padding:0;
		-webkit-box-shadow:0 0 15px #000;
		   -moz-box-shadow:0 0 15px #000;
				box-shadow:0 0 15px #000;
		}
	.white .nav ul	{
		margin:0;
		padding:0;
		}
	.white a img {width:96%}
	#base {margin:40px 0 0 20px; padding:0}
	#base li {float:left}		input,select,textarea { font-size:16px !important; }
}
@media screen 
and (max-width : 320px) {
	
	.size	{width:300px}
	#logo	{background:url(images/logo_320.jpg) no-repeat top left!important; width:100%!important}
	.quote	{
		padding:15px 2%;
		width:96%;
		float:left;
	}	input,select,textarea { font-size:16px !important; }
}

@media screen 
and (max-width : 240px) {
	
	.size		{width:220px}	input,select,textarea { font-size:16px !important; }

}