*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



@font-face {
    font-family: ArialMT;
    src: url('/fonts/arial-mt.otf') format('opentype');
}

@font-face {
    font-family: ArialMTCON;
    src: url('/fonts/arial-mt-condensed.ttf') format('truetype');
}

@font-face {
    font-family: RobotoCON;
    src: url('/fonts/Roboto-Condensed.ttf') format('truetype');
}



/*
 * {
	border: solid 1px orange;
	box-sizing: border-box;
}


*/

/*******************************************************************   mobile first */
body {
	font-family:				Arial, sans-serif;
	background-color: 			#fff;
	color:						#949494;
	text-align:					center;
	margin: 0;
}

header {
	border-top: 				solid 30px #e1e2e3;
	width:						100%;
	font-family:				Arial, sans-serif;
	font-style:					italic;
}

.logo {
	margin:						auto auto;
	/*margin-top:					-15px;*/
	width:						220px;
}


sup {
	font-size:					13px;
	vertical-align:				top;

}

div,footer,#hero-text p {
	font-family:				Lucida, Arial, sans-serif;
	line-height:				1.3;
}
footer,#hero-text p, .quote {
	padding:					10px;
}

a {
	text-decoration: 			none;
	color: 						#98ca45;
}

footer a {
	color: 						#fff;
	margin: 					12px;
}

a:hover {
	text-decoration: 			underline;
}

#nav-main {
	color: 						#5c5c5c;
	font-family:				ArialMT, Arial, sans-serif;
	font-size: 					20px;
	background-color:			#005a9e;
	font-style:					normal;
	margin-top:					5px;
	z-index:					500;
}

#nav-main ul {
	background-color: 			#005a9e;
	margin: 					5px auto;
	padding: 					0;
}

#nav-main li {
	display: 					none;
	background-color:			#005a9e;
	z-index:					5000;
	line-height:				1.4;
	vertical-align:				top;
	padding:					0;
	margin:						0;
}

#toggle {
	display: 					block;
	width: 						30px;
	padding: 					15px;
	margin: 					auto auto;
}

.current a {
	background-color: 			#65A5D6;
	padding:					0;
	margin:						0;
	width:						100%;
}

/* on nav hover or touch */
#nav-main:hover {
	z-index: 					800;
}

#nav-main ul:hover #toggle{
	visibility: 				hidden;
}

#nav-main ul:hover li {
	display: 					block;
	z-index:					5000;
}

#nav-main a {
	z-index:					5000;
}

#nav-main a:hover {
	text-decoration: 			underline;
}
#hero {
	position: relative;
	background:					#005a9e url("/images/heroimg1.jpg") top center / cover;
	text-align:					left;
	z-index:					5;
}
#hero img.pcor {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 300px;
	max-width: 15%;
}
#hero-short {
	display:					none;
}
#hero p {
	font-family:				Lucida, Arial, sans-serif;
	font-size:					15px;
	line-height:				1.7;
	max-width:					320px;
	color:						#fff;
}

.title-green,.title-white{
	font-family:				RobotoCON, ArialMTCON, ArialMT, Arial, sans-serif;
	padding:					9px 20px 5px;
	text-transform:				uppercase;
	font-weight:				normal;
	font-size:					30px;
	color:						#064570;
	line-height:				1;
}

h3 {
	font-family:				ArialMTCON, ArialMT, Arial, sans-serif;
	padding:					10px 20px;
	text-transform:				uppercase;
	font-weight:				normal;
}

h1, .title-page {
	width:						100%;
	margin-top:					25px;
	margin-bottom:				15px;
	padding-bottom:				5px;
	border-bottom:				solid 1px #d1d3d4;
	font-size:					50px;
	color:						#005a9e;
	text-align:					left;
}

.title-green {
	margin-bottom:				3px;
	background-color:			#99ca46;
}

.title-white {
	background-color:			#fff;
}

.call-out {
	font-family:				ArialMT, Arial, sans-serif;
	font-size:					14px;
	color:						#005a9e;
	border-top:					solid 1px #99ca46;
	border-bottom:				solid 1px #99ca46;
	padding:					10px 0;
	margin-top:					20px;
	line-height:				1.5;
}

.sidebar {
	font-family:				ArialMT, Arial, sans-serif;
	width:						90%;
	margin-left:				auto;
	margin-right:				auto;
	padding-top:				8px;
	padding-bottom:				25px;
	text-align:					left;
	background-color:			#f3f3f3;
	z-index:					1;
}
#page .sidebar p {
	margin:						0 0 0 0;
}
#page .sidebar ul p {
	text-indent:				42px;

}

