/* | Start Main Navigation | */

:root {
	--nav-height: 24px;
	--subnav-top-off: calc(var(--nav-height) + 10px);
	--subnav-top-hot: calc(var(--nav-height));
	--nav-line-before-display: none; /* block or none */
	--nav-line-before-top: -8px;
	--nav-line-left-offset: 0px; /* -5px or 0px */
	--nav-line-width: 100%; /* calc(100% + 10px) or 100% */

	--nav-color-off: #ffffff;
	--nav-bg-off: #ffffff;
	--nav-color-hot: #ffffff;
	--nav-bg-hot: #fb2b2b;
	--nav-line-hot: #fb2b2b;

	--seperator-visibility: hidden; /* visible or hidden */
	--seperator-color: #222222;

	--subnav-bg-rgb: 20, 23, 28; /* Red, Green, Blue */
	--subnav-bg-hot: #fb2b2b;
	--subnav-color-off: #ffffff;
	--subnav-color-hot: #ffffff;
}

.main_nav #nav { display: block; padding: 0px; margin: 0 auto; list-style-type: none; width: auto; height: var(--nav-height); position: relative; text-align: right; margin-top: 7px; }
.main_nav #nav li.top { display: inline-block; /*float: left;*/ height: var(--nav-height); }

.main_nav #nav li { position:relative; }

.main_nav #nav .seperator { display: inline-block; /*float: left;*/ width: 20px; height: var(--nav-height); padding: 0; margin: 0; margin-top: -1px; visibility: var(--seperator-visibility); text-align: center; vertical-align: top; color: var(--seperator-color); }
/*.main_nav #nav .seperator { display:none; }*/
.main_nav #nav li.no_nav { display: none; }

	/* | Start Sub Navigation | */

.main_nav #nav li ul.sub { border: 1px solid #fff; left: 0px; top: 0px; margin-top: 0px; width: auto; min-width: 100px; height: auto; }
.main_nav #nav li ul.sub li { display: block; position: relative; float: left; width: 100%; font-weight: normal; }
.main_nav #nav li ul.sub li a { display: block; white-space: nowrap; width: 100%; padding: 10px 10px; color: var(--subnav-color-off); text-decoration: none; box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.main_nav #nav li:hover ul { box-shadow: 0px 1px 3px #222; }

.main_nav #nav li ul {
	background-color: rgba(var(--subnav-bg-rgb), 0.9);
	/*background-image: url(images/subnavbg.png);*/
	background-image: linear-gradient(to bottom, rgba(var(--subnav-bg-rgb), 1) 0px, rgba(var(--subnav-bg-rgb), 0) 50px);
	background-position: top right;
	background-repeat: no-repeat;
	text-align: left !important;
}

.main_nav #nav li ul.sub li,
.main_nav #nav li ul.sub li a,
.main_nav #nav li ul.sub li a.fly,
.main_nav #nav li ul.sub li a.fly,
.main_nav #nav li ul.sub li li a.fly,
.main_nav #nav li ul.sub li li li a.fly,
.main_nav #nav li ul.sub li li li li a.fly {
	background-color: transparent;
	transition: background 500ms, color 500ms;
	-moz-transition: background 500ms, color 500ms;		/* Firefox 4 */
	-webkit-transition: background 500ms, color 500ms;	/* Safari and Chrome */
	-o-transition: background 500ms, color 500ms;			/* Opera */
}

.main_nav #nav li:hover ul.sub li:hover,
.main_nav #nav li:hover ul.sub li a:hover,
.main_nav #nav li:hover ul.sub li a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover li:hover a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover li:hover a.fly:hover {
	background-color: var(--subnav-bg-hot);
	color: var(--subnav-color-hot);
}
.main_nav #nav li > a.fly:before,
.main_nav #nav li ul.sub li > a.fly:before,
.main_nav #nav li:hover ul.sub li > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover li > a.fly:before {
	color: var(--subnav-color-off);
}
.main_nav #nav li:hover ul.sub li:hover > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover li:hover > a.fly:before {
	color: var(--subnav-bg-hot);
}

