#rainfall-diagram-container {
	position:relative;
	/*max-width: 600px;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

#caVolume {
	position: absolute;
	top: 71%;
	left: 60%;
	background-color:transparent;
	color: blue;
	border:0px;
}

#caLength2 {
	position: absolute;
	top: 22%;
	left: 37%;
	background-color:transparent;
	color: blue;
	border:0px;
}

#caWidth2 {
	position: absolute;
	top: 25%;
	left: 75%;
	background-color:transparent;
	color: blue;
	border:0px;
}

#caRain2 {
	position: absolute;
	top: 65%;
	left: 88%;
	background-color:transparent;
	color: blue;
	border:0px;
}

.caV {
	width: 70px;
	background-color:transparent;
	color: blue;
	border:0px;
	font-weight:bold;
}

.caV1 {
	width: 30px;
	background-color:transparent;
	color: blue;
	border:0px;
	font-weight:bold;
}

h1,h2,h3{text-align:center}h4,p{padding-left:10px}.noborder,a{border-width:0}#masthead,h4{text-align:left}#footer,.footer{clear:both}hr,ul li{margin-bottom:10px}body{margin:0;padding:0;font:13px Verdana,Geneva,Arial,Helvetica,sans-serif;background-color:#fff;height:50vh}h1,h2,h3,h4,p{font-family:Helvetica,Arial,sans-serif}.field-alert,h4{font-weight:700}h1{font-size:200%}h2{font-size:150%}h3,h4,ol li{font-size:140%}.column-format,.footer,.tile-menu-cell,.warningMessage,figure{text-align:center}p{word-spacing:1px;font-size:150%;line-height:28px;margin-bottom:25px;padding-right:10px}a{border:none}a:link,a:visited{color:#00f}hr{background-color:#663;color:#663;height:1px;width:95%;margin-top:10px}form{font:13px Verdana,Geneva,Arial,Helvetica,sans-serif}ol li,ul{font-family:Helvetica,Arial,sans-serif;word-spacing:1px}ol li{padding:5px;line-height:30px}figcaption{font-size:125%;padding-top:15px;color:#06471d}.noborder{-moz-border-radius:0;-webkit-border-radius:0px;border-radius:0}.button-container hr{margin-top:5px;margin-bottom:5px}ul{list-style:circle;font-size:130%}li{line-height:20px}#masthead-container{position:fixed;top:0;height:70px;width:100%;z-index:10;background-color:#fff}#masthead{background:url('../image-files/1035.jpg') center no-repeat;padding:0;width:100%;min-height:60px;margin-left:auto;margin-right:auto;z-index:10}#leftmast{margin-left:5px;float:left}#contactus img,#leftmast img{border:0}#leftmast a img#logo-60-mobile,#menu-button,.clearWarningMessage,.socialmedia-menu{display:none}#rightmast{margin-right:30px;float:right;z-index:10}#search-contactus,.button-container,.column-format,.messagecontainer,.warningMessage,figure{margin-left:auto;margin-right:auto}.searchbox{float:left;padding:0 20px}#contactus{float:left;padding-left:20px}#top_nav{width:100%;height:15px;background-color:#000}#search-contactus{display:none;width:180px;padding:0}.searchbox-slidemenu{float:left;width:90px}.contactus-slidemenu{float:right;width:90px}.footer{width:100%;min-height:250px;padding-top:20px;padding-bottom:20px;background-color:#2a2a2a;color:gray;bottom:0;overflow:hidden;overflow-y:hidden}.footer a{text-decoration:none;color:gray}#left_col{float:left;width:160px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:small}.messagecontainer{width:80%;background-color:#c4c2ac;border:thick #000;padding:10px;color:#000}.bulleted-list,.messagecontainer li{list-style:disc}.tile-menu-main,.tile-menu-main-image{display:table;width:100%}.tile-menu-row,.tile-menu-row-image{display:table-row}.tile-menu-cell-image{display:table-cell;padding:5px;max-width:300px;width:33%}.tile-menu-cell-image img{width:100%!important}.tile-menu-cell a,.tile-menu-cell-image a{text-decoration:none;color:#000;font-size:110%;font-weight:700}:hover.tile-menu-cell-image{background-color:#81b64d}.tile-menu-cell{display:table-cell;background-color:#9ca483;border:5px solid #fff;height:60px;vertical-align:middle;width:33%}.deck-tile,.header-tile{padding:5px;width:15%!important}:hover.tile-menu-cell{background-color:#81b64d}.deck-tile{border:1px solid #000}.facebooklink,.googlelink,.socialmedia{position:fixed;right:0;width:32px;border-width:0}.calc,.ezine-border,.warningMessage{border-style:solid}.googlelink{top:200px;background-color:red;height:32px}.facebooklink{top:240px;height:32px}.socialmedia{top:200px;height:100px}.inline,.moreInfo{position:relative}.calc{background-color:#cbcbb1;border-width:thin;border-color:#000}.field-alert{background-color:#ff3535;color:#930}.field-normal{color:#000;font-weight:400}.warningMessage{display:block;width:620px;border-color:#cbcbb1;background-color:#cbcbb1;color:#930}.button-container{margin-bottom:25px;border-width:0}.ezine-border{border-width:2px;width:280px}.EzineRow{padding:1em,0;height:45px;text-align:left;margin-left:5px;margin-right:4px;font-family:Calibri,Geneva,Arial,Helvetica,sans-serif;font-size:small;font-weight:bolder}.EzineButtonRow{padding-top:20px;padding-bottom:15px}.btnbackground{background-color:#cbcbb1;text-align:center}.highlightparagraph{background-color:#f8d473;padding:5px}.calculatorbackground{background-color:#cbcbb1;text-align:left}.center-column-button,.desktop-ad,.desktop-ad-728,.inline,.mobile-ad,.note{text-align:center}.mobile-ad{width:95%;display:none}.deck-tip{color:green;margin-left:40px;margin-right:40px}.center-column-content,.note{margin-right:auto;width:100%}.deck-bullets{list-style-type:disc;font-weight:700;font-size:medium;color:green}.deck-bullets-circ{list-style-type:circle;font-weight:700;color:#506848}.center-column-content{position:relative;display:flex;align-items:center;height:100%;margin-left:auto}.center-column-left,.center-column-right{width:100%;height:100%;margin-left:10px}div.center-column-right img{float:right;margin-right:10px;width:90%}.note{margin-left:auto;height:auto;padding:5px;background-color:#97c670}.moreInfoTitle{width:100%;border:1px solid;background-color:#ecefe1;margin-top:50px;margin-bottom:50px}.moreInfo{top:0;left:0;background-color:#879d6f;width:100%;font-size:18px;font-weight:700}.calc-button,.calc-button-container{width:90%;margin-left:auto;margin-right:auto}.calc-button-container{text-align:center;height:350px}.calc-button{height:50px;background-color:#eeefed;border-style:solid;border-color:#000;border-width:thin;color:#000;margin-top:20px}.calc-button a{margin-top:10px}.calc-button-stair{margin-top:60px}.calc-button-arch{margin-top:130px}.calc-button-roof{top:200px}.calc-button-beam,.calc-button-yard{top:270px}.calc-button:hover{background-color:#c1ffcf}.left-img{float:left;width:49%}.inline{display:block;margin-width:auto;margin-height:auto}figcaption{font-weight:700;font-size:medium}.archcalc-row{display:inline-block;max-width:500px;min-width:300px;height:40px;float:left}.archcalc-label{width:130px;float:left}.archcalc-input{max-width:260px;min-width:130px;float:left}@media print{#left_col,#mySidenav,#rightmast,#sidebar,#top_nav,.desktop-ad,.desktop-ad-728,.facebooklink,.googlelink,.mobile-ad,.socialmedia,footer,header{display:none}#masthead-container{position:static;height:0;width:100%;background-color:#fff}}@media screen and (max-width:1170px){.desktop-ad-728{display:none}}@media screen and (max-width:800px) and (min-width:481px){#left_col,#right_col{float:left;width:180px}#container,#left_col,#right_col{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:small}#container{width:100%;max-width:800px;margin-left:auto;margin-right:auto}#left_col{margin:0}}@media screen and (max-width:800px){#contactus,.searchbox{float:left;padding-left:0}#rightmast{float:right;margin-right:10px}.searchbox{padding-right:0}#right_col,.facebooklink,.googlelink,.socialmedia{display:none}.socialmedia-menu{display:block}}@media screen and (max-width:600px){.deck-tile,.header-tile{width:30%!important}#leftmast a img#logo-60-mobile,#search-contactus{display:block}#contactus,#leftmast a img#logo-60,#searchbox,.help-label-jquery{display:none}h1,h2{font-size:large}p{word-spacing:1px;font-size:135%;line-height:25px}.tile-menu-cell a,figcaption{font-size:100%}.tile-menu-cell{border:5px solid #fff;padding:5px}.header-tile{padding:5px}}

		*,
		*:before,
		*:after{
			box-sizing: border-box;
		}
		.container{
			max-width: 1300px;
			margin: 0 auto;
			margin-top: 75px;
		}
		#content{
			padding: 10px;
			padding-left: 15px;
			min-height: 800px;
			color: black;
			max-width: 980px;
			width: 100%;
			float: left;
		}
		#sidebar{
			text-align: center;
			width: 300px;
			margin-top: 20px;
			margin-left: 990px;
			color: black;
			will-change: min-height;
		}
		#sidebar .sidebar__inner{
			/*border: 2px dotted red;*/
			padding-top: 10px;
			margin-top: 50px;
			/*width: 100%;
			border-width: 0px;
			position: relative;
			transform: translate(0, 0);
			transform: translate3d(0, 0, 0);
			will-change: position, transform;*/
		}
		.clearfix:after{
			display: block;
			content: "";
			clear: both;
		}
		#left_col {
			display: none;
		}
		#menu-button {
			display: block;
			float: left;
			padding-right: 0px;
		}
		.sidebar_myc_links a {
			text-decoration: none !important;
			color: black !important;
		}
		
	@media screen and (max-width: 1320px) {
		
		#content {
			max-width: 950px;
			width: 100%;
		}
		#sidebar{
			margin-left: 950px;
		}
		
	}			
	@media screen and (max-width: 1270px) {
		
		#content {
			max-width: 900px;
			width: 100%;
		}
		#sidebar{
			margin-left: 900px;
		}
		
	}			
	@media screen and (max-width: 1220px) {
		
		#content {
			max-width: 850px;
			width: 100%;
		}
		#sidebar{
			margin-left: 850px;
		}
		
	}		
	@media screen and (max-width: 1170px) {
		
		#content {
			max-width: 800px;
			width: 100%;
		}
		#sidebar{
			margin-left: 800px;
		}
		
	}
	@media screen and (max-width: 1120px) {
		#content {
			max-width: 750px;
			width: 100%;
		}
		#sidebar{
			margin-left: 750px;
		}
	}
	@media screen and (max-width: 1070px) {
		#content {
			max-width: 700px;
			width: 100%;
		}
		#sidebar{
			margin-left: 700px;
		}
	}
	@media screen and (max-width: 1020px) {
		#content {
			max-width: 650px;
			width: 100%;
		}
		#sidebar{
			margin-left: 650px;
		}
	}
	@media screen and (max-width: 970px) {
		#content {
			max-width: 600px;
			width: 100%;
		}
		#sidebar{
			margin-left: 600px;
		}
	}
	@media screen and (max-width: 920px) {
		#content {
			max-width: 550px;
			width: 100%;
		}
		#sidebar{
			margin-left: 550px;
		}
	}
	@media screen and (max-width: 870px) {
		#content {
			max-width: 500px;
			width: 100%;
		}
		#sidebar{
			margin-left: 500px;
		}
	}
	@media screen and (max-width: 820px) {
		#content {
			max-width: 810px;
			width: 100%;
		}
		#sidebar{
			display: none;
		}
		.desktop-ad {
			text-align:center;
			display: none;
		}
		.mobile-ad {
			display: block;
		}
	}
	@media screen and (max-width: 500px) {
		#content {
			padding: 5px;
			max-width: 500px;
			width: 100%;
		}
		#sidebar {
			display: none;
		}
	}
	
