/*  VERTICAL NAVIGATION  */

ul.vertical	{
	margin: 0;
	padding: 0;
	}

ul.vertical, ul.vertical ul	{
	display: block;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul.vertical li a	{
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 12px 10px;
	border-bottom: 1px solid #e5e5e5;
	background-: #fff;
	margin-bottom: -1px;
	font-size: 16px;
	color: #666;
	}
ul.vertical li a:hover	{
	color: #007cc3!important;
	}
ul.vertical li li a	{
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 10px 10px 10px 20px;
	background: #fff;
	margin-bottom: -1px;
	font-size: 13px;
	}
ul.vertical > li:first-child a	{
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
	}
ul.vertical > li:first-child li a	{
	font-weight: normal;
	}
	
/* ADDING PLUS TO ITEM ONLY IF IT'S A PARENT AND ADJUSTMENTS FOR CHILDREN AND HOVERS */	

ul.vertical ul	{
	display: none;
	}
ul.vertical li	{
	position: relative;
	}
ul.vertical li.hasSub a:after	{
	content: "\f067";
	font-family: FontAwesome;
	position: absolute;
	top: 20px; 
	right: 10px;
	font-size: 9px;
	color: #bbb;
	}
ul.vertical li.hasSub.active a:after	{
	content: "\f068";
	}	
ul.vertical li.hasSub li a:after, ul.vertical li.hasSub.active li a:after	{
	content: "";
	}	
	
	
@media only screen and ( max-width: 767px )	{

	.sideNav {
		display: none;
		}

}


/*  ON STATES  */

/*  body.about-us ul.vertical li.about-us li a,
body.leadership ul.vertical li.leadership li a,
body.one-water ul.vertical li.one-water li a,
body.projects ul.vertical li.projects li a, 
body.permits-development ul.vertical li.permits-development li a  */
.vertical li.active li a	{
	color: #333;
	background: #fff;
	}

/*  body.about-us ul.vertical li.about-us ul,
body.leadership ul.vertical li.leadership ul,
body.one-water ul.vertical li.one-water ul,
body.projects ul.vertical li.projects ul,
body.permits-development ul.vertical li.permits-development ul  */

.vertical li.active ul	{
	display: block!important;
	}
/*  body.about-us ul.vertical li.about-us a,
body.about-us ul.vertical li.about-us a:after,
body.leadership ul.vertical li.leadership a,
body.leadership ul.vertical li.leadership a:after,
body.one-water ul.vertical li.one-water a,
body.one-water ul.vertical li.one-water a:after,
body.projects ul.vertical li.projects a,
body.projects ul.vertical li.projects a:after,
body.permits-development ul.vertical li.permits-development a,
body.permits-development ul.vertical li.permits-development a:after  */

.vertical li.active a, .vertical li.active a:after	{
	color: #fff;
	background: #007cc3;
	}

/*  body.about-us ul.vertical > li.about-us a:hover, 
body.one-water ul.vertical > li.one-water a:hover,
body.leadership ul.vertical > li.leadership a:hover,
body.projects ul.vertical > li.projects a:hover,
body.permits-development ul.vertical > li.permits-development a:hover  */
ul.vertical > li.active > a:hover	{
	color: #fff!important;
	/*  background: #007cc3;  */
	}	
	
/*  body.about-us ul.vertical li.about-us > li:hover a,
body.leadership ul.vertical li.leadership > li:hover a,
body.one-water ul.vertical li.one-water > li:hover a,
body.projects ul.vertical li.projects > li:hover a,
body.permits-development ul.vertical li.permits-development > li:hover a  */
/*  ul.vertical li.active > li:hover a, ul.vertical li.active > li a:hover	{
	color: #007cc3!important;
	background: #fff!important;
	}  */	
ul.vertical li.active li.subActive a		{
	color: #007cc3!important;
	background: #fff!important;
	}
ul.vertical li.active li.subActive a:hover		{
	color: #333!important;
	background: #fff!important;
	}