.main_nav #nav li:hover li:hover ul,
.main_nav #nav li:hover li:hover li:hover ul,
.main_nav #nav li:hover li:hover li:hover li:hover ul,
.main_nav #nav li:hover li:hover li:hover li:hover li:hover ul
/*{left:210px; top:-1px; padding:0px; border:1px solid #dddddd; width:210px; height:auto;}*/
{left:100%; top:-1px; padding:0px; border:1px solid #fff; width:auto; height:auto; }

.main_nav #nav li:hover li:hover li:hover ul,
.main_nav #nav li:hover li:hover li:hover li:hover ul,
.main_nav #nav li:hover li:hover li:hover li:hover li:hover ul
{ width: auto; }

.main_nav #nav li:hover li:hover li:hover ul li a,
.main_nav #nav li:hover li:hover li:hover li:hover ul li a,
.main_nav #nav li:hover li:hover li:hover li:hover li:hover ul li a
{ /*white-space: normal;*/ }

.main_nav #nav ul,
.main_nav #nav li:hover ul ul,
.main_nav #nav li:hover li:hover ul ul,
.main_nav #nav li:hover li:hover li:hover ul ul,
.main_nav #nav li:hover li:hover li:hover li:hover ul ul,
.main_nav #nav li:hover li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:auto; height:auto; margin:0; padding:0; list-style:none;}

.main_nav #nav li > ul,
.main_nav #nav li li > ul,
.main_nav #nav li li li > ul,
.main_nav #nav li li li li > ul,
.main_nav #nav li li li li li > ul {
	top: -1px !important;
	left: calc(100% - 20px) !important;
	opacity: 0;
	visibility: hidden;
	width: 0px;

	transition: top 200ms, left 200ms, right 200ms, opacity 200ms, visibility 200ms, width 200ms;
	-moz-transition: top 200ms, left 200ms, right 200ms, opacity 200ms, visibility 200ms, width 200ms;		/* Firefox 4 */
	-webkit-transition: top 200ms, left 200ms, right 200ms, opacity 200ms, visibility 200ms, width 200ms;	/* Safari and Chrome */
	-o-transition: top 200ms, left 200ms, right 200ms, opacity 200ms, visibility 200ms, width 200ms;		/* Opera */
}

.main_nav #nav li:hover > ul,
.main_nav #nav li:hover li:hover > ul,
.main_nav #nav li li:hover li:hover > ul,
.main_nav #nav li li li:hover li:hover > ul,
.main_nav #nav li li li li:hover li:hover > ul {
	left: 100% !important;
	opacity: 1;
	visibility: visible;
}
.main_nav #nav > li > ul {
	left: 0px !important;
	top: var(--subnav-top-off) !important;
}

.main_nav #nav > li:hover > ul {
	left: 0px !important;
	top: var(--subnav-top-hot) !important;
}

		/* Start 1st Layer Sub Navigation Off */
.main_nav #nav li ul.sub li a.fly,
.main_nav #nav li:hover ul.sub li a.fly,
.main_nav #nav li:hover ul.sub li:hover li a.fly,
.main_nav #nav li:hover ul.sub li:hover li:hover li a.fly,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover li a.fly,
		/* End 1st Layer Sub Navigation Off */

		/* Start 1st Layer Sub Navigation Hot */
.main_nav #nav li:hover ul.sub li a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover li:hover a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover a.fly:hover,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover li:hover a.fly:hover {
	background-image: url(images/arrow_nav.gif);
	background-position: right center; /* Regular */
	background-position/*\**/: right 10px center; /* Hidden from ie8 and earlier. Provides padding to the right of the image */
	background-repeat: no-repeat;
	padding-right: 30px;

	background-image: none;
}
		/* End 1st Layer Sub Navigation Hot */

		/* Start Font Awesome Sub Navigation Off */
.main_nav #nav li > a.fly:before,
.main_nav #nav li ul.sub li > a.fly:before,
.main_nav #nav li:hover ul.sub li > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover li > a.fly:before {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	font: normal normal normal 16px/1 font-awesome;
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0da";
	width: 20px;
	height: 100%;
	text-align: right;
	opacity: 1;
	z-index: 999;
	
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
		/* End Font Awesome Sub Navigation Off */

		/* Start Font Awesome Sub Navigation Hot */
