/* 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]
/* 2_0: Mega Nav selectors [Author: Nick Hall]
----------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------
 =Navigation
----------------------------------------------------------------------------- */
.nav { line-height: 1; }
	.nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		.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 ul li.lock a:after {
				font-family: 'FontAwesome';
				-webkit-font-smoothing: antialiased;
				content: "\f023";
				margin-left: 6px;
				}
				.nav li.showall.open li.more * { display: block !important; }


/*
-----------------------------------------------------------------------------
 =Main
----------------------------------------------------------------------------- */
#nav-main {
	font-size: 1.2em;
	z-index: 100;
	position: absolute;
	right: 0;
	top: 78px;
	width: 600px;
	height: 56px;
	}
	#nav-main > ul {
		text-align: right;
		}
		#nav-main > ul > li {
			position: relative;
			margin: 0;
			display: inline-block;
			text-align: left;
			}
		#nav-main > ul > li.first-child {}
		#nav-main > ul > li.last-child {}
			#nav-main > ul > li > a {
				font-family: 'PT Serif', serif;
				font-size: 1.5em;
				color: #b20838;
				text-shadow: 0 1px 0 #fff;
				margin: 2px 0;
				padding: .25em .45em;
				}
				#nav-main > ul > li > a span.first-child { display: block; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: normal; font-size: .95em; color: #808084; line-height: 1.4em; }				
				#nav-main > ul > li > a span.last-child { display: block; }
		#nav-main > ul > li.active {}
			#nav-main > ul > li.active > a {}
		#nav-main > ul > li.hover,
		#nav-main > ul > li:hover { }
			#nav-main > ul > li > a.active { border-top: 2px solid #b10737; border-bottom: 2px solid #b10737; margin: 0; }
			#nav-main > ul > li.hover > a,
			#nav-main > ul > li:hover > a,
			/*#nav-main > ul > li > a:hover span,*/
			#nav-main > ul > li > a:hover { border-top: 2px solid #8a8a8e; border-bottom: 2px solid #8a8a8e; margin: 0; }
			#nav-main > ul > li.lock > a:after { content: normal; }
				#nav-main > ul > li > a > .icon {}
				#nav-main > ul > li.active > a > .icon {}
				#nav-main > ul > li.hover > a > .icon,
				#nav-main > ul > li:hover > a > .icon,
				#nav-main > ul > li > a:hover > .icon {}

/* Simple Dropdowns
----------------------------------------------------------------------------- */
#nav-main li ul {
	width: 180px;
	position: absolute;
	left: 50%;
	margin-left: -90px;
	z-index: 200;
	text-align: center;
	padding: 34px 2px 10px 2px;
	}	
#nav-main li ul:before { 
	content: ""; 
	position: absolute; 
	top: 14px; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: url(/images/common/bg-dropdown2.jpg) 0 0  repeat;
	border: 1px solid #576674;
	border-top: none;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #7799b7;
	-moz-box-shadow: inset 0 0 3px rgba(255,255,255,.6);
	-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.6);
	box-shadow: inset 0 0 3px rgba(255,255,255,.6);
}	
#nav-main li ul:after { 
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 14px;
	background: url(/images/common/bg-dropdown-top.png) 0 0 no-repeat;
}
#nav-main li.last-child ul { right: 0; left: auto; margin-left: 0; }
	#nav-main ul ul li {}
	#nav-main ul ul li.first-child,
	#nav-main ul ul li.only-child {}
	#nav-main ul ul li.last-child,
	#nav-main ul ul li.only-child {}
		#nav-main ul ul a {
			position: relative;
			left: 0;
			color: #e2e8ed;
			font-family: "Roboto Condensed";
			font-size: 14px;
			padding: .6em;
			line-height: 16px; 
			text-transform: uppercase;
			}
		#nav-main ul ul a:hover { background-color: rgba(0,0,0,.1); }

