/* ==========================================================================
   Globals
   ========================================================================== */

#left-nav *{
	margin: 0;
	padding: 0;
}

#left-nav ul{
	list-style: none;
}

#left-nav a{
	color:#4a4a4a;
	text-decoration:none;
}

#left-nav-wrap .col-sm-3,
#left-nav {
	padding: auto 0;
}

#mobile-header{
	background:#333;
	z-index: 2000;
}
#left-nav{
	color:#444;
	font-size: 14px;
	z-index: 9999;
	margin-bottom: 10px;
}

#left-nav>ul>li>ul>li,
#left-nav>ul>li>ul>li>ul>li{
	background:#e4e4e4;
	vertical-align: middle;
}
#left-nav>ul>li>a:hover,
#left-nav>ul>li:hover>a,
#left-nav>ul>li>ul>li:hover>a,
#left-nav>ul>li>ul>li>ul>li:hover>a,
#left-nav>ul>li>ul>li>ul>li>ul>li:hover>a {
	color:#fff;
	background:#999;
	font-weight: bold;
}

/* #left-nav-wrap{
	margin:0 auto;
} */

#placeholder-content{
	color:#c1d1ff;
	max-width:930px;
	padding:0 24px;
	margin:2em auto;
}
#placeholder-content h1{
	color:#fff;
}
#left-nav .menu-contact-form{
	overflow:hidden;
}
#left-nav .menu-contact-form .menu-contact-label{
	display:block;
	margin-top:1.48em;
}
#left-nav .menu-contact-form .menu-contact-input{
	margin-top:4px;
	padding:6px;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	width:100%;
}
#left-nav .menu-contact-form .menu-submit-button{
	color:#fff;
	border:0;
	background:#777;
	width:50%;
	margin-top:1.48em;
	float:right;
	height:32px;
	line-height:32px;
	padding:0 32px;
}
.menu-content img{
	padding:.5em 0;
}

/* ==========================================================================
   Desktop Only Styles
   ========================================================================== */


@media only screen and (min-width: 768px){

	.mobile-only{
		display:none;
	}
	#left-nav{
		position:relative;
		width: 100%;
		float: left;
	}

	#left-nav ul li{
		position:relative;
		vertical-align: middle;
	}
	#left-nav ul li a{
		text-align:left;
		display:block;
		padding:.5em;
	}
	#left-nav ul li ul li a{
		text-align:left;
	}
	#left-nav>ul,
	#left-nav>ul>li>ul,
	#left-nav>ul>li>ul>li>ul {
		position:relative;
		z-index:100;
	}

	#left-nav>ul>li>ul>li>ul {
		background-color: #fff;
		border: 5px solid #777;
	}

	#left-nav>ul>li{
		position:relative;
		display:block;
		width: 100%;
		margin-bottom: 5px;
		background: #eee;
	}
	#left-nav>ul>li>a{
		height:35px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-khtml-box-sizing:border-box;
		width:100%;
		padding: 1em;
		display:table;
		font-weight: normal;
	}

	#left-nav>ul>li>a>span{
		display:table-cell;
		vertical-align:middle;
	}
	nav#left-nav .menu-content{
		padding:.5em;
	}
	#left-nav>ul>li a{
		-webkit-transition:background-color .25s ease-in-out;
		-moz-transition:background-color .25s ease-in-out;
		-o-transition:background-color .25s ease-in-out;
		transition:background-color .25s ease-in-out;
	}
	#left-nav>ul>li>ul{
		opacity:0;
		-webkit-transition:opacity .25s ease-in-out;
		-moz-transition:opacity .25s ease-in-out;
		-o-transition:opacity .25s ease-in-out;
		transition:opacity .25s ease-in-out;
		margin-top: -1px;
	}
	#left-nav>ul>li:hover>ul,
	#left-nav>ul>li>ul>li:hover>ul{
		opacity:1;
	}

	#left-nav>ul>li>ul>li>a{
		width: 175px;
		padding: .75em;
	}

	#left-nav>ul>li>ul,
	#left-nav>ul>li>ul>li>ul {
		position:absolute;
		left:-9999px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-khtml-box-sizing:border-box;
	}
	#left-nav>ul>li:hover>ul,
	#left-nav>ul>li>ul>li:hover>ul {
		left:100%;
		top: 0;
	}

	#left-nav>ul>li>ul>li>ul{
		width: 300%;
		padding: 10px;
	}

	#left-nav>ul>li>ul>li{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-khtml-box-sizing:border-box;
		border-top: 1px dotted #c1c1c1;
	}


	#left-nav>ul>li>ul>li>ul.columns-3{
	  -webkit-box-shadow: 2px 2px 5px #a4a4a4;
	  -moz-box-shadow: 2px 2px 4px #a4a4a4;
	  box-shadow: 2 2px 4px #a4a4a4;
	}

	#left-nav>ul>li ul.columns-3 h3{
		width: 95%;
		padding: .5em 2.5%;
		font-size: 18px;
		float: left;
		border-bottom: #c1c1c1 1px dotted;
		margin-bottom: 10px;
		vertical-align: middle;
	}

	#left-nav>ul>li ul.columns-3>h3>span {
		float: right;
		width: 30%;
		padding-left: 10px;
		font-weight: normal;
		font-size: 13px;
	}

	#left-nav>ul>li ul.columns-3>h3>span>a {
		color: #8ab1d3;
	}

	.columns-3>li {
		width: 33.3333333%;
		float: left;
	}

	#left-nav>ul>li ul.columns-3>li>a {
		background-color: #fff;
		padding-right: 5px 10px;
		color: #8ab1d3;
		height: 40px;
	}

	#left-nav>ul>li.parent>a:before,
	#left-nav>ul>li>ul>li.parent>a:before {
		content:'>';
		float: right;
		vertical-align: middle;
		border-left: #c1c1c1 1px dotted;
		padding: 5px 0 5px 1em;
		margin-top: -5px;
		margin-bottom: -5px;
		right:1em;
	}

	.mobile-hide {
		margin: 0 15px 0 -15px;
		padding-top: 10px;
	}

}