.main_nav #nav li:hover ul.sub li:hover > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover > a.fly:before,
.main_nav #nav li:hover ul.sub li:hover li:hover li:hover li:hover > a.fly:before {
	top: -2px;
	right: -8px;
	font-size: 38px;

	transform: scale(1, 1.6);
  -webkit-transform: scale(1, 1.6); /* Safari and Chrome */
  -moz-transform: scale(1, 1.6); /* Firefox */
  -ms-transform: scale(1, 1.6); /* IE 9+ */
  -o-transform: scale(1, 1.6); /* Opera */

	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
		/* End Font Awesome Sub Navigation Hot */
/*
.main_nav #nav li:hover ul.double,
.main_nav #nav li:hover li:hover ul.double,
.main_nav #nav li:hover li:hover li:hover ul.double,
.main_nav #nav li:hover li:hover li:hover li:hover ul.double,
.main_nav #nav li:hover li:hover li:hover li:hover li:hover ul.double { width: 420px; }
*/
.main_nav #nav ul {z-index:200 !important;}
.main_nav #nav ul ul {z-index:300 !important;}
.main_nav #nav li:hover ul ul {z-index:400 !important;}
.main_nav #nav li:hover li:hover ul ul {z-index:500 !important;}
.main_nav #nav li:hover li:hover li:hover ul ul {z-index:600 !important;}
.main_nav #nav li:hover li:hover li:hover li:hover ul ul {z-index:700 !important;}
.main_nav #nav li:hover li:hover li:hover li:hover li:hover ul ul {z-index:800 !important;}

.main_nav #nav li ul.sub li.pdf_attachment a,
.main_nav #nav li ul.sub li.pdf_attachment a:hover,
.main_nav #nav li ul.sub li.word_attachment a,
.main_nav #nav li ul.sub li.word_attachment a:hover,
.main_nav #nav li ul.sub li.excel_attachment a,
.main_nav #nav li ul.sub li.excel_attachment a:hover,
.main_nav #nav li ul.sub li.powerpoint_attachment a,
.main_nav #nav li ul.sub li.powerpoint_attachment a:hover,
.main_nav #nav li ul.sub li.url_attachment a,
.main_nav #nav li ul.sub li.url_attachment a:hover {
	background-position: right center; /* Regular */
	background-position/*\**/: right 10px center; /* Hidden from ie8 and earlier. Provides padding to the right of the image */
	background-repeat: no-repeat;
	padding-right: 40px;

	background-image: none;
}
/*
.main_nav #nav li:hover ul.sub li.pdf_attachment a { background-image: url(images/icon_pdf_nav.png); }
.main_nav #nav li:hover ul.sub li.word_attachment a { background-image: url(images/icon_word.gif); }
.main_nav #nav li:hover ul.sub li.excel_attachment a { background-image: url(images/icon_excel.gif); }
.main_nav #nav li:hover ul.sub li.powerpoint_attachment a { background-image: url(images/icon_powerpoint.gif); }
.main_nav #nav li:hover ul.sub li.url_attachment a { background-image: url(images/icon_url.png); }
*/

.main_nav #nav li ul.sub li.pdf_attachment a:before,
.main_nav #nav li ul.sub li.word_attachment a:before,
.main_nav #nav li ul.sub li.excel_attachment a:before,
.main_nav #nav li ul.sub li.powerpoint_attachment a:before,
.main_nav #nav li ul.sub li.url_attachment a:before {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	font: normal normal normal 16px/1 font-awesome;
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f08e";
	width: 20px;
	height: 100%;
	text-align: right;
	opacity: 1;
	z-index: 999;

	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;

	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

	/* | End Sub Navigation | */

.main_nav #nav li.top > a {
	position:relative;
	display: block;
	height: var(--nav-height);
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.main_nav #nav li.top > a,
.main_nav #nav li.top > a .middle {
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
	text-decoration: none;
	width: auto;
	z-index: 1;
}
.main_nav #nav li.top > a {
	color: var(--nav-color-off);

	transition: all 500ms, color 500ms;
	-moz-transition: all 500ms, color 500ms;		/* Firefox 4 */
	-webkit-transition: all 500ms, color 500ms;	/* Safari and Chrome */
	-o-transition: all 500ms, color 500ms;		/* Opera */
}
.main_nav #nav li.top > a:hover,
.main_nav #nav li.top > a.hot,
.main_nav #nav li.top:hover > a,
.main_nav #nav li.top:hover > a.hot {
	color: var(--nav-color-hot);
}

