/* VERSIONS
/* 1_0: Primary Site Navigations
/* 1_1: Switched to sibling CSS selector [Author: Nick Hall]
/* 1_2: Shared Images [Author: Nick Hall]
/* 1_3: Dropdown behavior attached to .nav class and cleanup [Author: Nick Hall]
/* 1_4: Removed heights and absolute positioning [Author: Nick Hall]
----------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------
 =Navigation
----------------------------------------------------------------------------- */
.nav { line-height: 1; }
	div.nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		div.nav ul li {
			margin: 0;
			padding: 0;
			background-image: none;
			}
		.nav > ul > li.last-child { margin-right: 0; }
			.nav ul li a { display: block; }
			.nav ul ul { display: none; }
			.nav ul li.hover ul,
			.nav ul li:hover ul { display: block; }
				#nav-sub ul li.lock {
					background: url(/_infrastructure/images/icons/default/lock_closed.png) center right no-repeat;
					}
				.nav li.showall.open li.more * { display: block !important; }

			#nav-main ul li.hover ul,
			#nav-main ul li:hover ul  {
				display: block;
			}


/*
-----------------------------------------------------------------------------
 =Main
----------------------------------------------------------------------------- */
#main-toggle {
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 0;
	visibility: hidden;
	color: #FFFFFF;
	height: 50px;
	width: 54px;
	padding: 9px 10px 10px 20px;
	z-index: 101;
	}
#main-toggle:before {
	content: "\f0c9";
	display: block;
	font-family: 'FontAwesome';
	font-size: 36px;
	line-height: 1;
	visibility: visible;
	}

#nav-main {
	font-size: 1.2em;
	z-index: 100;
	position: absolute;
	font-family: 'PT Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 107px 0 0 371px;
	}
@media screen and (min-width: 951px) {
	#masthead-container.sticky #nav-main { margin: 88px 0 0 371px; }
}
	#nav-main > ul { max-width: 615px; width: 615px;}
		#nav-main > ul > li {
			position: relative;
			float: left;
			margin: 0;
			border-right: 1px dotted #bdbdbd;
			}
		#nav-main > ul > li.last-child {border-right: 0;}
		#nav-main > ul > li.lock { background-image: none; }
			#nav-main > ul > li > a {
				display: block;
				line-height: 30px;
				float: left;
				color: #606060;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 16px;
				padding: 0 12px;
				}
				#nav-main ul li a:hover {color: #9a9a9a;}

			#nav-main ul li ul {
				width: 243px;
				position: absolute;
				z-index: 200;
				padding: 10px;
				background-color: #fc7716;
				border: 1px solid #aa5e26;
				-webkit-border-radius: 3px;
    			-moz-border-radius: 3px;
   				border-radius: 3px;
						filter: alpha(opacity=90);
						opacity: 0.9;
						margin: 30px 0 0 0px;
				-webkit-box-shadow:  0px 0px 1px 1px #9a9a9a;
        		box-shadow:  0px 0px 1px 1px #9a9a9a;
				}
				#nav-main ul ul li { border-bottom: 1px solid #fd9a52;}
				#nav-main ul ul li.last-child{ border-bottom: none;}
				#nav-main ul li.active > a,
				#nav-main ul li.open > a{ color: #FC700A;}
					#nav-main ul ul li a {
						position: relative;
						left: 0;
						padding: 12px 5px;
						text-shadow: 1px 1px #b35410;
						color: #fff !important;
						text-transform: uppercase;
						font-family: 'PT Sans', sans-serif;
						font-style: normal;
						font-weight: 700;
						text-decoration: none;
						}
					#nav-main ul ul li a:hover { background: #e35c12;
						color: #fff;}

	#masthead-container.sticky #nav-main-alt{ margin: 30px 0 0 568px;}
#nav-main-alt{ position: absolute; margin: 50px 0 0 568px; font-family: 'PT Sans',sans-serif;}
#nav-main-alt ul ul{ display: none !Important;}
#nav-main-alt ul li{ float: left; margin-left: 10px;}
#nav-main-alt ul li a{ padding:  12px 10px; color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #185ba5; text-decoration: none; text-transform: uppercase; font-size: 11px;}
#nav-main-alt ul li a:hover{  color: #fff; background: #606060;}


@media screen and (max-width: 979px) {
}

