/* ------------------------------------------------------------
	NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
	of columns required in your site map. The default is 
	4 columns (25%). 5 columns would be 20%, 6 columns would 
	be 16.6%, etc. 
------------------------------------------------------------ */

#primaryNav li {
	width:25%;
}

#primaryNav li ul li {
	width:100% !important;
}

#primaryNav.col1 li { width:99.9%; }
#primaryNav.col2 li { width:50.0%; }
#primaryNav.col3 li { width:33.3%; }
#primaryNav.col4 li { width:25.0%; }
#primaryNav.col5 li { width:20.0%; }
#primaryNav.col6 li { width:16.6%; }
#primaryNav.col7 li { width:14.2%; }
#primaryNav.col8 li { width:12.5%; }
#primaryNav.col9 li { width:11.1%; }
#primaryNav.col10 li { width:10.0%; }


/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */
ul#primaryNav ul { padding-left: 0; }
ul#primaryNav, #primaryNav li { list-style:none; padding:0; }

/* --------	Top Level --------- */
.TopLeftCorner { width: 50%; height: 20px; background-color: #f6f6f6; position:absolute; top:0; left:-10px; }
.TopRightCorner { width: 60%; height: 20px; background-color: #f6f6f6; position:absolute; top:0; left:47%; z-index: 99; }
.TopCenter { width: 50px; height: 20px; background-color: #f6f6f6; position:absolute; bottom:-7px; left:47%; z-index: 99; }
@media (max-width: 850px) {
	.TopRightCorner { left:45%; }
}
@media (max-width: 475px) {
	.TopCenter { left:40%; }
}
#primaryNav {
	margin: 60px 0 0 0 ;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	position: relative;
	z-index: 2;
	background: url('../images/L1-left.png') center bottom no-repeat;
	/*padding: 0 0 30px 0;*/
	padding: 0 30% 30px 30%;
    width: 100%;
    margin-right: 35%;
}
#home a { height: 65px!important; font-size: 18px!important; }
#primaryNav li {
	float: left;
	background: url('../images/L1-center.png') center top no-repeat;
	padding: 95px 0;
	margin-top: -30px;
}
#primaryNav li a {
	margin: 0 20px 0 0;
	padding: 20px 15px;
	display: block;
	font-size: 15px;
	text-align: center;
	color: #fff;	
	background: #1264ae url('../images/L-shadow.png') left top no-repeat;
	/*border-top: 2px solid #b5d9ea;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 2px;
	/*-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; */
	/*-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;  FF 3.5+ */	
	height: 85px;
}
@media (max-width: 1100px) {
	#primaryNav li a { height: 100px; }
}
@media (max-width: 810px) {
	#primaryNav li a { height: 120px; }
}
@media (max-width: 540px) {
	#primaryNav li a { 
		margin: 0 10px 0 0;
		padding: 15px 10px;
		display: block;
		font-size: 13px;
		height: 110px; 
	}
}
@media (max-width: 427px) {
	#primaryNav li a { 
		margin: 0 5px 0 0;
		padding: 15px 10px;
		display: block;
		font-size: 11px;
		height: 110px; 
	}
}

#primaryNav li a:hover {
	background-color: #0c589a;
}
#primaryNav li:last-child {
	background: url('../images/L1-right.png') center top no-repeat;
}

.primaryNav-cont a:link:before,
.primaryNav-cont a:visited:before {
	content: " "attr(title)" ";
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	padding: 10px 15px;
	word-wrap: break-word;
	position:absolute; bottom: 5px;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	width: 35px;
	height:35px;
	/*border-radius: 20px;
	background-color: #fff;*/
	box-sizing:border-box;
	/*background: url(../images/web-icon.svg) no-repeat center center;*/
		
}
.primaryNav-cont a:link img,
.primaryNav-cont a:visited img {
	position:absolute; bottom: 5px;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	width: 40px;
	height:40px;
}
.primaryNav-cont a:link i,
.primaryNav-cont a:visited i {
	position:absolute; bottom: 15px; right: 10px;
	width: 40px;
	height:40px;
}
@media (max-width: 768px) { 
	.primaryNav-cont a:link img,
	.primaryNav-cont a:visited img { bottom: -10px; }
	
	.primaryNav-cont a:link i,
	.primaryNav-cont a:visited i { bottom: -2px; right: 0px; }
}
@media (max-width: 640px) { 
	.primaryNav-cont a:link img,
	.primaryNav-cont a:visited img { bottom: -8px; height: 32px; left: 35px; }
	.primaryNav-cont a:link i,
	.primaryNav-cont a:visited i { bottom: -10px; right: 0px; }
}
@media (max-width: 425px) { 
	.primaryNav-cont a:link img,
	.primaryNav-cont a:visited img { bottom: -8px; height: 32px; left: 25px; }
	.primaryNav-cont a:link i,
	.primaryNav-cont a:visited i { bottom: -10px; right: -10px; }
}