/* Mega Dropdowns
----------------------------------------------------------------------------- */
#nav-main > ul > li.featured {}
	#nav-main li .mega-nav { display: none; }
	#nav-main li.hover .mega-nav,
	#nav-main li:hover .mega-nav { display: block; }
		#nav-main .mega-caption {}
		#nav-main .mega-image {}
			#nav-main .mega-image img {}
		#nav-main .mega-featured {}
			#nav-main .mega-featured li {}
			#nav-main .mega-featured li.first-child,
			#nav-main .mega-featured li.only-child {}
			#nav-main .mega-featured li.last-child,
			#nav-main .mega-featured li.only-child {}
				#nav-main .mega-featured li a {}
					#nav-main .mega-featured li a .icon {}
					#nav-main .mega-featured li a .mega-caption {}
				#nav-main .mega-featured li a:hover {}
		#nav-main .mega-links {}
			#nav-main .mega-links li {}
			#nav-main .mega-links li.featured { display: none; }
			#nav-main .mega-links li.first-child,
			#nav-main .mega-links li.only-child {}
			#nav-main .mega-links li.last-child,
			#nav-main .mega-links li.only-child {}
				#nav-main .mega-links li a {}
					#nav-main .mega-links li a .icon {}
				#nav-main .mega-links li a:hover {}


/*
-----------------------------------------------------------------------------
 =Constituent
----------------------------------------------------------------------------- */
#nav-const {
	z-index: 100;
	position: absolute;
	top: 20px;
	right: 20px;
	}
	#nav-const > ul {
		/*  Set background image here the same as what you want for #nav-const ul li{}  */
		}
		#nav-const > ul > li {
			position: relative;
			float: left;
			margin: 0 12px 0 0;
			}
			#nav-const > ul > li > a {
				/*height: 18px;
				text-decoration: none;
				text-indent: 101%;
				white-space: nowrap;
				overflow: hidden;*/
				}

			/*  /production/navcss.aspx  */

			#nav-const ul ul {
				width: 190px;
				position: absolute;
				z-index: 200;
				background-color: #ddd;
				}
				#nav-const ul ul li {}
					#nav-const ul ul li a {
						position: relative;
						left: 0;
						padding: .5em;
						}
					#nav-const ul ul li a:hover {}


/*
-----------------------------------------------------------------------------
 =Sub
--------------------------------------------------------------------------- */
.tc h2.section { margin-bottom: .4em; }
	.tc h2.section a { text-decoration: none; color: #3f3f41; }
	.tc h2.section a:hover { color: #6e1222; }
#nav-sub { margin-bottom: 2em; }
	#nav-sub > ul { border-bottom: 1px solid #d1d1d1; }
		#nav-sub > ul > li { border-top: 1px solid #d1d1d1; }
		#nav-sub ul li { padding: .75em 0; }
			#nav-sub ul li a { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; color: #3f3f41; font-size: 1.1em; line-height: 1.2; }
			#nav-sub ul li a:hover { color: #b20838; }
			#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 {
				color: #d4b256 !important;				
				}
				#nav-sub ul ul { margin: .25em 0 0 0; }
					#nav-sub ul ul li { padding: .25em 0 .25em 1em; }
					#nav-sub ul ul li a { font-size: .9em; line-height: 1.45; }
					#nav-sub ul ul ul {}
						#nav-sub ul ul ul li { padding: .25em 0 .25em 1.5em; }
						#nav-sub ul ul ul ul {}
							#nav-sub ul ul ul li { padding: .25em 0 .25em 2em; }

.sc h2.section { 
	margin-bottom: 0; 
	border: 3px solid rgba(0,0,0,.05);
	border-bottom: none;
	-moz-border-radius: 13px 13px 0 0;
	-webkit-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	padding: 15px 10px 10px 10px;
	}
	.sc h2.section a { text-decoration: none; color: #3f3f41; }
	.sc h2.section a:hover { color: #6e1222; }
.sc #nav-sub { 
	border: 3px solid rgba(0,0,0,.05);
	border-top: none;
	-moz-border-radius: 0 0 13px 13px;
	-webkit-border-radius: 0 0 13px 13px;
	border-radius: 0 0 13px 13px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	padding: 0 10px 10px 10px;
	}
	.sc #nav-sub > ul { border: none;  }
		.sc #nav-sub > ul > li { padding: .75em 5px; }
		.sc #nav-sub ul li {  }
		.sc #nav-sub ul li.logout { 
			text-align: center;
			padding: .75em 0;
			margin-top: .5em;
			border: 1px solid rgba(53,38,29,.2);
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
			border-radius: 11px;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			background-color: rgba(208,208,208,.4);
			-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.61);
			-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.61);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.61);
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSI2NC41JSIgeDI9IjUwJSIgeTI9IjM1LjUlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwMTcxMSIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiM0MzJmMjMiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzJmMjMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
			background-image: -moz-linear-gradient(bottom, rgba(32,23,17,.1) 35.5%, rgba(67,48,36,0) 64.28%, rgba(67,48,36,0) 64.5%);
			background-image: -o-linear-gradient(bottom, rgba(32,23,17,.1) 35.5%, rgba(67,48,36,0) 64.28%, rgba(67,48,36,0) 64.5%);
			background-image: -webkit-linear-gradient(bottom, rgba(32,23,17,.1) 35.5%, rgba(67,48,36,0) 64.28%, rgba(67,48,36,0) 64.5%);
			background-image: linear-gradient(bottom, rgba(32,23,17,.1) 35.5%, rgba(67,48,36,0) 64.28%, rgba(67,48,36,0) 64.5%);
			}
			.sc #nav-sub ul li.logout a {
				color: #3f3f41;
				font-size: 1.3em;
				text-shadow: 0 1px 0 rgba(255,255,255,.8);
				}
			.sc #nav-sub ul li.logout a:hover { color: #6e1222; }