#page .sidebar ul {
	padding:						0 0 0 0;
}
#page .sidebar ul li {
	display: table-row;
	padding:						0 0 0 0;
	width:						286px;
	list-style-type:			none;
	color:						#4a4647;
	font-size:					15px;
	background-color:			#f3f3f3;
	white-space:				nowrap;
}
#page .sidebar ul li::before{
	display: table-cell;
	content:					"\25A0";
	color:						#0089cf;
	background-color:			#f3f3f3;
	padding-right:				5px;
	padding-left:				25px;
	font-size:					19px;
}

.banner {
	color:						#fff;
	background-color:			#99ca46;
	padding:					4px 10px 3px 0;
	margin-bottom:				25px;
	font-family:				ArialMTCON, ArialMT, Arial, sans-serif;
	font-size:					20px;
	text-transform:				uppercase;
}

.sidebar .banner img {
	margin-top:					-21px;
	display:					inline-block;
	float:						left;
}

h3 {
	font-size:					14px;
	line-height:				14px;
	color:						#005a9e;
}
#page h3 {
	font-weight:				bold;
	margin:						25px 0 0 0;
	text-transform:				none;
}

h3 span {display:none;}

h4 {
	font-weight:				normal;
	margin:						10px 0 0 0;
	color:						#005a9e;
}

.service-block {
	clear: 						both;
}
.service-block h3 {
	margin-bottom:					0;
}
.service-block h4 {
	margin-top:					0;
}

.slogan {
	font-family:				ArialMTCON, ArialMT, Arial, sans-serif;
	color:						#005a9e;
	font-size:					22px;
	padding:					10px;
	max-width:					720px;
	margin-left:				auto;
	margin-right:				auto;
}

.learn-more {
	margin:						15px 0 25px;
	width:						100px;
}
#hero .learn-more {
	background: 				#d4e764;
	background-image:	 		-webkit-linear-gradient(top, #d4e764, #6bb115);
	background-image: 			-moz-linear-gradient(top, #d4e764, #6bb115);
	background-image: 			-ms-linear-gradient(top, #d4e764, #6bb115);
	background-image: 			-o-linear-gradient(top, #d4e764, #6bb115);
	background-image: 			linear-gradient(to bottom, #d4e764, #6bb115);
	border: 					none;
	-webkit-border-radius: 		6;
	-moz-border-radius: 		6;
	border-radius: 				6px;
 	-webkit-box-shadow: 		1px 1px 3px #444;
	-moz-box-shadow: 			1px 1px 3px #444;
	width:						130px;
	box-shadow: 				1px 1px 3px #444;
	font-family: 				Arial;
	font-weight: 				bold;
	color: 						#5c5c5c;
	font-size: 					20px;
	padding: 					3px 2px 3px 11px;
	text-decoration: 			none;
	line-height:				30px;
	vertical-align:				middle;
	font-size:					16px;
}

.learn-more {
	display:					block;
}

.learn-more:hover {
	text-decoration:			none;
}

.learn-more img {
	padding: 					2px 6px;
	vertical-align: 			middle;
}

.services {
	background-color:			#fff;
	z-index:					1;
}

.services .learn-more {
	font-family:				ArialMTCON, RobotoCON, ArialMT, Arial, sans-serif;
	border:						solid 2px #005a9e;
	background-color:			#fff;
	color:						#005a9e;
	padding:					7px 12px;
	margin-top:					5px;
	margin-right:				auto;
	margin-left:				auto;
	text-transform:				uppercase;
	width:						100px;
	clear:						both;
}

.services img {
	max-width:					150px;
}

.feature-image{
	display:					none;
}

#content {
	padding:					none;
}

.service-block .category-icon {
	margin-top:					20px;
}

.serviceblock.leader {
	min-height: 230px;
}

#content, #content p, #content li, #page p, #page h2 {
	text-align:					left;
	font-size:					13px;
}

#content ul {
	margin-left:30px;
	padding-left:20px;
}
#content li {
	list-style-image: url(/images/greenbullet.gif);
	padding-left:10px;
}

.quote {
	background-color:			#e9e9ea;
	background-image:			url("/images/quotebgsc.png"), url("/images/whitearrow.png");
	background-position: 		top center;
	background-repeat:			no-repeat;
	background-size:			cover, auto;
}

.quote p:last-of-type {
	max-width:					700px;
	margin-right:				auto;
	margin-left:				auto;
	font-size:					15px;
	line-height:				1.5;
}

.quote .learn-more {
	font-family:				ArialMTCON, RobotoCON, ArialMT, Arial, sans-serif;
	background-color: 			#005a9e;
	color:						#fff;
	padding:					7px 20px;
	margin-right:				auto;
	margin-left:				auto;
	width:						126px;
	border:						none;
	text-transform:				uppercase;
}

.news {
	text-align:					left;
}

