input.mobmenu {
	display: none;
}
@media screen and (max-width: 800px)  {
	    
			img, object, embed {
	    		max-width: 100%;
	   			height: auto;
			}
		
			
			#page{ width: 90%; overflow: hidden; float: none;}
			#footer{ width: 100%; overflow: hidden; float: none;}

			#top, #topnav{ width: 100%; float: none; margin: 20px 0;}
			
			#middle{
				width: 97%;
				padding: 10px;
			}
			
			ul.mainmenu {min-height: 0px;}
			
			#main{
				width: 98% !important;
				float: none !important;
				margin: 0;
				padding: 0;
			}
			
			#main h1.headline{
				 font-size: 2.3em;
			}
			
			.onlyformobile {display: block;}
			.onlyfordesktop {display: none;}
			
			#navbar{
				float: none;
				width: 100%;
				margin: 0;
			}
			
			#mainsidebar{ 
				float: none;
				margin: 10px 0 20px !important;
				width: 98%;
			}
			
			.viewarea {width: 98%;}		
			.viewareacontent{ min-height: 0;}
			
			#topnav{
				margin: 30px 0 !important; 
				background: #fff;
				position: relative;
			}
			
			label.mobmenu { 
			  	cursor: pointer;
			  	user-select: none;
				display: block;
				min-height: 3.25em;
				width: 100%;
			}
			label.mobmenu:after {
			    position: absolute;
			    content: "MENU > \2261";
				right: 10px;
				font-size: 36px;
				font-weight: normal;
			}
			
			input.mobmenu[type=checkbox] ~ ul.menu {
				display: none;
			}
			input.mobmenu[type=checkbox]:checked ~  ul.menu {
				display: block;
			}

			
			ul#topmenu{
				margin: 0;
				padding: 0;
				border-bottom: 3px solid #999999;
				/* background: #E4E4E4; */
			}
			
			ul#topmenu li{
				float: none;
				list-style: none;
				position: relative;
				/* background: #fff; */
			}
			
			ul#topmenu li a{
				border: 1px solid #ccc;
				border-bottom: 1px dashed #ccc;
				color: #333;
				padding: 13px 20px 10px 40px;
				margin: 0;
				display: block;
				font-size: 18px;
				text-decoration: none;
				background: url("http://img2.custompublish.com/getfile.php/2108063.2162.swbtwpypbu/canvas.jpg") repeat #FFFFFF;				

			}
			/*
			ul#topmenu li.menulevel0.hassubitem > a{
				padding-left: 50px;
				position: relative;				
			
			}*/
			
			ul#topmenu li a.menuitemselected, ul#topmenu li a:hover, ul#topmenu li.itemselected > a  {
				background: #6EB8B5;
				border: 1px solid #62A7A4;
				color: #fff;
				text-decoration: none;
				
			}
			
			
			ul#mainmenu{
				margin: 0;
				padding: 0;
				border-bottom: 3px solid #999999;
				/* background: #E4E4E4; */
			}
			
			ul#mainmenu li{
				float: none;
				list-style: none;
				position: relative;
				/* background: #fff; */
			}
			
			ul#mainmenu li a{
				border: 1px solid #ccc;
				border-bottom: 1px dashed #ccc;
				color: #333;
				padding: 13px 20px 10px 40px;
				margin: 0;
				display: block;
				font-size: 18px;
				text-decoration: none;
				background: none;				

			}
			ul#mainmenu li.menulevel0.hassubitem > a{
				padding-left: 50px;
				position: relative;				
			
			}
			
			ul#mainmenu li a.menuitemselected, ul#mainmenu li a:hover  {
				background: #6EB8B5;
				border: 1px solid #62A7A4;
				color: #F8443E !important;
				text-decoration: none;
				
			}
			
			
			ul#mainmenu li a:hover {
				background: #6EB8B5;			
    			color: #fff;
				text-decoration: none;
				
			}
			
			/*ul#mainmenu li ul{display: none;}
	
			.revealSub{
        			background: url(http://img2.custompublish.com/getfile.php/2094824.1602.pftxyatxsx/arrow-sprite2.png) no-repeat  bottom;
       				top: -6px;
       				left: 0px;
       				float: left;
        			height: 10px;
        			padding: 23px 10px 6px 17px;
           			overflow: hidden;
        			position: absolute;
        			width: 28px;
        			z-index: 2;
        			cursor: pointer;
    		}
    			
    		.revealSub.hideSub{
    			background: url(http://img2.custompublish.com/getfile.php/2094824.1602.pftxyatxsx/arrow-sprite2.png)  top no-repeat;
    			top: 4px;
    			   
    		}
    		
    		ul#mainmenu li.firstitem .revealSub{
    			display: none;
    		}*/
			ul#mainmenu ul.submenu{
				padding: 0 !important;
				border-bottom: 3px solid #999;
			}
			
			ul#mainmenu ul.submenu li {
				border: 1px solid #ccc;
				border-bottom: 1px dashed #ccc;
				
			}
			
			ul#mainmenu ul.submenu li a{
				padding-left: 75px;
				border: none;
				
			}
			
			ul#mainmenu ul.submenu.menulevel2{
				border-bottom: none;
			}
			
			ul#mainmenu ul.submenu.menulevel2 li a{
				padding-left: 70px;
			}
			
			div.contactnumber{
				position: static;
				float: none;
				margin: 20px 0;
			}
			
			.articleview div.body {
			    width: 97% !important;
			}
			
			div.threecol > .col {
    		    width: 100% !important;
    		    margin: 0 !important;
			}
			div.threecol .col img.dynimage {
   				width: 40%;
			}
			
			div.multicol > .col { 
				width: 31%;
			}
			
	}

	
		 
	/* SMALL */
	
	    @media screen and (max-width: 635px)  {
	   		
	   		#main{
				width: 95% !important;
			}
			
			#main * div {
				float: none; 
				width: 100%; 
				text-align: center;
			}
			
			#main .textwrap{
				width: 95% !important;
			}
			/*.listingarea * div, .viewarea * div { 
				margin: 0;
    			padding: 0;
    			width: 93% !important;
    		}*/	
			
			#mainsidebar {
   				margin: 0;
			    width: 90%;
			}
			
			#middle{
				width: 100%;
				padding: 0px;
			}
			.viewarea{padding: 10px !important}
			
			div.fourcol > .col {
   		 		float: none !important;
    			margin: 15px 0 0 50px;
    			text-align: center;
    			width: 50% !important;
			}
			.imgwrap h3.caption{
				width: 110%;
				height: 30px;
				font-size: 20px;

			}
			
			div.multicol > .col{
				width: 80%;
				margin-left: 10px;
			}
			div.multicol > .col img{
				width: 100%;
			}

	}
	
	/* TINY */
	
	    @media screen and (max-width: 350px)  {
				
			#main{
				width: 90% !important;
			}
			
			
	}