@media screen and (max-width: 767px) {
	#main-toggle {position: absolute;}

	#responsive-tray { background: rgba(0, 0, 0, .6); }
		#nav-main,
		#nav-main-alt { position: relative; }
		#nav-main > ul { text-align: left; }
			#nav-main > ul > li,
			#nav-main-alt >ul > li{
				float: none;
				margin-right: 0;
				display: block;
				}
			#nav-main > ul > li a,
			#nav-main-alt >ul > li a {
				display: block;
				zoom: 1;
				}
			#nav-main > ul > li:hover:after { display: none; }
				#nav-main ul ul { display: none !important; }

	#nav-main-alt li{ margin: 0 0 10px 0;	}
	#nav-main-alt ul li a {
		background: none;
		border-radius: 0;
		font-size: 15px;
		padding: 0 0 0 18px;
	}
	#nav-main-alt ul li a:hover{ color: #ccc;}

	/* =Responsive Collapse Nav
	----------------------------------------------------------------------------- */
	.collapse-nav #nav-main {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: relative;
		display: block;
		overflow: hidden;
		zoom: 1;
		}
	.collapse-nav.opened #nav-main { max-height: 5555px; }


	/* =Responsive Slide/Push Nav
	----------------------------------------------------------------------------- */
	#responsive-tray.push-nav,
	#responsive-tray.slide-nav { position: fixed; z-index: 1000; }

	.direction-right,
	.direction-left {
		width: 240px;
		height: 100%;
		top: 0;
		}
	.direction-top,
	.direction-bottom {
		width: 100%;
		height: 240px;
		left: 0;
		overflow: hidden;
		}

	.nav-push-right,
	.nav-push-left { overflow-x: hidden; }

	.slide-nav,
	.push-nav {
		-webkit-transition: transform .3s ease;
		-moz-transition: transform .3s ease;
		-ms-transition: transform .3s ease;
		-o-transition: transform .3s ease;
		transition: transform .3s ease;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
		}

	.direction-right { right: -240px; }
	.nav-reveal.nav-push-right,
	.nav-reveal .slide-nav.direction-right {
		-webkit-transform: translate(-240px,0);
		-moz-transform: translate(-240px,0);
		-ms-transform: translate(-240px,0);
		-o-transform: translate(-240px,0);
		transform: translate(-240px,0);
		}
	.direction-left { left: -240px; }
	.nav-push-left.nav-reveal,
	.nav-reveal .slide-nav.direction-left {
		-webkit-transform: translate(240px,0);
		-moz-transform: translate(240px,0);
		-ms-transform: translate(240px,0);
		-o-transform: translate(240px,0);
		transform: translate(240px,0);
		}

	.direction-top { top: -240px; }
	.nav-reveal .direction-top {
		-webkit-transform: translate(0,240px);
		-moz-transform: translate(0,240px);
		-ms-transform: translate(0,240px);
		-o-transform: translate(0,240px);
		transform: translate(0,240px);
		}
	.direction-bottom { bottom: -240px; }
	.nav-reveal .direction-bottom {
		-webkit-transform: translate(0,-240px);
		-moz-transform: translate(0,-240px);
		-ms-transform: translate(0,-240px);
		-o-transform: translate(0,-240px);
		transform: translate(0,-240px);
		}

}

@media screen and (max-width: 530px) {
	#main-toggle {position: relative;}
		#nav-main ul{border-bottom: 1px solid #888;}
		#nav-main > ul > li { border: none;}
		#nav-main > ul > li > a {
			float: none !important;
			width: 100% !important;

		}
			#nav-main > ul > li > a:hover{ background: #ee650a; color: #fff;}
}

@media screen and (max-width: 320px) {
}


/*
-----------------------------------------------------------------------------
 =Constituent
----------------------------------------------------------------------------- */
#nav-const {
	z-index: 101;
	position: absolute;
	top: 12px;
	right: 40px;
	font-family: 'PT Sans', sans-serif;
	  font-style: normal;
	  font-weight: 700;
	}
		#nav-const > ul > li {
			position: relative;
			float: left;
			margin: 0 12px 0 0; z-index: 1000;
			}
			#nav-const > ul li > a {
				text-transform: uppercase;
				color: #fff;
				text-shadow: 1px 1px #c15213;
				text-decoration: none;
				/*background: #db5509;*/
				padding: 0 10px;
				height: 27px;
				line-height: 27px;
				font-size: 1.2em;
				-webkit-border-radius: 1px;
				border-radius: 1px;
				}
			#nav-const > ul > li > a#nav-link-ecfs_community{ padding-left: 40px; padding-right: 0; width: 113px;}
			#nav-const > ul ul li > a {
				-webkit-border-radius: 0px;
				border-radius: 0px;
				}
			#nav-const > ul > li > a:hover{ background: #ee650a;}
			#nav-const ul ul {background: #ee650a; z-index: 1000;}
			#nav-const > ul ul li > a:hover{ background: #ee650a;}

			#nav-const-left {
				z-index: 101;
				font-family: 'PT Sans', sans-serif;
				  font-style: normal;
				  font-weight: 700;
				  padding-top: 12px;
			}
			#nav-const-left > ul > li {
						position: relative;
						float: left;
						margin: 0; z-index: 1000;
						border-right: 1px dotted #fff;
						}
			#nav-const-left > ul > li.last-child {border-right: none;}
			#nav-const-left > ul li > a {
				text-transform: uppercase;
				color: #fff;
				text-shadow: 1px 1px #c15213;
				text-decoration: none;
				padding: 0 10px;
				height: 27px;
				line-height: 27px;
				font-size: 1.2em;
				-webkit-border-radius: 1px;
				border-radius: 1px;
				}
			#nav-const-left > ul li > a:hover { text-decoration: underline;}