/*
@media (max-width: 600px) {
	.primaryNav-cont a:link:before,
	.primaryNav-cont a:visited:before { font-size: 10px; padding: 8px 12px; }
}
@media (max-width: 500px) {
	.primaryNav-cont a:link:before,
	.primaryNav-cont a:visited:before { border-radius: 0; padding: 3px 3px; width: 92%; }
}*/
#primaryNav li a:link:before,
#primaryNav li a:visited:before {
	color: #fff;
	opacity: 0.7;
}
#primaryNav li a span {
	color: #fff;
	opacity: 0.7;
	font-size: 12px;
}

.web-link-cont {
	width: 91%; height:50px; position:absolute; bottom: 25px; left: 0px; height:40px!important; 
}
.web-link-incont { width: 50%; height: 50px; float:left; display:block; position:relative; }
.web-link-incont a { width: 100%; height: 50px!important; padding: 0!important; margin: 0!important; border-radius: 0!important; background-color:transparent!important; }
.web-link-incont a:hover { background-color:transparent!important; }
.web-link-incont a.first { border-right: 1px solid #fff; }
.web-link-incont:before {
  position: absolute;
  font-family: 'FontAwesome';
  content: "\f105";
  top: 12px;
  right: 20px;
  color: #fff;
}
.web-link-incont a img { position:absolute!important; left: 40px!important; top:25px;  }

@media (max-width: 768px) { 
	.web-link-cont { width: 91%; height:40px; bottom: 55px;  }
	.web-link-incont { width: 100%; height: 40px; }
	.web-link-incont a { height: 40px!important;}
	.web-link-incont a.first { border-right: 0; }
	.web-link-incont:before { right: 15px; }
}
@media (max-width: 640px) { 
	.web-link-cont { width: 91%; height:40px; bottom: 50px;  }
	.web-link-incont { width: 100%; height: 40px; }
	.web-link-incont a { height: 40px!important;}
	.web-link-incont:before { right: 10px; }
	.web-link-incont a img { left: 35px!important; top:25px; width:32px!important; height: 32px!important;  }
}
@media (max-width: 425px) { 
	.web-link-incont a img { left: 22px!important; }
}




/* --------	Second Level --------- */

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('../images/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
	background: #178e87 none;
	/*border-color: #b8da83;*/
	height: 230px;
}
@media (max-width: 1100px) {
	#primaryNav li li a { height: 280px; }
}
@media (max-width: 897px) {
	#primaryNav li li a { height: 300px; }
}
@media (max-width: 850px) {
	#primaryNav li li a { 
		margin: 0 10px 0 0;
		padding: 15px 10px;
		display: block;
		font-size: 13px;
		height: 300px; 
	}
}
@media (max-width: 652px) { #primaryNav li li a { height: 280px; font-size: 11px; } }
@media (max-width: 520px) {
	#primaryNav li li a { 
		margin: 0 5px 0 0;
		padding: 15px 5px;
		display: block;
		font-size: 11px;
		height: 370px; 
	}
}


#primaryNav li li a:hover {
	/*border-color: #72af2b;*/
	background-color: #097e77;
}
#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('../images/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
	color: #333;
	opacity: 1;
	font-weight: 400;
}
#primaryNav li li a:link:hover:before,
#primaryNav li li a:hover:before {
	color: #000;
	opacity: 1;
	/*box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);*/
}

/* --------	Third Level --------- */

#primaryNav li li ul {
	margin: 10px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #f6f6f6 url('../images/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li li {
	background: url('../images/L3-center.png') left center no-repeat;
	padding: 5px 0;
}
#primaryNav li li li a {
	background-color: #98aeb6;
	/*border-color: #e3ca4b;*/
	font-size: 12px;
	padding: 5px 0;
	width: 80%;
	float: right;
}
#primaryNav li li li a:hover {
	background-color: #7c99a3;
	/*border-color: #d1b62c;*/
}
#primaryNav li li li:first-child {
	padding: 15px 0 5px 0;
	background: url('../images/L3-li-top.png') left center no-repeat;
}
#primaryNav li li li:last-child {
	background: url('../images/L3-bottom.png') left center no-repeat;
}
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
	color: #fff;
	font-size: 9px;
	opacity: 0.7;
}