.article-title {
	color:						#005a9e;
	font-weight:				bold;
}

.news a {
	color:						#4083b6;
	margin:						0;
	padding:					5px 0;
}

.news a:after {
	content:					" \3E";
	color:						#99ca46;
	font-weight:				bold;
}

#news-container h3 a,
.feed li a,
#news li a {
	color: #005a9e;
}

footer {
	background-color:	 		#777b84;
	clear:						both;
	color:						#d3d3d3;
	margin-top:					20px;
	padding-bottom:				10px;
}

footer #footer-logo {
	display:					inline-block;
	min-height:					170px;
	vertical-align:				top;
	margin: 					auto;
}
footer #footer-contact {
	display:					inline-block;
	min-height:					170px;
	vertical-align:				top;
	padding-left:				20px;
	padding-right:				20px;
}
#copyright {
	padding-left:				20px;
}
#footer-content {
	position: relative;
}
#footer-content #partner-img {
	height: 188px;
}
footer img {
	max-width:					111px;
	padding-bottom:				0;
}
#footer-content #partner-img img.isn {
	display: 					inline-block;
	margin-top: 				20px;
}

footer p.phone {
	margin-bottom:				0;
	font-style:					italic;
}
footer p.email {
	margin-top:					10px;
	font-style:					italic;
}

footer address {
	min-width:					110px;
}

footer address,
#copyright {
	margin-top:					5px;
	border-top:					solid 1px #d3d3d3;
	/*padding:					40px 0;*/
	text-align:					center;
	/*width:						60%;*/
	margin-left:				auto;
	margin-right:				auto;
	font-size:					12px;
}
footer address:first-child {
	border-top:					none;
}

footer a {
	display:					inline;
	font-family:				Lucida, Arial, sans-serif;
	font-weight:				normal;
	color:						#d3d3d3;
	margin:						0;
	padding:					0;
}


/*******************************************************************  450 */
@media only screen and (min-width :450px) {
	footer #footer-logo {
		margin-top:				85px;
		padding-right:			20px;
	}
}

/*******************************************************************  700 */
@media only screen and (min-width :700px) {


	.logo {
		width:						319px;
	}

	#nav-main {
		margin-top:					10px;
		margin-bottom:				0;
		background-color:			#fff;
		height:						40px;
	}

	#nav-main ul {
		width:						100%;
	}

	#toggle {
		display:					none;
	}

	#nav-main li {
		display:					inline;
		float:						left;
		border-right:				solid 1px #c8c8c8;
		background-color:			#fff;
	}

	#nav-main li:last-of-type {
		border-right:				none;
	}


	.current a {
		background-color: 			#fff;
		padding:					0;
		margin:						10px 30px;
		width:						inherit;
		text-decoration:			underline;
	}

	#nav-main li>a {
		margin:						10px 30px;
		color:						#404040;
		font-size:					16px;
	}

	#hero {
		height:						400px;
		padding:					0;
		padding-top:				35px;
		background:					#98ca45 url("/images/heroimg.jpg") top center / cover;
		margin-top:					1px;
	}

	#hero-text {
		margin-left:				50%;
		text-align:					left;
		padding:					0;
	}


	.title-green,.title-white {
		font-size:					35px;
	}

	#hero-short {
		display:					block;
		background:					#005a9e url("/images/hero-short.jpg") top center / cover;
		text-align:					left;
		height:						100px;
		margin-top:					-1px;
	}

	.sidebar {
		width:						286px;
		display:					inline-block;
		float:						right;
		margin-top:					-15px;
		line-height:				1.3;
	}

	.title-green {
		margin-top:					50px;
		white-space:				nowrap;
	}

	.title-white {
		white-space:				nowrap;
		width:						330px;
	}

	#hero p {
		color:						#eff3f6;
		padding-top:				20px;
		padding-left:				20px;
	}

	#hero .learn-more {
		margin-left:				20px;
	}

	.slogan {
		font-size:					30px;
		margin-bottom:				15px;
	}

	.services {
		width:						87%;
		margin-left:				auto;
		margin-right:				auto;
	}

	.services div p {
		height:						125px;
	}

	#page {
		text-align:					left;
		width:						100%;
		margin-left:				auto;
		margin-right:				auto;
	}

	.leader-bio {
		margin-left: 210px;
	}

	.feature-image{
		display:					inline-block;
		width: 						100%;
	}

	#content {
		display:					inline-block;
		text-align:					left;
		width:						370px;
	}

	.service-block h3 {
		padding:					0;
		margin-top:					20px;
		font-family:				ArialMTCON, ArialMT, Arial, sans-serif;
	}

	.service-block .category-icon {
		max-width:					125px;
		margin-left:				auto;
		margin-right:				auto;
	}

	.services div {
		display:					inline-block;
		width:						27%;
		margin-left:				auto;
		margin-right:				auto;
		padding:					0 15px;
		vertical-align:				top;
	}

	.services .learn-more {
		display:					block;
		vertical-align:				baseline;
	}

	.quote .learn-more {
		font-size:					25px;
		padding:					10px 20px;
		letter-spacing:				-1px;
		width:						200px;
	}

	.news {
		width:						75%;
		margin-left:				auto;
		margin-right:				auto;
		padding:					30px 0 0 0;
	}

	.news div {
		margin-left:				380px;
	}

	.news h4 {
		font-weight:				bold;
		margin-bottom:				20px;
		padding:					0;

	}

	.article-title {
		font-size:					14px;
	}

	.news p, .news a {
		font-size:					12px;
		font-family:				ArialMT, Arial, sans-serif;
	}

	.news img {
		width:						25%;
		max-width:					223px;
		float:						left;
		padding-top:				12px;
	}

	#footer-content {
		margin-left:				auto;
		margin-right:				auto;
		margin-bottom:				0;
		padding:					none;
	}

	footer #footer-logo {
		margin-top:					0;
	}

	#footer-contact {
		width:						calc(100% - 40px);
		border-top:					solid 1px #caccce;
	}

	footer img {
		vertical-align:				top;
	}

	footer address {
		display:					inline-block;
		vertical-align:				top;
		border-top:					none;
		padding-left:				40px;
		padding-top:				5px;
	}
	#copyright {
		display:					inline-block;
		vertical-align:				top;
		border-top:					none;
	}
	footer address:first-child,
	#copyright {
		padding-left:				0;
	}
}