.sidenav a,.sidenavDeskTop a{display:block;line-height:2.1;text-decoration:none}.sidenav a,li#siteMenu{line-height:2.1}.modal,.sidenav{left:0;height:100%}.sidenav{width:0;position:fixed;z-index:3;margin-top:20px;top:20px;background-color:#2F371A;overflow-x:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;transition:.5s;padding-top:30px}.sidenav a{padding:3px;font-size:14px;color:#BDC0B9;transition:.3s}.sidenav a:hover{color:#fff}.sidenav .closebtn{position:absolute;top:0;right:10px;font-size:26px;margin-left:20px}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.menu-ul{margin-left:-20px}#content img{width:80%}.sidenavDeskTop{margin-top:10px;width:160px;background-color:#3E4330}.sidenavDeskTop ul{text-align:center}hr.sidenavDeskTop{color:#000}.sidenavDeskTop a{font-weight:700;font-size:13px;color:#BDC0B9}.sidenavDeskTop a:hover{color:#fff;background-color:#000}#siteMenuDeskTop{width:160px;margin-left:-40px;padding-top:10px;line-height:2.6}.modal{display:none;position:fixed;z-index:20;padding-top:100px;top:0;width:100%;overflow:auto;background-color:#2F371A;background-color:rgba(0,0,0,.4)}.modal-content,.modal-footer,.modal-header h2{background-color:#646B47}.modal-content{position:relative;margin:auto;padding:0;border:1px solid #888;width:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@media screen and (max-width:600px){#content img,.modal-content{width:90%}}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer}.modal-header h2{padding:2px 26px;color:#fff;text-align:left}.modal-body{padding:2px 20px}.modal-footer{padding:2px 26px;color:#646B47}
.modal-info{display:none;position:fixed;z-index:20;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#d5a813;background-color:rgba(0,0,0,.4)}.modal-content-info{position:relative;background-color:#d5a813;margin:auto;padding:0;border:1px solid #888;width:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@media screen and (max-width:600px){.modal-content-info{width:90%}}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close-info{color:#000;float:right;font-size:15px;font-weight:700}.close-info:focus,.close-info:hover{color:#000;text-decoration:none;cursor:pointer}.modal-header-info{padding:10px;background-color:#d5a813;color:#000;font-weight:700;font-size:15px}.modal-body-info{padding:2px 20px;background-color:#fff}.modal-footer-info{padding:2px 26px;background-color:#fff;color:#fff}