@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 979px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 530px) {
	#nav-const {
		position: relative;
		right: auto;
		top: auto;
		clear: both;
	}
	#nav-const-left > ul > li,
	#nav-const > ul > li { float: none; margin: 0; border: none;}
	#nav-const-left > ul > li > a,
	#nav-const > ul > li > a {
		background: none;
		font-size: 1.3em;
		height: auto;
		line-height: auto;
		display: block;
		padding: 0 18px;
		text-shadow: 1px 1px #000;
		text-transform: uppercase;
			float: none !important;
			width: 100% !important;
	}

	#nav-const-left {	margin-left: 0px;	}
		#nav-const-left ul ul,
		#nav-const ul ul {
			display: none !important;
		}
	#nav-const > ul > li > a#nav-link-ecfs_community {
		  padding: 0 18px;
			width: auto;
		}
}

#nav-const-social-container {
	position: relative;
	max-width: 969px;
	padding: 0 9.5px;
	margin: 0px auto 0 auto; /* -50px auto 0 auto */
	/* height: 50px; */
}
#nav-const-social {
	z-index: 101;
	position: absolute;
	top: -40px; /* 12px */
	right: 250px;
}
#nav-const-social ul li {
	position: relative;
	display: inline-block;
	margin-right: 12px;
}
#nav-const-social ul li a {
	display: block;
	width: 27px;
	height: 27px;
	color: transparent;
	background: #db5509;
	border-radius: 50%;
}
#nav-const-social ul li a:hover {
	background: #ee650a;
}
#nav-const-social ul li a:after {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 2px #c15213;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	line-height: 27px;
}

#nav-const-social ul li#nav-li-twitter a:after {
	content: '\f099';
}
#nav-const-social ul li#nav-li-twitter a:hover {
	background: #55acee;
}
#nav-const-social ul li#nav-li-twitter a:hover:after {
	text-shadow: 1px 2px #2f5f83;
}

#nav-const-social ul li#nav-li-app a {
	background: url('/images/common/tree_xs.png') #fff center no-repeat;
	border-radius: 4px;
	position: relative;
}
#nav-const-social ul li#nav-li-app a:hover {
	opacity: .7;
}
#nav-const-social ul li#nav-li-app a:after {
	content: 'APP';
	top: 100%;
	text-shadow: none;
	color: #fff;
	font-size: 8px;
	line-height: 10px;
}

#nav-const-social ul li#nav-li-instagram a:after {
	content: '\f16d';
}
#nav-const-social ul li#nav-li-instagram a:hover {
	background: #3f729b;
}
#nav-const-social ul li#nav-li-instagram a:hover:after {
	text-shadow: 1px 2px #1d3547;
}

#nav-const-social ul li#nav-li-tumblr a:after {
	content: '\f173';
}
#nav-const-social ul li#nav-li-tumblr a:hover {
	background: #35465c;
}
#nav-const-social ul li#nav-li-tumblr a:hover:after {
	text-shadow: 1px 2px #1b232e;
}

#nav-const-social ul li#nav-li-vimeo a:after {
	content: '\f194';
}
#nav-const-social ul li#nav-li-vimeo a:hover {
	background: #162221;
}
#nav-const-social ul li#nav-li-vimeo a:hover:after {
	text-shadow: 1px 2px #080d0c;
}

@media screen and (max-width: 530px) {
	#nav-const-social {
		right: 50px;
	}
}


