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 20%; }
.container h1 {text-transform: uppercase;}

.mdivider {display:none;}


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

.btn a{padding:3% 6%;background:#004226;color:#fff;text-decoration: none;border-radius: 4px;}
.btn a:hover{background:#00653a;}

/* This is the button when used in the main content area
.btn-02 {margin:6% 0 8% 0;font-weight:bold;}
.btn-02 a{padding:3%;background:#4ea444;color:#fff;text-decoration: none;border-radius: 4px;}
.btn-02 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;}
.arrow-03 {width:12px;margin:0 0 -0.4% 0.5%;}

.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;}


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

.fix {clear:both;}

.heading {padding:1% 0 1% 0;background:#00653a;color:#fff;height:90px;}
.heading h2 {float:right;margin:2% 0 -2% 0;color:#ccc;}
.heading h3 {float:right;margin:0;color:#ccc;clear:both;}

.starfish {float:right;font-size:1.8em;margin:0 2% -2% 0;color:#ccc;}
.starfish img{width:70%;}
.starfish p {margin:0;}

.heading-logo {width:199px;}

.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{text-align:left;font-size:1em;text-transform: none; color:#fff;}

.main-nav {padding:1% 0 1% 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 0 1% 0;padding:2%;border:1px solid #ccc;clear:both;position:relative;}

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

.content-area .left-column {float:left;width:66%;margin:0 4% 0 0;}
.content-area .right-column {float:left;width:26%;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:30%;padding:1.5% 1.5% 4% 1.5%;margin:1.8px; text-align:center;background:#f1f1f1;min-height: 396px;}
/*.grid-3-column {float:left;width:30%;padding:1.5% 1.5% 4% 1.5%;margin:1.8px; text-align:center;background:#f1f1f1;}*/
.grid-3-column  .cta img {width:100%;}

.cta a:hover {opacity: 0.8;}

.grid-3-column p {margin:0 0 0 0;}
.grid-3-column h2 {margin:4%;}

.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:2% 20%;padding:0.5% 1% 4% 0;text-align:right;clear:both;}
.footer a {font-weight:bold;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 12%;}
	.utility-bar .inside {margin:0 12%;}
	
	.main-nav ul {margin: 0 0 0 -3.3%;}

	.grid-3-column {min-height: 416px;}
	
	.footer {margin:0 12%;padding:0 1% 4% 0;}
}

@media only screen and (max-width:1440px) { 
	.main-nav ul {margin: 0 0 0 -3.7%;}
}

@media only screen and (max-width:1366px) { 
	.container{margin:0 10%;}
	.utility-bar .inside {margin:0 10%;}
	
	.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%;}

	.content-area .right-column {width:24%;}
	
	.btn-03 {margin:4% 0 4% 0;}
	.arrow {width:12px;margin:0 0 -1.8% 0;}
	
	.grid-3-column {float:left;width:30%;min-height: 396px;padding:1.4% 1.4% 4% 1.4%;}
	
	.footer {margin:0 2%;}
}

@media only screen and (max-width:1024px) { 
	.container{margin:0 5%;}
	.utility-bar .inside {margin:0 5%;}
	
	.main-nav ul {margin: 0 0 0 -4.3%;}
	
	.content-area {width:95%;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;}

	.footer {margin:0 5%;}
}
@media only screen and (max-width:800px) { 
	.container{margin:0 3%;}


	.arrow {width:12px;margin:0 0 -2.5% 0;}
	
}
@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;}
	
	.grid-3-column {float:left;width:92%;padding:4% 4% 8% 4%;}
	.grid-3-column h2 {margin:2%;}

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

@media only screen and (max-width:640px) { 

	.main-nav ul {margin: 0 0 0 -6.6%;}
	
	.starfish {float:right;font-size:1.2em;margin:-2% 0 0 0;padding:4%;color:#ccc;}
	.starfish img{width:70%;}
	.starfish 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:60%;margin:2% 20% 2% 20%;text-align:center;height:90px;}

	.starfish {display:none;width:50%;float:left;font-size:1.2em;margin:3% 0 0 0;color:#ccc;}
	
	.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;}

}

@media only screen and (max-width:360px) { 

}