/*******************************************************************  800 */
@media only screen and (min-width: 800px) {


	#content {
		width:						470px;
	}
}

/*******************************************************************  900 */
@media only screen and (min-width: 900px) {

	#nav-main ul {
		width:						1000px;
	}

	#nav-main li>a {
		margin:						10px 24px;
	}

	.current a {
		margin:						10px 24px;
	}

	#page {
		text-align:					left;
		width:						800px;
		margin-left:				auto;
		margin-right:				auto;
	}

	#content {
		display:					inline-block;
		text-align:					left;
		width:						500px;
		padding:					0;
	}

}

/*******************************************************************  1100 */
@media only screen and (min-width: 1100px) {

	h1, .title-page {
		width:						900px;
	}

	.banner {
		margin-bottom:				15px;
	}

	#hero img.pcor {
		left: 0;
		right: auto;
		bottom: 0;
		transform: translate(5%, 50%);
	}

	.services img {
		max-width:					250px;
	}

	.services h3 {
		font-size:					18px;
		white-space:				nowrap;
	}

	h3>br {
		display:					none;
	}

	h3 span {display:inline;}

	.services div p {
		font-size:					14px;
		font-family:				Lucida, Arial, sans-serif;
		padding-bottom:				10px;
		height:						60px;
	}

	.services .learn-more {
		font-size:					20px;
		padding:					10px 16px;
		margin-top:					15px;
		margin-bottom:				35px;
		width:						120px;
	}

	#content {
		display:					inline-block;
		text-align:					left;
		width:						575px;
	}

	.service-block {
		padding-top:				7px;
		padding-bottom:				23px;
		border-bottom:				solid 1px #d1d3d4;
	}

	.service-block:last-of-type{
		border-bottom:				none;
	}

	#content .service-block>h3,#content .service-block>p{
		margin-left:				150px;
		margin-top:					15px;
	}

	#content .service-block>p{
		font-size:					14px;
	}

	.service-block>h3{
		padding-bottom:				10px;
		font-size:					18px;
	}

	.service-block img.category-icon {
		float:						left;
	}

	#page {
		text-align:					left;
		width:						900px;
	}

	.call-out p {
		font-size:					18px;
	}
}

/*******************************************************************  1200 */
@media only screen and (min-width: 1200px) {
	footer #footer-contact {
		width:						auto;
		padding-top:				20px;
		padding-right:				30px;
		padding-left:				30px;
		border-top:					none;
		border-right:				solid 1px #caccce;
		border-left:				solid 1px #caccce;
	}
	footer address {
		text-align:					left;
	}
	footer #footer-logo {
		margin-top:					10px;
		padding-right:				30px;
	}
	#copyright {
		min-height:					0;
		padding-top:				30px;
		padding-left:				25px;
	}
}

@media only screen and (max-width: 699px) {
	#page {
		display: flex;
		flex-flow: column;
	}
	#page img {
		align-self: center;
	}
	.sidebar {order: 2;}
	#content {
		order: 1;
		margin-bottom: 20px;
	}
}