.main_nav #nav li.top > a .left,
.main_nav #nav li.top > a .middle,
.main_nav #nav li.top > a .right {
	display: block;
	float: left;
	height: var(--nav-height);
	padding: 0px 0px 0px 0px;
	margin: 0px;

	transition: background 200ms;
	-moz-transition: background 200ms;		/* Firefox 4 */
	-webkit-transition: background 200ms;	/* Safari and Chrome */
	-o-transition: background 200ms;			/* Opera */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
	.main_nav #nav li.top > a .left,
	.main_nav #nav li.top > a .middle,
	.main_nav #nav li.top > a .right {
		height: var(--nav-height);
		padding: 0px 0px 0px 0px;
	}
}

.main_nav #nav li.top > a .left,
.main_nav #nav li.top > a .right {
	display: block;
	width: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.main_nav #nav li.top > a .left {
	background: none;
}
.main_nav #nav li.top > a .middle {
	background: transparent;
	background-position: bottom left;
}
.main_nav #nav li.top > a .middle:before,
.main_nav #nav li.top > a .middle:after {
	background: var(--nav-line-hot);
	display: block;
	content: " ";
	height: 2px;
	left: var(--nav-line-left-offset);
	width: var(--nav-line-width);
	position: absolute;
	z-index: -1;
	/*opacity: 0;*/
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.main_nav #nav li.top > a .middle:before {
	display: var(--nav-line-before-display);
	top: var(--nav-line-before-top);
}
.main_nav #nav li.top > a .middle:after {
	bottom: 0px;
}
.main_nav #nav li.top:hover > a .middle:before,
.main_nav #nav li.top > a.hot .middle:before,
.main_nav #nav li.top:hover > a .middle:after,
.main_nav #nav li.top > a.hot .middle:after {
	background: var(--nav-line-hot);
	width: var(--nav-line-width);
	/*opacity: 1;*/
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.main_nav #nav li.top > a .right {
	background: none;
}

/* | End Main Navigation | */

/* | Start Mobile Navigation | */

