input.mobmenu {
	display: none;
}

@media handheld, only screen and (max-width: 800px) {
	img, object, embed {
	    		max-width: 100%;
	   			height: auto;
			}
	
	body {
		 -webkit-animation: bugfix infinite 1s;
	}
	@-webkit-keyframes bugfix {
	 from { padding: 0; }
	 to { padding: 0; }
	}
	
	#logintable {
		width: 100%;
	}
	
	#page, #topnav, .logo, #mainsidebar, #navbar, #main, #subnavbar, .listingarea_content, .listingarea, .viewarea, ul.social, ul#childmenu {
		width: auto;
		float: none;
	}
	
	.onlyfordesktop, .ribbon, .stalk-l, .stalk-r, .stalk-top, .stalk-small {
		display: none;
	}
	
	#top, div.articlelist.cycle-slideshow, .frontpage div.articlelist.cycle-slideshow .item {
		height: auto;
	}
	
	#top {
		padding: 10px;
	}
	.logo {
    	min-width: 200px;
	}

	#toolbar {
		bottom: 0;
		position: relative;
		right: auto;
		margin-right: 0px;
		padding-left: 10px;
	}
	
	#navbar {
		margin: 0 0 20px;
	}
	
	label.mobmenu { 
	  	cursor: pointer;
	  	user-select: none;
		display: block;
		min-height: 1.25em;
		width: 100%;
	}
	label.mobmenu:after {
	    position: absolute;
	    content: "\2261";
		right: 10px;
		color: #fff;
		font-size: 40px;
		top: -8px;
	}
	#mainmenubg{
		margin: 5px 10px;
		background: #3D5E81;
		padding: 10px;
	}
	input.mobmenu[type=checkbox] ~ ul.menu {
		display: none;
	}
	input.mobmenu[type=checkbox]:checked ~  ul.menu {
		display: block;
	}
	/* collapse to two cols */
	.fourcol .col {
		width: 45%;
	}
	
	input.searchinput {
		width: 200px;
	}
	.loggedinbox {
	    background: #3D5E81;
	    color: #FFFFFF;
	    padding: 5px;
	    margin-top: 10px;
	}

	ul.social {
		margin-bottom: 10px;
		min-height: 30px;
	}
	
	 ul.social li {
	 	float: right;
	 }
	
	ul.mainmenu {
		background: #3D5E81;
		height: auto;
		border-bottom: 4px solid #004464;
		margin-top: 10px;
	}
	ul.mainmenu li{
		float: none !important;
		display: list-item;
	}
	ul.mainmenu li a {
		padding: 10px;
		margin: 0;
		display: block;
	}
	ul.mainmenu li a.menuitemselected {
		background: #004464;
	}
	ul.topmenu{
		padding: 10px;
		float: none;
	}
	ul.topmenu li{
		float: none;

	}
	ul.topmenu li a{
		border: none;
		font-size: 14px;
		border-bottom:1px solid #D7D7D7;
		margin-bottom: 10px;
	}

	ul.sidemenu{
		width: auto !important;
		position: static;
	}
	
	div.articlelist.cycle-slideshow{
		margin-bottom: 5px;
	}
	
	.body table {
		width: auto;
	}
}
@media handheld, only screen and (max-width: 665px) { 
	div.threecol > .col {
		height: auto;
		clear: both !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 45%;
	}
	div.threecol.ateam > .col {
    	width: auto;
	}
	div.threecol.ateam > .col .imgwrap {
		float: left;
		margin-left: 0;
		margin-right: 20px;
		width: 100px;
		height: 100px;
		background: #D7E2F0;
	}
	div.threecol.ateam > .col .textwrap {
		border-bottom: 1px solid #CCCCCC;
		float: left;	
		width: 55%;
		text-align: left;
		margin-top: 20px;
	}
}
@media handheld, only screen and (max-width: 620px) {
	#subnavbar, #main, #mainsidebar {
		float: none !important;
		width: auto !important;
	}
	
	.topright {
		background: #fff;
		float: none;
		padding: 5px;
		margin-top: 5px
	}
	/* collapse to one col */
	div.fourcol > .col {
		height: auto;
		clear: both !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: auto !important;
	}
}
@media handheld, only screen and (max-width: 611px) {
	div.threecol.ateam .imgwrap {
		margin-left: 30%;
	}
	
	#top {
		background: #fff;
	}
	
	.topleft, .topright {
		float: none;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	ul.social {
		order: 3;
		margin: 10px 0 0;
	}
	
	input.searchinput {
		width: 80%;
	}
	input.searchsubmit {
		float: right;
	}
}
@media handheld, only screen and (max-width: 460px) {
	div.threecol .imgwrap {
		margin-left: 15%;
	}
	
	div.threecol.ateam > .col .textwrap {
		height: auto;
		clear: both !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: auto !important;
	}

}

@media handheld, only screen and (max-width:320px) {
	#logintable td {
	    display: block;
	}
}
@media handheld, only screen and (max-width:260px) {
	#logintable input#loginuserid, #logintable input#loginuserpassid {
		width: 140px;
	}
}