/*
-----------------------------------------------------------------------------
 =Utility
----------------------------------------------------------------------------- */
#nav-util {
	font-size: 1.1em;
	position: absolute;
	top: 160px;
	left: 250px;
	height: 66px;
	width: 250px;	
	}
	#nav-util > ul { }
		#nav-util > ul > li {
			position: relative;
			margin: 0 12px 0 0;
			}
		#nav-util ul li.lock a:after { display: none; }
			#nav-util ul ul {
				display: block;
				/*width: auto;*/
				}
			/*#nav-util ul ul.col2 { margin-right: 20px; }*/
			#nav-util ul ul li {
				background: url(/images/common/blt-utility.gif) 0 8px no-repeat;
				padding: 6px 0 4px 14px;
				}
			#nav-util ul ul li a {
				color: #3f3f41;
				font-family: "Roboto";
				font-size: 12px;
				text-shadow: 0 1px 0 rgba(255,255,255,.54);
				text-transform: uppercase;
				font-weight: bold;
				}
			#nav-util ul ul li a:hover { color: #b20838; }

			#nav-util ul ul ul { display: none; }
@media screen and (max-width: 1108px) {
	#nav-util { left: 150px; }
}

/*
-----------------------------------------------------------------------------
 =Social
----------------------------------------------------------------------------- */
#nav-social {
	position: absolute;
	top: 12px;
	right: 0;
	z-index: 100;
	height: 40px;
	width: 240px;
	}
	#nav-social > ul {
		height: 40px;
		width: 240px;
		}
		#nav-social > ul > li {
			position: relative;
			float: left;
			margin: 0;
			}
		#nav-social > ul > li.lock { background-image: none; }
			#nav-social > ul > li > a {
				background-image: url(/images/navigation/social.png);
				background-repeat: no-repeat;
				height: 40px;
				text-indent: 101%;
				white-space: nowrap;
				overflow: hidden;
				text-decoration: none;
				}

			#nav-social > ul > li:hover > a,
			#nav-social > ul > li.hover > a,
			#nav-social > ul > li > a:hover,
			#nav-social > ul > li > a.hover,
			#nav-social > ul > li > a.active { background-image: url(/images/navigation/social.png); background-repeat: no-repeat; }

			#nav-social #nav-link-twitter { width: 40px; background-position: 0px 0; }
			#nav-social #nav-link-facebook { width: 40px; background-position: -40px 0; }
			#nav-social #nav-link-youtube { width: 40px; background-position: -80px 0; }
			#nav-social #nav-link-linkedin { width: 40px; background-position: -120px 0; }
			#nav-social #nav-link-search { width: 40px; background-position: -160px 0; }
			#nav-social #nav-link-thoughts { width: 40px; background-position: -200px 0; }
			
			#nav-social #nav-li-twitter:hover > a, #nav-social #nav-li-twitter.hover > a,
			#nav-social #nav-link-twitter.active, #nav-social #nav-link-twitter:hover { background-position: 0px -40px; }
			#nav-social #nav-li-facebook:hover > a, #nav-social #nav-li-facebook.hover > a,
			#nav-social #nav-link-facebook.active, #nav-social #nav-link-facebook:hover { background-position: -40px -40px; }
			#nav-social #nav-li-youtube:hover > a, #nav-social #nav-li-youtube.hover > a,
			#nav-social #nav-link-youtube.active, #nav-social #nav-link-youtube:hover { background-position: -80px -40px; }
			#nav-social #nav-li-linkedin:hover > a, #nav-social #nav-li-linkedin.hover > a,
			#nav-social #nav-link-linkedin.active, #nav-social #nav-link-linkedin:hover { background-position: -120px -40px; }
			#nav-social #nav-li-search:hover > a, #nav-social #nav-li-search.hover > a,
			#nav-social #nav-link-search.active, #nav-social #nav-link-search:hover { background-position: -160px -40px; }
			#nav-social #nav-li-thoughts:hover > a, #nav-social #nav-li-thoughts.hover > a,
			#nav-social #nav-link-thoughts.active, #nav-social #nav-link-thoughts:hover { background-position: -200px -40px; }
			
			
