body{background:#fff; margin:0; font-family: "Helvetica", sans-serif;}


a {color:#166638;}
a:hover {color:#000;}
	
	
#wrapper{clear:both; margin:0;/*background:#006b3e;*/}

.clearfix {clear:both;}

.container{margin:0 15%; }
.container h1 {text-transform: uppercase;padding:1rem 0 0 0;}

.mdivider {display:none;}


h1{font-size:2.5em;color:#3c3c3c;}
h2{font-size:1.8em;}
h3{font-size:1.4em;margin-bottom:0;color:#00653a;}
h4{font-size:1.2em; color:#3c3c3c;}

/*p {font-family: "Helvetica", sans-serif; font-size:1em; line-height:1.5em;padding-bottom:0.8em;}*/

p {
	font-family: "Helvetica", sans-serif;
  	font-weight: 400;
  	font-size: 1.25em;
  	line-height: 30px;
  	letter-spacing: 0;
  	color: #222321;
  	padding-bottom: 0.75rem;
  }


ul li {font-family: "Helvetica", sans-serif; font-size:1em; line-height:1.5em; margin-bottom:2%; }

.btn-container {margin:0 2rem 2rem 1rem;}
.btn-container a {color:#fff;text-decoration: none;}

.btn-00{
  display: block;
  width: 100%;
  border: none;
  background-color: #4ea444;
  color: white;
  margin:0.5rem;
  padding: 14px 0;
  cursor: pointer;
  text-align: center;
  border-radius:px;
  font-weight: 700;
	font-size: 1em;

}

.btn-00:hover {
  background-color: #00833e;
  color: fff;
}

button .btn {width:100%;display: block;cursor: pointer;width:100%;margin:2.5rem 0 2.5rem 0;font-weight:bold;}
button .btn a{width:100%;padding:1em;background:#4ea444;color:#fff;text-decoration: none;border-radius: 4px;}
button .btn a:hover{background:#166638;}

.btn-01 {display: block;cursor: pointer;width:100%;margin:2.5rem 0 2.5rem 0;font-weight:bold;}
.btn-01 a{width:100%;padding:1em;background:#4ea444;color:#fff;text-decoration: none;border-radius: 4px;}
.btn-01 a:hover{background:#166638;}

.btn-02 {margin:12% 0 2% 0;font-weight:bold;}
.btn-02 a{padding:5%;background:#4ea444;color:#fff;text-decoration: none;border-radius: 4px;}
.btn-02 a:hover{background:#166638;}

.btn-03 {margin:2% 0 2% 0;font-weight:bold;}
.btn-03 a{padding:2%;background:#4ea444;color:#fff;text-decoration: none;border-radius: 4px;}
.btn-03 a:hover{background:#166638;}
.btn-03 h3 {font-size:1em;text-transform: none;letter-spacing: 1px;}

/* This is the button when used in the main content area
.arrow {width:12px;margin:0 0 -0.8% 0;}
*/

.arrow {width:12px;margin:0 0 -1.5% 0.3rem;}
.arrow-03 {width:12px;margin:0 0 -0.4% 0;}

.onenote-block {margin:6% 0 0 2%;clear:both;text-align:left;}
.onenote {float:left; margin:1% 2% 0 0; margin:0 2% 0 0;}
.onenote img {width:20px;}




.fix {clear:both;}

.heading {padding:2.5rem 0 2.5rem 0;background:#00833e;color:#fff;height:90px;border-bottom: 30px #222321 solid;}
.heading h2 {float:right;margin:2% 0 -2% 0;color:#ccc;}
.heading h3 {float:right;margin:0;color:#ccc;clear:both;}

.vender {float:right;font-size:1.8em;margin:0 1rem 0 1rem; color:#ccc;text-align:right;}
.vender img{width:80%;margin:2rem 0 0 0;opacity: 80%;}
.vender p {margin:0;}

.heading-logo {float:left;height:90px;}


.utility-bar {padding:1% 2% 2% 0;/*background:#00653a;*/}
.utility-bar a {color:#166638;text-decoration: none;}
.utility-bar a:hover {color:#000;}

.utility-bar .inside {float:right;margin:0 20%;font-weight:bold;}

.login{margin:0 1rem 0 1rem;text-align:right;font-size:font-size: 16px;font-weight: 600;text-transform: none; color:#fff;}

.main-nav {margin:0;padding:1.5rem 0 1.5rem 0;background:#3c3c3c;text-transform: uppercase;}
.main-nav a {color:#fff; text-decoration: none;}
.main-nav a:hover{color:#ccc;}

.main-nav ul {margin: 0 0 0 -3.6%;}
.main-nav li {display:inline;list-style-type: none;margin: 0 4% 0 0;}

.content-area {float:left;margin:0.5rem 0 1% 0;padding:2.25rem;border:1px solid #ccc;clear:both;position:relative;}
.content-area p {padding-bottom: 0.25rem;}

.content-logo {width:360px;margin:1rem 0;}

.content-header {width:100%;margin:}

.content-area .left-column {float:left;width:66%;margin:0 4% 0 0;}
.content-area .right-column {float:left;width:26%;margin:1rem 0 0 0;border-left:#ccc 1px solid;padding:0 20px;}
.content-area .right-column ul li{}

.grid {width:100%;margin:0 0 4% 0;}
.grid-3-column {float:left;width:32.72%;margin:3px; text-align:center;background:#fff;border:1px #ccc solid;}
.grid-3-column p {padding-bottom: 0.75rem;}
.grid-3-column .cta img {width:100%;}

.alter {background:#fef7ec !important;}

.cta a:hover {opacity: 0.8;}

.cta-description {padding:0.5rem 1.5rem 1rem 1.5rem;text-align: left;min-height: 260px;}
.cta-description h2 {text-align: center;}

.grid-3-column p {margin:0 0 0 0;}
.grid-3-column h2 {margin:1rem 0;}

.grid-3-column h2 a {color:#3c3c3c;text-decoration: none;}
.grid-3-column h2 a:hover {color:#00653a;}

.content-area .updates-block {float:right;width:33%;background:#ccc;padding:0 2%;}

.footer {margin:0 16% 4% 1%;text-align:right;clear:both;}
.footer a {font-size:1em;font-weight:700;text-decoration: none;}

.home {margin:0;}

.alt-email  {float:left; margin:0 4% 4% 0;font-weight: bold;}
.text-alerts {margin:-1.2% 0 4% 6%;}

.hb-menu {margin-top:-2%; width:27px; height:32px;}

.hr-1 {border:0.5px solid #3c3c3c;}

.features {margin-bottom:6%;}

/************************************************************
	Media Queries
************************************************************/
@media only screen and (max-width:1680px) { 
	.container{margin:0 8%;}
	.utility-bar .inside {margin:0 12%;}
	
	.main-nav ul {margin: 0 0 0 -3.3%;}
	
	.footer {margin:0 12%;padding:0 1% 4% 0;}
}

@media only screen and (max-width:1366px) { 
	.container{margin:0 6%;}
	.utility-bar .inside {margin:0 8%;}

	.grid-3-column {float:left;width:32.32%;}

	.cta-description {min-height: 290px;}
	
	.login{font-size:1em;margin:1% 0; text-transform: none; color:#fff;}	
	
	.footer {margin:0 10%;}
}

@media only screen and (max-width:1280px) { 
	.container{margin:0 4%;}
	.utility-bar .inside {margin:0 4%;}
	
	.main-nav ul {margin: 0 0 0 -3.2%;}
	
	.btn-03 {margin:3% 0 3% 0;}
	
	.footer {margin:0 4%;}
}

@media only screen and (max-width:1060px) { 
	.container{margin:0 2%;}
	.utility-bar .inside {margin:0 2%;}

	.cta-description {min-height: 320px;}

	.content-area .right-column {width:24%;}
	
	.btn-03 {margin:4% 0 4% 0;}
	.arrow {width:12px;margin:0 0 -1.8% 0.3rem;}
	
	.grid-3-column {width:32.32%;}
	
	.footer {margin:0 2%;}
}

@media only screen and (max-width:1024px) { 
	.container{margin:0 2%;}
	.utility-bar .inside {margin:0 5%;}
	
	.main-nav ul {margin: 0 0 0 -4.3%;}

	.cta-description {min-height: 320px;}

	.content-area {width:95.50%;margin:0 0 1% 0.1%;padding:2%;border:1px solid #ccc;}

	.btn-02 {font-size:0.9em;}
	.arrow {width:12px;margin:0 0 -2.3% 0.3rem;}

	.footer {margin:0 5%;}
}

@media only screen and (max-width:960px) { 
	.grid-3-column {float:left;width:32.32%;/*min-height: 710px;padding:1.4% 1.4% 4% 1.4%;*/}

	.cta-description {min-height: 380px;}

}

@media only screen and (max-width:800px) { 
	p {font-size:1.2em;}
	.utility-bar {margin:0;padding:2% 2% 4% 0;}

	.vender img{margin:1.5rem 0 0 0;}
	
	.heading {padding:2% 0 2% 0;background:#00653a;color:#fff;height:90px;}
	
	.main-nav ul {margin: 0 0 0 -5.3%;}

	.grid-3-column {float:left;width:32%;margin:3px; text-align:center;background:#fff;border:1px #ccc solid;}
	.grid-3-column h2 {margin:2% 0 10% 0;}

	.content-logo {margin:2% 0 2% 0;}

	.cta-description {min-height: 400px;}
	
	.btn-00 {font-size: 1em; font-weight: 300;}

	.btn-container {margin:0 1.5rem 2rem 0.5rem;}

	.btn-02 {font-size:1em; margin:8% 0 6% 0;}
	.arrow {width:12px;margin:0 0 -0.9% 0.3rem;}
	
	.content-area {width:96%;border:none;}
	.content-area .left-column {width:100%;}
	.content-area .right-column {width:100%;}
	
	.mdivider {display:block;border-bottom:1px solid #ccc;padding:1rem 0 0 0;}
	
	.footer {float:left;margin:1% 4%;}
}

@media only screen and (max-width:768px) { 
	.utility-bar {margin:0;padding:2% 2% 4% 0;}
	.container{margin:0 2%;}
	
	.heading {padding:2% 0 2% 0;background:#00653a;color:#fff;height:90px;}
	
	.main-nav ul {margin: 0 0 0 -5.3%;}

	.content-area .right-column {float:left;width:100%;border:none;padding:0;}

	.content-logo {margin:2% 0 2% 0;}

	.cta-description {min-height: 160px;}
	
	.grid-3-column {width:99%;background:#fff;padding:0;margin-bottom:1rem;}
	.grid-3-column h2 {margin:2% 0;}

	.btn-container {margin:0 2rem 2rem 1rem;}

	.btn-02 {font-size:1em; margin:8% 0 6% 0;}
	.arrow {width:12px;margin:0 0 -0.9% 0.3rem;}
	
	.content-area {width:96%;border:none;}
	.content-area .left-column {width:100%;}
	.content-area .right-column {width:100%;}
	
	.mdivider {display:block;border-bottom:1px solid #ccc;padding:1rem 0 0 0;}
	
	.footer {float:left;margin:1% 4%;}
}

@media only screen and (max-width:640px) { 
	.container h1 {text-align:center;}
	.main-nav ul {margin: 0 0 0 -6.6%;}
	
	.vender {float:right;font-size:1.2em;margin:-20% 0 0 0;padding:4%;color:#ccc;}
	.vender img{width:70%;}
	.vender p {margin:0;}

	.hb-menu {margin-top:0;}
	
}

@media only screen and (max-width:480px) { 
	.utility-bar {width:100%;text-align:center;padding:2% 2% 6% 0;font-weight:bold;}
	.utility-bar .inside {float:none;margin:2% 0 2% 2%;}
	.heading {width:100%;padding:1% 0 6% 0;}
	.heading-logo{width:auto;margin:4% 0 0 0;text-align:center;height:70px;}

	.vender {/*display:none;*/}
	.vender {float:right;font-size:1.2em;margin:-20% 0 0 0;padding:0 2%;color:#ccc;}
	.vender img{width:56%;}	
	
	.main-nav ul {width:110px;margin: 2% 0 4% 0.5%;padding:1% 0 0 0;}
	.main-nav li {margin:2% 20% 2% 0;line-height:2em;}
	
	.login{width:100%;margin:2% 0; }

	.alt-email  {float:left; margin:0 4% 0 0;}
	.text-alerts {margin:0 0 6% -0.5%;}

	.features {margin-bottom:10%;}

	.arrow {width:12px;margin:0 0 -1.3% 0.3rem;}

}

@media only screen and (max-width:320px) { 
	.container{margin:0 2%;padding:2% 2% 2% 1%;}
	.heading-logo{width:auto;margin:4% 14% 4% 14%;text-align:center;height:70px;}
	.vender {float:left;margin:0 0 0 0;padding:0;color:#ccc;}
	.vender img{margin:0.5rem 20% 0 20%;opacity: 60%;}
	.heading {padding:1rem 0 4rem 0;background:#00833e;color:#fff;height:90px;border-bottom: 20px #222321 solid;}
	.content-logo {width:98%;margin:1rem 0 0 0;}

}