/* CSS Document */

@media (max-width: 1042px) {
	#content { width:96%; margin:0px 2% 0px 2%; }
	.home #wrapper { background: none; }
	#container { width:100%; }
	#header  { width:100%; height:86px; display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; max-width: 760px;}
	#logo { position: relative; top: 0px; left: 0px; padding: 0px; float:none; }
	#logo h1 { padding-top: 0px; height: 86px;  display: flex;align-items: center;padding-left: 20px; }
	#logo img { width:100%; height:auto; }
	#utility { position:relative; top:auto; left:auto; padding-right:0px; float: none;width: auto;}
	
	.home #header { height:auto; }
	#menu { width: 100%;margin: 0;position: relative;top: auto;left: auto;clear: both; background:#eeeeee;}
	#menu > div {width: 760px;margin: 0 auto; }
	#menu > ul { width: 100%; }
	#menu ul li { padding:0px 1%; }
	#menu ul li.first { margin-left: 0px; }
	#menu ul li.first:hover ul { left:0px; }
	#menu ul li a { padding: 19px 0px 5px 0px; }
	.home #banner { width: 100%;position: relative;top: auto;left: auto;height: auto;padding-bottom: 30px; }
	
	#flash { width:100%; padding:0; height: 220px; background:#333333; border-bottom: 5px #de7a00 solid;}
	#flash #slideshow { margin:0 auto; width:755px; }
	#cycle { width:100%; }
	#cycle .slides { height:220px; }
	#cycle img { max-width: 100%; height:auto; }
	
	#main { width:63%; padding:0px; }
	body.single-post #main,body.archive #main { width:50%;margin-left: 1%; }
	body.single-post #container > #content,body.archive #container > #content { padding-top:25px; }
	#content_wrap  { margin-left:165px; padding-top:25px; }
	.home #main { padding-left:0; width: 100%; }
	.home .entry ul li.left { width:65%; padding-left:0; }
	.home .entry ul li.middle { width:auto; float:none; padding-left:67%; }
	.home .entry ul li.right { width: auto; float: none; padding-left: 67%; padding-top: 3%;}
	#sidebar { width: 35%;padding: 15px 0px 0px 0px; float:none; margin-left:65%; }
	body.single-post  #sidebar, body.archive  #sidebar { width:auto; margin-left:74%; }
	
	#sidebar-left ul li { padding-left:0; }
	body.single-post  #sidebar-left, body.archive #sidebar-left { margin-top:0px; }
	#fluff { width:100%; height:auto; min-height:40px; }
	#fluff:after { clear:none; }
	#breadcrumb { margin-top:0px; padding-bottom: 0px;}
	#share { float: none; margin-left: 50%;text-align: right; margin-top:0px; }
	
	#content { padding-bottom: 0px; }
	#footer-wrap{ margin-top: 0; height: auto; }
	#footer { padding:2%; width:96%; }
	#address { width:20%; padding-right:5%; }
	#footmenu { width: 13%;padding-right: 4%;}
	#services { width: 22%;padding-right: 0px;}
	
	table img { max-width:100%; height:auto; }
  
  #post-401 table tr { display: block; }
  #post-401 table tr td { display: block; width: auto !important;}

}
@media (max-width: 800px) {
	#logo { height:50px; }
	#logo img {  height: 50px; width: auto; }
  #logo h1 { height: 50px; }
	#header #logo { display: none; }
  #banner { margin-top: 50px; }
	#tagline  { float:none; margin-left:50%; width: 47%;height: 83px;display: table-cell;vertical-align: middle;padding: 0px;}
	#utility  { clear:both; margin:0px auto; width: 345px; padding:52px 0px 10px 0px; float:none;}
	#utility:after { display:table; content:""; clear:both;}
	#utility ul li#search { }
	#search { top: 90px;right: 8px;}
	#subscribe { top: 125px; }
	
	#container { display: none; }
	#contentLayer, #mobileNav, #mobile_header { display:block; }
	#wrapper {position:inherit; width:100%; background:#ffffff; margin: 0px;padding: 0px;}
	.home #wrapper { background: none;}
	#hamburger, #mobileNav { display:block; }
	#navigation { display:none; }
	#hamburger {
		border: 1px solid #765512;
		float:right;
		margin: 8px 15px 0px 0px;
		border-radius: 3px 3px 3px 3px;
		cursor: pointer;
		display: block;    
		height: 24px;
		padding: 3px 4px 3px;
		position: relative;
		width: 25px;
		background: #37579e;
		background: -moz-linear-gradient(top,  #37579e 0%, #37579e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37579e), color-stop(100%,#37579e));
		background: -webkit-linear-gradient(top,  #37579e 0%,#37579e 100%);
		background: -o-linear-gradient(top,  #37579e 0%,#37579e 100%);
		background: -ms-linear-gradient(top,  #37579e 0%,#37579e 100%);
		background: linear-gradient(to bottom,  #37579e 0%,#37579e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37579e', endColorstr='#37579e',GradientType=0 );
	}
	#hamburger div {
		background-color: #fff;
		border: 1px solid #eee;
		border-radius: 2px 2px 2px 2px;
		height: 2px;
		margin-top: 3px;
		width: 90%;
	}
	
	#mobileNav {
		right: -250px;
		top: 0px;
		position: fixed;
		z-index: 0;
		display:none;
		width: 250px;
    z-index: 9;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x:hidden;
		overflow-y: auto;
		background: #666666;
		background: -moz-linear-gradient(top,  #666666 0%, #a9a9a9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#a9a9a9));
		background: -webkit-linear-gradient(top,  #666666 0%,#a9a9a9 100%);
		background: -o-linear-gradient(top,  #666666 0%,#a9a9a9 100%);
		background: -ms-linear-gradient(top,  #666666 0%,#a9a9a9 100%);
		background: linear-gradient(to bottom,  #666666 0%,#a9a9a9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#a9a9a9',GradientType=0 );
	}
	
	#mobile_header { display:flex; justify-content: space-between; position:fixed; height:50px; z-index:3; background:#ffffff; width:100%; }
	#scroller { position:absolute; z-index:1; -webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0;}
	#mobileNav ul {list-style: none;margin: 0;width: 100%;padding: 0; z-index: 2000; font-size: 1em !important; }
	#mobileNav li {position: relative;font-weight: bold;padding: 15px;}
  #mobileNav li ul.sub-menu { padding-top: 8px;  }
	#mobileNav li li {font-weight: normal;padding: 2px 15px; line-height: 1.5em; font-size: 1em;}
	#mobileNav li li ul {padding-bottom:8px;}	
	#mobileNav li li li {font-size: 0.9em; line-height:14px; padding: 2px 0px 2px 20px;}
	#mobileNav li a { color: #fff; text-decoration: none;}
	#contentLayer {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 5;
    width: 100%;
		min-height: 1062px;
    background: black;
    display: none;
    opacity: 0;
	}
	
	#menu { display:none; }
	
	#flash #slideshow { width:538px; }
	#flash, #cycle .slides { height:157px; }
	
	#content { padding: 0% 2%; width:96%; }
	#content_wrap #sidebar { margin-left: -50px; width: 300px;}
	
	.home #main { padding: 0% 2%; width:96%; }
	#main { float:none; width:100%; }
	.home .entry ul li.left { width:100%; }
	.home .entry ul li.middle {clear: both;padding: 2% 0%;}
	.home .entry ul li.right { padding-left:0; }

	#address { width:40%; }
	#footmenu { width:40%; }
	#recentposts { clear:left; width:45%; padding-right:8%; }
}

@media (max-width: 550px) {
	#content_wrap { margin-left:0; }
	#wrapper:after { display:inline; height:auto; }
	#header { padding-top: 50px; height: auto;}
	#logo { width: 70%; margin-left:1%; padding:2px; height: 46px; }
	#logo h1 { padding: 0px; height: 46px;}
	#logo img {max-width: 200px;height: 100%;width: auto; }
	#utility {  padding:1% 0px; }
	#utility ul li {padding-left: 0px; padding-right: 0;}
	#utility ul li#search { padding-left:0; width:160px; }
	
	#search { position: relative;top: auto;right: auto;width: 100%;margin: 0px auto; padding-bottom: 10px;}
	#flash #slideshow, #flash { width:320px; margin:0 auto; }
	#flash, #cycle .slides { height:94px; }
	
	
	.home #main {padding-left: 0; width: 100%; }
	.home .entry ul li {float: none; width: 98%; margin-bottom: 3%; padding-left: 0; }
	.home .entry ul li.left, .home .entry ul li.middle, .home .entry ul li.right {width: 100%; }
	li.right .textwidget {height: auto; }
	li.right .textwidget img, li.right img {width: 100%;}
	#secondary {padding-right: 0; padding-top: 2%; width: 100%; background: none;}

	#content_wrap #sidebar  { margin:0 auto; }
	.entry { padding: 0px 2%; }
	#sidebar-left {display: none;}
	
	
	#content { padding-top:0px; overflow:visible; }
	.breadcrumbs { padding-bottom:10px;margin-left: 2.4%; }
	img.alignleft { float:none; padding:0px; }
	img.alignright {float: none; padding: 0px;}
	.entry img { max-width:100%; height:auto; display:block; margin-bottom:7px; }
	.entry table { max-width:100% !important; width: auto !important; }
	
	#footer-wrap {height: auto; }
	#footer { height:auto; position:relative; width:96%; padding-right:1%; padding-left: 2%;}
	#footmenu, #services { display: none;}
	#recentposts, #address {float: none; width: 98%; padding-right: 0px;}
	#recentposts .textwidget p, #footer {font-size: 110%; line-height: 115%;}
	#footer ul li  { margin-bottom:0px; font-size: 110%; line-height: 115%;}
	#address p, #address p span {font-size: 110%; line-height: 115%;}
	#recentposts, #social {padding-left: 17px;}
	td { padding-right:10px; }
	
	h1, h2, h3, p, ul, ol, td, td p {
	  font-size: 120% !important;
	  line-height: 125% !important;
	}
  ul ul {
    font-size: 1em !important;
  }
	
}