/* ==========================================================================
   Mobile Only Styles
   ========================================================================== */


@media (max-width: 767px){

	body{
		vertical-align:top;
	}
	body.lock{
		overflow:hidden;
	}
	body.lock #placeholder-content{
		overflow:hidden;
	}
	.mobile-only{
		display:block;
	}
	#left-nav-wrap{
		width:100%;
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
		-o-transition:left .25s ease-in-out;
		transition:left .25s ease-in-out;
		position:relative;
		left:0;
		-webkit-overflow-scrolling:touch;
    z-index: 1050;
	}
	#left-nav-wrap.active,#left-nav-wrap.active #mobile-header{
		left:275px;
	}
	#left-nav-wrap #left-nav{
		overflow-x:hidden;
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
		-o-transition:left .25s ease-in-out;
		transition:left .25s ease-in-out;
		overflow-y:auto;
		padding-bottom:0;
		top:0;
		height:100%;
		position:fixed;
		left:-275px;
		top:0;
		width:275px;
	}
	#left-nav-wrap.active #left-nav{
		left:0;
	}
	#left-nav-wrap #left-nav>ul{
		-webkit-transition:margin-left .25s ease-in-out;
		-moz-transition:margin-left .25s ease-in-out;
		-o-transition:margin-left .25s ease-in-out;
		transition:margin-left .25s ease-in-out;
	}
	#mobile-header{
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
		-o-transition:left .25s ease-in-out;
		transition:left .25s ease-in-out;
		left:0;
		width: 48px;
		position:fixed; /* Fixed anchors to top of page, static anchors relative inside page */
		top:0;
		height:48px;
		line-height:48px;
	}
	#mobile-menu-nav{
		width:48px;
		float:left;
	}