/*
-----------------------------------------------------------------------------
 =Sub
--------------------------------------------------------------------------- */
#nav-sub { margin-bottom: 2em; }
	#nav-sub > ul {}
		#nav-sub ul li { }
			#nav-sub ul li a { border-bottom: 1px solid #c5c5c5;
				border-top: 1px solid #f8f8f8;
				padding: 12px 10px;
				background: url(/images/nav/ns.png);
				text-decoration: none;
				text-shadow: 0px 1px #FFFFFF;
				color: #707070;
				text-transform: uppercase;
				font-family: 'PT Sans', sans-serif;
			    font-style: normal;
			    font-weight: 700;
				font-size: .8em;
				}
			#nav-sub ul li a:hover {
				color: #fff;
				background: #fc700a;
				text-shadow: none;
				}
			#nav-sub li.more ul { display: none; }
			#nav-sub li.open > ul,
			#nav-sub li.active > ul {
				display: block;
				}
			#nav-sub li.open > a,
			#nav-sub li.active > a {
				background: url(/images/nav/nsa.png);
				color: #000;
				}
			#nav-sub ul ul { border-bottom: 1px solid #c5c5c5;
				 border-top: 1px solid #c5c5c5;}
			#nav-sub ul ul li.open > a,
			#nav-sub ul ul li.active > a {
				background: none;
				}
				#nav-sub ul ul li a {
					padding: 8px 12px 8px 22px;
					background: none;
					border: none;
					}
				#nav-sub ul ul li a:hover {
					color: #fc700a;
					text-decoration: underline;
					background: none;
					}
					#nav-sub ul ul ul {	border: none;}
					#nav-sub ul ul ul li a{
					padding-left: 34px;}
					#nav-sub ul ul ul ul li a{
					padding-left: 46px;}

@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 979px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 530px) {
}

@media screen and (max-width: 320px) {
}


/*
-----------------------------------------------------------------------------
 =Utility
----------------------------------------------------------------------------- */
#nav-util {
	font-size: 1.1em;
	line-height: 33px;
	min-height: 43px;
	padding-top: 10px;
	}
	#nav-util > ul {}
		#nav-util > ul > li {
			position: relative;
			float: left;
			border-right: 1px dotted #ccc;
			}
		#nav-util > ul > li.last-child {
			border-right: none;
			}
			#nav-util > ul > li > a {
				text-decoration: none;
				color: #094b8d;
				text-transform: uppercase;
				font-size: 18px;
				font-family: 'PT Sans Narrow';
				font-style: normal;
				font-weight: 700;
				margin: 0;
				padding: 0 18px 0 18px;
				}
		#nav-util > ul > li.last-child a { padding-right: 0;}
			#nav-util > ul > li > a:hover{ color: #646460;	}

			#nav-util ul ul {
				display: none;
				width: 190px;
				position: absolute;
				z-index: 200;
				background-color: #ddd;
				}
				#nav-util li.hover ul,
				#nav-util li:hover ul { display: none; } /*	Don't want dropdowns in util nav */

@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 979px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 530px) {
	#nav-util > ul > li {
		border-right: none;
		float: none;
		position: relative;
	}
	#nav-util > ul > li > a {
		color: #094B8D;
		font-family: 'PT Sans Narrow';
		font-size: 13px;
	}
}

@media screen and (max-width: 320px) {
}


/*
-----------------------------------------------------------------------------
 =Breadcrumbs
----------------------------------------------------------------------------- */
#breadcrumbs {
	font-size: 90%;
	width: 718px;
	overflow: auto;
	}

	#breadcrumbs ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#breadcrumbs ul li {
			display: block;
			float: left;
			margin: 0;
			padding: 12px 0;
			color: #000;
			background-image: none;
			text-shadow: 1px 1px #fff;
				font-family: 'PT Sans Narrow', sans-serif;
			  font-style: normal;
			  font-weight: 700;
			  font-size: 1.5em;
			  text-transform: uppercase;
			}
		#breadcrumbs ul li.first-child a{
			background: url(/images/common/tree_xs.png) left center no-repeat;
			padding-left:32px;
			}
		#breadcrumbs ul li.last-child { color: #747474;
			border-right: none;
				padding: 18px 10px;
			 }
			#breadcrumbs ul li a { float: left; text-decoration: none;
				color: #f5490c;
				border-right: 1px dotted #bdbdbd;
				padding: 6px 10px;
				 }
			#breadcrumbs ul li a:hover {color: #feb885;	 }


#nav-social{ position: absolute; right: 9.5px; top: 0; line-height: 55px;}
#nav-social ul li{float: left; margin-left: 5px;}
#nav-social ul li a{ text-indent: 101%; overflow: hidden;
	display: block;
	width: 21px;
	height: 53px;
	}

#nav-social ul li a#nav-link-twitter{  background: url(/images/nav/twitter.png) left center no-repeat;	}
#nav-social ul li a#nav-link-facebook{  background: url(/images/nav/facebook.png) left center no-repeat;	}
#nav-social ul li a#nav-link-flickr{  background: url(/images/nav/flickr.png) left center no-repeat;	}
#nav-social ul li a#nav-link-instagram{  background: url(/images/nav/instagram.png) left center no-repeat;	}
#nav-social ul li a#nav-link-pinterest{  background: url(/images/nav/pinterest.png) left center no-repeat;	}

@media screen and (max-width: 530px) {
	#nav-social {
		position: relative;
		right: auto;
		top: auto;
		clear: both;
		padding-left: 15px;
	}
}