@charset "utf-8";
/* CSS Document */


@media (max-width: 1205px) {
	.page {
		width:100%;
		
	}
	.main {
		flex:1;
		padding-left:5px;
	}
	.flexbox {
		display:flex;
	}
	
	.donatebutton {display:none;}
	
	.donatebuttont {display:block;}
	
	.searchcontrols { position: absolute;
    	top: 35px;
    	right: 4px; }
		
		
	.sidemenu {
		width:20%;
		min-width:150px;
	}
	.footer IMG {
		width:100%;
	}
}

@media (max-width: 1020px) {
	.ans textarea {
		width:100%;
	}
}

@media (max-width: 930px) {

	
	#ewgraphic {display:none;}
	
	.footer {
		background-color:#3C7D84;
	}
	.footer IMG {
		display:none;
	}
	.footerinfo {
		position:static;
	}
	.endfooter {
		clear:both;
	}
	.f_centre {
		float:right;
		margin-right:5px;
	}
	.f_right {
		clear:right;
	}
	

}

@media (max-width: 915px) {
	.topmenu {
		float: none;
		margin: 0 auto;
		width: 70%;
		text-align:center;
	}
	
	.topmenu::before, .searchcontrols::before {
		clear:left;
		content:'';
		display:table;
	}
	.topmenuitem {
		border: 1px solid green;
		float:none;
		margin: 0px 3px;
		width: 75px;
		display: inline-block;
	}
}

@media (max-width: 820px) {
	.topmenu {
		width:80%;
	}
}

@media (max-width: 695px) {
	.accesscontrols {
		display:none;
	}
	.topmenu {
		width:100%;
	}
	.main IMG[style*="float: right"] {
		display:none;
	}

	.searchcontrols { position: absolute;
    	top: 4px;
    	right: 10px; }
	
	.maddev {
		display:none;
	}
}

@media (max-width: 550px) {
	
	#cornerlogo IMG{
		width:250px;
	}
	#cornerlogo {
		margin-bottom:5px;
	}
	.sidemenu {
		font-size:0.8em;
		min-width:0;
		width:100%;
		padding-left:0;
		margin-top:0;
	}
	
	.flexbox {
		display:block;
	}
	.sideheader {
		width:95%;
		border: 1px solid grey;
		padding:3px;
		margin:4px;
		background-color:#FF6600;
		color:white;
	}
	.sidemenuitem, .sidemenuitem_selected {
		float:left;
		width:auto;
		border: 1px solid grey;
		margin:4px;
		clear:none;
	}
	.sidemenuitem_selected {
		background-color:#006666;
		color:white;
	}
	.main {
		margin-top:5px;
		width:100%;
		padding-left:5px;
		padding-right:0;
	}
	body {
		margin:0;
	}
	
	.accesscontrols {
		margin-top:0;
	}
	


	.searchcontrols {
		margin-top: 0px;
		display: table;
		margin: 0 auto;
		width: auto;
	}
	
	.secmenu { margin: 0 auto; float:none; margin-top:10px; display: table;clear:left;}
	.secbutton {
		margin-left:5px;
		margin-bottom: 5px;
		margin-right:0;
		margin-top:0;
		border: 1px solid grey;
		padding: 5px 7px;
		line-height: 1.6em;
		background-color: #4C8284;
		border-radius: 4px;
	}
	.secbutton a {color:white; }
	.sidemenu {position:static; }
	
	.secmenuitem  {
		display:none;
	}
	.currentMainMenu {display:block;}
	.burger {
		display:block;
	}
}