/*
-----------------------------------------------------------------------------
 =Breadcrumbs
----------------------------------------------------------------------------- */
#breadcrumbs {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 56px;
	width: 100%;
	clear: both;
	font-size: .9em;
	}
	#breadcrumbs ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#breadcrumbs ul li {
			display: inline-block;
			margin: 0 .5em 0 0;
			padding: 16px 0;
			color: #FFF;
			background-image: none;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 1.7em;
			text-shadow: 0 -1px 0 rgba(0,0,0,.2);
			text-transform: uppercase;
			}
			#breadcrumbs ul li.first-child a:before {
				font-family: 'FontAwesome';
				content: "\f015";
				-webkit-font-smoothing: antialiased;
				margin-right: .5em;
				}
		#breadcrumbs ul li.last-child { color: #dfd05d; }
			#breadcrumbs ul li a {
				float: left;
				margin-right: .5em;
				color: #fff;
				}
			#breadcrumbs ul li a:hover { color: #dfd05d; }


/*
-----------------------------------------------------------------------------
 =Login
----------------------------------------------------------------------------- */
#nav-login {}
	#nav-login h2 {}
	#nav-login ul.login-list {}
		#nav-login ul.login-list li {}
		#nav-login ul.login-list li.first-child {}
		#nav-login ul.login-list li.last-child {}
		#nav-login ul.login-list li.profile-edit {}
			#nav-login ul.login-list li.profile-edit span {}
			#nav-login ul.login-list li a {}
			#nav-login ul.login-list li a.my-messages {}
			#nav-login ul.login-list li a.new { font-style: italic; }
			#nav-login ul.login-list li a.my-profile { display: inline-block; }
			#nav-login ul.login-list li a.my-update { display: inline-block; }
			#nav-login ul.login-list li a.my-pictures {}
			#nav-login ul.login-list li a.my-friends {}
			#nav-login ul.login-list li a.my-groups {}
			#nav-login ul.login-list li a.my-customize {}
			#nav-login ul.login-list li a.login {}
			#nav-login ul.login-list li a.forgotpw {}
			#nav-login ul.login-list li a.changepw {}
			#nav-login ul.login-list li a.logout {}