.mobile_nav .nav { display: block; float:left; padding:0; margin:0 auto; text-align: left; list-style-type:none; width:100%; position:relative; z-index:9999; }
.mobile_nav .nav li.top { display:block; width:100%; }
.mobile_nav .nav li.odd { background-color: #222; border-top: 1px solid #454545; border-bottom: 1px solid #020202; }
.mobile_nav .nav li.even { background-color: #333; border-top: 1px solid #353535; border-bottom: 1px solid #020202; }
.mobile_nav .nav li a { display: block; font-size: 130%; height: 100%; font-weight: bold; padding: 0px; color: #fff; text-decoration: none; border: none; }
.mobile_nav .nav li a:hover { border: none; }

.mobile_nav .nav li.top > a { display: table; width: 100%; }
.mobile_nav .nav li a .middle { display: table-cell; padding: 15px 60px 15px 30px; border: none; vertical-align: top; box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mobile_nav .nav .seperator { display: none; }
.mobile_nav .nav li.no_nav { display: block; }
.mobile_nav .nav li a .left,
.mobile_nav .nav li a .right { display:none; }

.mobile_nav .nav li a .mobile_nav_expand {
	background: url('images/mobile_nav_expand.gif') no-repeat center;
	display: table-cell;
	width: 60px;
	height: 100%;
	padding: 0px;
	border-left: 1px solid #020202;
}
.mobile_nav .nav li.active a .mobile_nav_expand,
.mobile_nav .nav li.expand a .mobile_nav_expand {
	background-image: url('images/mobile_nav_collapse.gif');
}

.mobile_nav .nav li a .mobile_nav_expand {
	background: url('images/mobile_nav_expand.gif') no-repeat center;
	display: table-cell;
	width: 60px;
	height: 100%;
	padding: 0px;
	border-left: 1px solid #020202;
}
.mobile_nav .nav li.active a .mobile_nav_expand,
.mobile_nav .nav li.expand a .mobile_nav_expand {
	background-image: url('images/mobile_nav_collapse.gif');
}

.mobile_nav .nav li.top ul.sub { display: block; padding:0; margin:0 auto; list-style-type:none; position:relative; z-index:9999; }
.mobile_nav .nav li.top ul.sub li { background-color: #ddd; display:block; width:100%; border: none; }
.mobile_nav .nav li.top ul.sub li a { background: url(images/site_map_bullet.gif) no-repeat 30px 15px; display: block; padding: 15px 5px 15px 52px; color: #222; text-decoration: none; }
.mobile_nav .nav li.top ul.sub li a:hover { background-color: #fff; color: #222; text-decoration: none; border: none; }
/*.mobile_nav .nav li.top ul.sub li ul.sub2,*/
.mobile_nav .nav li.top ul.sub li ul.sub2 li { background-color: #ccc; }

.mobile_nav .nav li.top ul.sub li .sub2 { list-style-type:none; margin: 0px; padding: 0px 0px 0px 10px; }

.mobile_nav .nav li.top ul.sub { display: none; }
.mobile_nav .nav li.active ul.sub,
.mobile_nav .nav li.expand ul.sub { display: block; }

/* | End Mobile Navigation | */

/* | Start Footer Navigation | */

.footer_nav .nav { display: block; padding: 0px; margin: 0 auto; list-style-type: none; width: auto; height: 26px; position: relative; text-align: left; }
.footer_nav .nav li.top { display: inline-block; /*float: left;*/ height: 26px; }

.footer_nav .nav li a:link    { color: #010101; text-decoration: none; }
.footer_nav .nav li a:visited { color: #010101; text-decoration: none; }
.footer_nav .nav li a:hover   { color: #2dbe60; text-decoration: underline; }
.footer_nav .nav li a:active  { color: #2dbe60;	text-decoration: underline; }

.footer_nav .nav li a:link,
.footer_nav .nav li a:visited,
.footer_nav .nav li a:hover,
.footer_nav .nav li a:active { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.footer_nav .nav li.top > a:hover,
.footer_nav .nav li.top > a.hot,
.footer_nav .nav li.top:hover > a,
.footer_nav .nav li.top:hover > a.hot {
	color: #2dbe60;
}

.footer_nav .nav .seperator { display: inline-block; /*float: left;*/ width: 5px; height: 26px; padding: 0; margin: 0; visibility: hidden; text-align: center; vertical-align: top; }
/*.footer_nav .nav .seperator { display:none; }*/
.footer_nav .nav li.no_nav { display: none; }

.footer_nav .nav li.no_footer { display: none; }

	/* | Start Sub Navigation | */

.footer_nav .nav li:hover ul.sub,
.footer_nav .nav li:hover ul.sub li,
.footer_nav .nav li:hover ul.sub li a,
.footer_nav .nav li:hover ul.sub li a:hover { display: none; }

.footer_nav .nav ul,
.footer_nav .nav li:hover ul ul,
.footer_nav .nav li:hover li:hover ul ul,
.footer_nav .nav li:hover li:hover li:hover ul ul,
.footer_nav .nav li:hover li:hover li:hover li:hover ul ul
{ display: none; }

.footer_nav .nav li.top ul li .sub2 { display: none; }

	/* | End Sub Navigation | */

/* | End Footer Navigation | */

/* | Start Sitemap | */

.sitemap .nav .seperator { display: none; }

.sitemap .nav { list-style: none; }
.sitemap .nav li.top a { font-weight: bold; }
.sitemap .nav li.top ul.sub { list-style-type:none; margin: 0px; padding: 0px 0px 0px 10px; }
.sitemap .nav li.top ul.sub li .sub2 { list-style-type:none; margin: 0px; padding: 0px 0px 0px 10px; }
.sitemap .nav li.top ul.sub li {
	background: url(images/site_map_bullet.gif) no-repeat left top;
	padding-left: 22px;
}
.sitemap .nav li.top ul.sub li a {
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
	font-weight: normal;
	line-height: 20px;
}

/* | End Sitemap | */