@media screen and (max-width: 961px) {
	#header > a {	font-size: 1.3em; }
	
	#picture {
		display:inline-block;
		background-color: #012E40;
		background-repeat: no-repeat;
		right:0px;
		height:240px !important;
		position:relative;
		margin-top: 0;
	}
}
@media screen and (max-width: 910px) {
	#header > a {	font-size: 1.2em; }
}

@media screen and (max-width: 870px) {
	#header > a {	font-size: 1.1em; }
}

@media screen and (max-width: 840px) {
	#header > a {	font-size: 1.0em; }
}

@media screen and (max-width: 800px) {
	div.info{
		padding: 6px 0;
	}
	
	#col-right{
		width:auto;
		display:inherit;
		position:relative;
		top: auto;
		right: auto;
		text-align: center;
	}
	
	.rightbox{
		width: auto !important;
	}
	
	#col-left{
		width:auto;
		display:inherit;
		position:relative;
		top: auto;
		left: auto;
		text-align: center;
	}
	
	.leftbox{
		width: auto !important;
	}	
		
	.oSticky {	position:relative;
				top:auto; 
				right:auto;
			 }
			 
	div.leftcol {
		margin-right:auto;
	}
	
	div.rightcol {
		margin-left:auto;
	}	
	
	#header > a img {
		display:inline;
		}
}

@media screen and (max-width: 730px) {
	#header > a {	
		font-size: 1.2em;
		line-height:inherit;
	}
	
	#header > a img {
		display:inline;
		height:50px;
		}
		
	#searchdiv {
		float:none;
		display:inline-block;
		top: 4px;
	}
	
	#header {
		text-align:center;
	}
	
	#header > a {
		float:none;
	}
	
	#header > a span {
		display:block;
	}
}

@media only screen and (max-width :570px) {
	form div select, form div textarea, form div input[type='password'], form div input[type='text'], form div input[type='email'], form div label{
		width:96%;
	}
	
	.inner-form-left {
		text-align:center;
	}
	
	.inner-form-div label, .inner-form-left label {
		display:block;
		text-align:center;
		width:96%;
	}
	
	.inner-form-div input[type='text'], .inner-form-div input[type='password'], .inner-form-div input[type='email'], .inner-form-div input[type='password'] {
			width:96%;
	}
	
	.inner-form-div textarea {
		width:96%;
	}
	
	table.searchform td select {
		width:100%;
	}
	
	#ndbanner #ndbanner-ndgov img {
		margin-left: -197px;
	}
	
	table.sitelist {
		font-size: .9em;
	}
	
	form div {
		text-align: center;
	}
	
	.column3 {
		float: left;
		width: 50%;
	}

}

@media screen and (max-width: 470px) {
	#mainbody {	padding: 0px 2%;
				}
				
	#header > a {	font-size: 1.2em; }
	
	a.result {
		padding:0 5px;
		-ms-word-break: break-all;
		word-break:break-all;
	}
	
	table.searchform td select {
		width:96%;
	}
	
	table.searchform td input[type='text'] {
		width:90%;
	}
	
	#searchForm {
		margin-left:60px;
	}
	
	#navbars {
		display: inline-block;
	}
	
	#tmpholder {
		display:none;
	}
	
	body {
		font-size:16px;
	}
	
	.imageleft, .imageright {
		float:none;
		display: inline-block;
		max-width:none;
		width:100%;
	}
	
	.vertical_whitespace150, .vertical_whitespace200, .vertical_whitespace250 {
		height:auto;
	}
	
	.content {
		text-align:center;
		padding:0;
	}
	
	.content p ,.whatsnew {
		text-align:justify;
	}
	
	/*.content p a{
		display: inline-block;
		border: 1px solid #012E40;
		text-align: center;
		padding: 5px 10px;
		border-radius: 5px;
		min-width: 92%;
	}*/
	
	.content ul {
		text-align:left;
	}
	
	h1 {
		text-align:center;
	}
	
	.imageleft.about {	margin-bottom: 0; }
	
	.bulletpoint {	margin-left: 0; }
}

.bulletpoints {	font-family: Arial, Helvetica, sans-serif; }

@media only screen and (max-width :350px) {
	#container {
		padding:0;
	}
	
    #ndbanner #ndbanner-ndgov img {
        margin-left: -257px;
    }
    
	#header {
		font-size: 115%;
	}
	
	#social {
		right:15px;
	}
	
	table.sitelist {
		font-size: .8em;
	}
	
	#header > a img {	display:inline;
						height:44px;}
						
						
/* ARB column layouts
-------------------------------- */
.colHolder{
	-moz-box-sizing:border-box;
	box-sizing: border-box;
	position: relative;
}
.colHolder::after{
	content:'';
	display:block;
	clear:both;
}
	.column2{
		margin: 0;
		padding: .5em;
		float: left;
		width: 100%;
		text-align: left;
		list-style-type: none;
	}
}
/*Devices with very short screens.  Typically iphones in landscape mode*/
@media only screen and (max-height : 470px) {
	
	#picture {
		margin-top: 0;
	}
	
	#searchForm {
		margin-left:60px;
	}
	
	#navbars {
		display: inline-block;
	}
	
	#tmpholder {
		display:none;
	}
	
	#col-right {
		top:0px;
	}
	
	#col-left {
		top:0px;
	}
}

@media only screen and (max-height : 470px) and (min-width: 960px) {
	#tmpholder {
		position:relative;
		height:auto;
	}
}