@charset "UTF-8";

/* @font-face for fonts not in Typekit yet...
----------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'NovecentowideBookBold';
    src: url('../fonts/Novecentowide-Bold-webfont.eot');
    src: url('../fonts/Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Novecentowide-Bold-webfont.woff') format('woff'),
         url('../fonts/Novecentowide-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
		font-family: 'Novecentowide-Medium';
		src: url('../fonts/novecentowidemedium.eot');
		src: url('../fonts/novecentowidemedium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/novecentowidemedium.woff') format('woff'),
		url('../fonts/novecentowidemedium.ttf') format('truetype'),
		url('../fonts/novecentowidemedium.svg#novecentowidemedium') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Novecentowide-Book';
		src: url('../fonts/novecentowidebook.eot');
		src: url('../fonts/novecentowidebook.eot?#iefix') format('embedded-opentype'),
		url('../fonts/novecentowidebook.woff') format('woff'),
		url('../fonts/novecentowidebook.ttf') format('truetype'),
		url('../fonts/novecentowidebook.svg#novecentowidebook') format('svg');
		font-weight: normal;
		ont-style: normal;
}
			

/* Global 
----------------------------------------------------------------------------------------- */

span.lineWidth {color: #900;}
/*  This is a DEV tool to help layout copy. 45-75 characters is optimal.  */

h1 {
	font-family: "Novecentowide-Medium",sans-serif; font-style: normal; font-weight: 400;
	font-size: 2.00em; /* 48px / 16px */
	margin-bottom: 0.700em;
	color: #36807b;
	text-align: center;
	line-height: 1.4em;
}
h2 {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 600;
	font-size: 1.7em; /* 1.75em 28px / 16px */
	line-height: 1.250;
	color: #13a79d;
	text-align: left;
	padding-bottom: .5em;
}
h3 {
	font-family: "Novecentowide-Medium",sans-serif; font-style: normal; font-weight: 400;
	font-size: 1.2em; /* 1.75em 28px / 16px */
	line-height: 1.250;
	color: #FFFFFF;
}
h4 {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 600;
	font-size: 1.125em; /* 18px / 16px */
	color: #33b6b2;
}
h5 {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 600;
	font-size: 1.000em;
	line-height: 1.250;
	color: #00a9ec;
}
h6 {
	font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 600;
	font-size: 1.000em;
	color: #00a9ec;
}
p {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 400;
	font-size: 1.00em;
	line-height: 1.600;
	color: #333;
}
strong,
b {
	font-weight: bold;
}
em {
	font-style: italic;
}

p.footertext {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	color: #fff;
	text-align: center;
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 400;
	font-size: 1.00em;
	
}


/* DIV Specific 
----------------------------------------------------------------------------------------- */

div#middlepanel div.sub p {
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.300em;
	line-height: 1.65;
	max-width: 85%;
	margin-left: auto;
	margin-right: auto;
}

div#middlepanel div.sub h1 {
	text-align: center;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}

div.capsule div.sub p {
	margin-bottom: 2em;
	text-align: left;
	font-size: 1.200em;
	line-height: 1.65;
}

div#one ul,
div#three ul {
	list-style: none; 
	position: relative; 
	float: left; 
	display: block; 
	left: 50%;
}
div#one ul li,
div#three ul li {
	position: relative; float: left; display: block; right: 50%;
}
div#one ul li a {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 600;
	font-size: 1.300em;
	color: #0f6a64;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 24px;
}
div#three ul li a {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 600;
	font-size: 1.300em;
	color: #0f6a64;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 24px 0px 0px;
}

div.rightcapsule p {
	text-align: center;
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 400;
	font-size: 1.20em;
}

div.sub div.newsColm h3 {
}

p.footertext {
	padding-top: 2em;
}
ol#action {
	padding-bottom: 1em;
}
ol#action li {
	margin-left: 1em;
	list-style: none; 
	color: #017770;
    font-family: "jaf-facitweb",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.8em;
    padding-top: .8em;
    padding-bottom: .8em;
    border-bottom: 3px dotted #dcf0ee; 
}
ol#action li:last-child {
	border-bottom: none;
}
div.capsule a {
	color: #d31f27;
}
div.capsule a:hover {
	color: #D34D54;
}
ul#news-feed {
	padding-bottom: 1em;
}
ul#news-feed li {
	float: left;
	display: block;
	list-style-type: none;
	padding-top: .8em;
	padding-bottom: 1.2em;
	border-bottom: 3px dotted #dcf0ee; 
}
ul#news-feed li:last-child {
	border-bottom: none;
}
div.capsule div.sub ul#news-feed li p {
	margin-bottom: .8em;
	text-align: left;
	font-size: 1.200em;
	line-height: 1.65;
}
div.capsule div.sub ul#news-feed li a.readmore {
	margin-top: 0;
}
div.capsule div.sub ul#partners {
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    column-count: 2;
    column-gap: 15px;
	padding-bottom: 1em;
}
div.capsule div.sub ul#partners li {
	margin-left: 1em;
	display: list-item;
	list-style-type: square; 
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 400;
	font-size: 1.00em;
	color: #000000;
	line-height: 1.65;
	padding-bottom: .6em
}

div.capsule div.sub ul#resources li {
	font-size: 1.00em;
	color: #000000;
	line-height: 1.65;
	text-align: center;
	background-color: #2aaea5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: .8em;
}
div.capsule div.sub ul#resources a {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 400;
	text-decoration: none;
	font-size: 1.20em;
	color: #fff;
	line-height: 2.8em;

}

div.capsule div.sub ul#resources a:active {
		color: #36807b;
	}
div.capsule div.sub div.capsule div.sub ul#resources li {
		text-align: center;
		margin-bottom: 1em;
	}
div.capsule div.sub ul#resources li:hover {
		background-color: #0f6a64;
	}
div.capsule div.sub ul#resources li:active {
		background-color: #0f6a64;
	}

@media(max-width: 38.5em) {

#middlepanel h1 {
	margin-top: .4em;
	font-size: 1.6em;
	line-height: 1.4em;
}
div#middlepanel div.sub p {
 	margin-bottom: .6em;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.6em;
}

div.capsule div.sub p {
	margin-bottom: 2em;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.65em;
}
div.capsuleul li {
    color: #017770;
    font-family: "jaf-facitweb",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.8em;
}

div.capsule div.sub ul#partners {
	-moz-column-count: 1;
    -moz-column-gap: 15px;
    -webkit-column-count: 1;
    -webkit-column-gap: 15px;
    column-count: 1;
    column-gap: 15px;
	padding-bottom: 1em;
	padding-left: 1em;
}
	
	
}

@media(min-width: 56.5625em) {

nav[role="navigation"] {
	overflow: hidden;
	width: 100%;
}
nav[role="navigation"] ul {
	list-style: none; 
	position: relative; 
	float: left; 
	display: block; 
	margin-top: 27px;
	margin-right: 20px;
	float: right;
}
nav[role="navigation"] li {
	position: relative; float: left; display: block;
}
nav[role="navigation"] li a {
	font-family: "jaf-facitweb",sans-serif; font-style: normal; font-weight: 600;
	font-size: 1.000em;
	color: #0f6a64;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 24px;
}
nav[role="navigation"] li a:hover {
	color: #6d2800;
}
nav[role="navigation"] li a.active {
	color: #6d2800;
}	

	
}