/*	#mobile-page-title{
		margin-right:1.5em;
		text-align:center;
		line-height: 48px;
		color:#444;
		font-weight: bold;
		font-size: 20px;
	} */
	#mobile-header #mobile-menu-btn{
		-webkit-transition:background-color .15s ease-in-out;
		-moz-transition:background-color .15s ease-in-out;
		-o-transition:background-color .15s ease-in-out;
		transition:background-color .15s ease-in-out;
		display:block;
    background:url('http://content.prnewswire.com/designimages/menu-toggle.png') no-repeat bottom left;
		width:48px;
		height:48px;
	}
	#mobile-header #mobile-menu-btn.active{
		background-position:0 -48px;
		background-color:#43A7C6;
	}

	#left-nav{
		overflow-x:hidden;
	}
	#left-nav ul{
		background:#efefef;
		position:absolute;
		width:100%;
	}
	#left-nav ul li{
		width:100%;
	}
	#left-nav ul li a{
		padding:0 1em;
		line-height:48px;
		display:block;
	}
	#left-nav ul ul{
		width:275px;
		position:absolute;
		display:none;
		left:275px;
		top:-1px;
	}
	#left-nav li.parent.active ul{
		display:block;
	}
	#left-nav li.parent>a:after{
		content:'>';
		position:absolute;
		right:1em;
	}
	#left-nav .menu-content{
		padding:1em;
	}
	#left-nav ul li.mobile-child-nav{
		overflow:hidden;
	}
	#left-nav ul li.mobile-child-nav a.mobile-nav-back{
		position:absolute;
		top:0;
		left:0;
		padding:0;
		float:left;
		width:48px;
		height:48px;
		display:block;
		background:url('http://content.prnewswire.com/designimages/menu-toggle.png') no-repeat -48px -48px;
		background-color: #88C643;
	}
	#left-nav ul li.mobile-child-nav .mobile-nav-back:hover{
		background-color: #333;
	}
	#left-nav ul li.mobile-child-nav .mobile-clicked-link{
		overflow:hidden;
		text-overflow:ellipsis;
		width:228px;
		float:left;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-khtml-box-sizing:border-box;
		margin-left:48px;
		font-weight: bold;
		text-align: center;
	}

	#placeholder-content{
		font-size:14px;
	}

	.active #left-nav {
	  -webkit-box-shadow: 2px 2px 22px #444;
	  -moz-box-shadow: 2px 2px 22px #444;
	  box-shadow: 2px 2px 22px #444;
	  background-color: #f7f7f7;
	}

	#left-nav ul li {
		border-bottom: 1px dotted #c1c1c1;
	}

	#left-nav>ul>li ul.columns-3>h3>span>a {
		background-color: #efefef;
		text-align: center;
		font-size: 13px;
		line-height: 15px;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	#left-nav>ul>li ul.columns-3>h3 {
		font-size: 20px;
		text-align: center;
		color: #e4e4e4;
		background-color: #777;
		padding-bottom: 5px;
	}

	.mobile-hide {
		display: none;
	}

}

/* ==========================================================================
   IE Styles
   ========================================================================== */

.lt-ie9 .mobile-only{
	display:none;
}
.lt-ie9 #left-nav{
	position:relative;
	z-index:100;
	margin:0 auto;
	max-width:978px;
}
.lt-ie9 #left-nav ul li{
	position:relative;
	float:left;
	width:139.71428571428572px;
	width:calc(14.285714285714286%);
}
.lt-ie9 #left-nav ul li a{
	text-align:center;
	display:block;
	padding:1em 1.5em;
}
.lt-ie9 #left-nav ul li ul li a{
	text-align:left;
}
.lt-ie9 #left-nav>ul{
	height:50px;
	position:relative;
	z-index:100;
}
.lt-ie9 #left-nav>ul>li{
	position:relative;
	display:block;
	float:left;
	width:14.285714285714286%;
}
.lt-ie9 #left-nav>ul>li>a{
	height:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	width:100%;
	padding:0 1em;
	text-align:center;
	display:table;
}
.lt-ie9 #left-nav>ul>li>a>span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.lt-ie9 nav#left-nav .menu-content{
	padding:.5em;
}
.lt-ie9 #left-nav>ul>li a{
	-webkit-transition:background-color .25s ease-in-out;
	-moz-transition:background-color .25s ease-in-out;
	-o-transition:background-color .25s ease-in-out;
	transition:background-color .25s ease-in-out;
}
.lt-ie9 #left-nav>ul>li>ul{
	opacity:0;
	-webkit-transition:opacity .25s ease-in-out;
	-moz-transition:opacity .25s ease-in-out;
	-o-transition:opacity .25s ease-in-out;
	transition:opacity .25s ease-in-out;
}
.lt-ie9 #left-nav>ul>li:hover>ul{
	opacity:1;
}
.lt-ie9 #left-nav>ul>li>ul>li>a{
	font-weight:700;
}
.lt-ie9 #left-nav>ul>li>ul>li a{
	padding:.5em;
}
.lt-ie9 #left-nav>ul>li>ul{
	overflow:hidden;
}
.lt-ie9 #left-nav>ul>li>ul{
	position:absolute;
	left:-9999px;
	padding:6px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box;
}
.lt-ie9 #left-nav>ul>li:hover>ul{
	left:0;
}
.lt-ie9 #left-nav>ul>li>ul>li{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	padding:6px;
}
.lt-ie9 #left-nav>ul>li>ul>li ul li{
	width:100%;
}
.lt-ie9 #left-nav>ul>li.columns-3>ul{
	width:360%;
}
.lt-ie9 #left-nav>ul>li.columns-3>ul>li.colspan-2{
	width:66.66666666%;
}
.lt-ie9 #left-nav>ul>li.columns-3>ul>li.colspan-3{
	width:100%;
}
.lt-ie9 #left-nav ul{
	margin-left:0!important;
	display:block!important;
}
.lt-ie9 #placeholder-content{
	font-size:16px;
}