@charset "utf-8";
/* CSS Document */

.menu,.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	font-size:14px;
	font-weight: 100;
	z-index:5001;
}

.menu ul a{
	float:left
}

.menu ul ul a{
	float:none
}

.menu .mega-menu a{
	float:none;
	padding:0
}

.menu ul ul,.menu .mega-menu,.menu .mega-menu ol li{
	opacity:0;
	visibility:hidden;
	display:none ! important/9;
	-webkit-transition:opacity 50ms;
	-moz-transition:opacity 50ms;
	-o-transition:opacity 50ms;
	-ms-transition:opacity 50ms;
	transition:.5s linear .2s;
}

.menu li:hover>ul,.menu li:hover>.mega-menu,.menu li:hover>.mega-menu ol li{
	opacity:1;
	visibility:visible;
	display:block ! important/9;
	transition-delay:450ms;
}

.menu ul:after{
	content:"";
	clear:both;
	display:block;
}

.menu ul li{
	float:left;
	-webkit-transition:all 150ms;
	-moz-transition:all 150ms;
	-o-transition:all 150ms;
	-ms-transition:all 150ms;
	transition:all 150ms;
}

.menu ul li a{
	display:block;
	padding:18px 15px 18px 16px;
	color:#fff;
	font-weight:700;
	text-decoration:none;
}

.menu .arrow:after{
	content:"";
	float:right;
	text-align:right;
	width:0;
	height:0;
	display:block;
	border-left:3px solid rgba(0,0,0,0);
	border-right:3px solid rgba(0,0,0,0);
	border-top:3px solid #fff;
	top:9px;
	margin:0 0 0 5px;
	position:relative;
	border-left:3px solid transparent/9;
	border-right:3px solid transparent/9;
}

.menu ul li ul li .arrow:after{
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	border-left:3px solid #bbb;
	margin:-2px 0 0 5px
}

.menu i{
	font-size:12px;
	font-weight:400;
	font-style:normal;
	float:left;
	margin:4px 4px 0 -2px;
	line-height:14px;
	padding:0
}

.menu .right{
	float:right
}

.menu .right ul,.menu .right .mega-menu{
	right:0
}

.menu ul ul{
	background:#fff;
	border:1px solid #e0e0e0;
	border-top:0;
	border-bottom:0;
	position:absolute;
	top:100%;
	width:131px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
	box-shadow:0 1px 1px rgba(0,0,0,.04)
}

.menu ul ul ul{
	position:absolute;
	left:100%;
	border-top:1px solid #e0e0e0;
	top:-1px
}

.menu ul ul li a{
	font-weight:400;
	padding:8px 12px;
	color:#777;
	border-bottom:1px solid #e4e4e4
}

.menu ul ul li{
	float:none;
	position:relative;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none
}

.menu ul ul li a:active,.menu ul ul li:hover{
	background:#f5f5f5!important
}

.menu ul ul li{
	background:#fff!important
}

.mega-menu{
	position:absolute;
	top:100%;
	padding:18px 11px;
	background-color:#fefefe;
	border:8px solid #192d48;
	color:#777;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
	box-shadow:0 1px 1px rgba(0,0,0,.04);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.mega-menu ol{
	list-style-image: url(../images/bullet-level2.png);
	padding:0;
	margin-left: 30px;
}

.mega-menu ol li{
	width:100%;
	
}

.mega-menu ol li:hover,.mega-menu ol li a{
	color:#777;
	font-size:14px;
	padding:0;
	font-weight:400;
	background-color:#fff;
	background-image:none;
}

.mega-menu ol li a:hover{
	color:#505050;
	text-decoration: underline;
	transition-delay: .25s;
}

.mega-menu div h4{
	font-size:14px;
	font-weight:700;
	color:#404040;
	margin:0 0 0 0;
	display: inline;
	line-height: 25px;
}

.mega-menu div h4 a{
	color:#404040;
}

.mega-menu div h4 a:hover{
	color:#404040;
	text-decoration: underline;
}

.mega-menu .col-1{
	width:160px
}

.mega-menu .col-2{
	width:288px
}

.mega-menu .col-3{
	width:441px
}

.mega-menu .col-4{
	width:594px
}

.mega-menu .col-5{
	width:747px
}

.mega-menu .col-6{
	width:900px
}

.mega-menu .col-1,.mega-menu .col-2,.mega-menu .col-3,.mega-menu .col-5,.mega-menu .col-6{
	float:left;
	margin:0 9px
}

.mega-menu .col-4 {
	float:right;
}

.mega-menu.full-width{
	left:0;
	width:100%;
	padding:0px;
	text-align: left;
	-webkit-box-shadow: inset 0px 0px 23px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 23px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 23px 0px rgba(0,0,0,0.75);
}

.full-width .col-1{
	width:31%;
	padding-top: 18px;
	padding-bottom: 18px;
}

.full-width .col-2{
	width:31%;
	padding-top: 18px;
	padding-bottom: 18px;
}

.full-width .col-3{
	width:32%;
	padding-top: 18px;
	padding-bottom: 18px;
}

.full-width .col-4{
	width:22.8%;
	padding-top: 18px;
	padding-bottom: 18px;
	
}

.full-width .col-5{

	width:79.3%
}

.full-width .col-6{
	width:95.6%
}


.full-width .col-1,.full-width .col-2,.full-width .col-3,.full-width .col-5,.full-width .col-6,.full-width .col-7{
	float:left;
}

.full-width .col-4 {
	float:right;
	
}



 .style-1.menu, .style-1.menu ul li {
	 background-color: #585a5a;
	 background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	 background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	 background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	 background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	 background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
 }

 .style-1.menu ul li:hover {
	 background-color: #192d48;
	 background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	 background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	 background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	 background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	 background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
 }
.business_arrow {
	position:absolute;
	margin-left: 115px;
	margin-top: -4px;
}
.government_arrow {
	position:absolute;
	margin-left: 235px;
	margin-top: -4px;
}
.residents_arrow {
	position:absolute;
	margin-left: 365px;
	margin-top: -4px;
}
.departments_arrow {
	position:absolute;
	margin-left: 500px;
	margin-top: -4px;
}
.visitors_arrow {
	position:absolute;
	margin-left: 615px;
	margin-top: -4px;
}
.links_arrow {
	position:absolute;
	margin-left: 712px;
	margin-top: -4px;
}
.howdoi_arrow {
	position:absolute;
	margin-left: 810px;
	margin-top: -4px;
}
/* ----------------------------------------------------------LEFT MENU-------------------------------------------------------------------------*/
.leftmenu {
	width: auto;
	height: auto;
}
.leftmenu > li > a {
	
	
	
	
	
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	
	
	color: #fff;
}
.leftmenu ul li a {
	
	
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	
	font-size: 0.900em;
	font-weight: 400;
	color: #878d95;
}
.leftmenu ul li:last-child a {
	border-bottom: 0px solid #33373d;
}
.leftmenu > li > a:hover, .leftmenu > li > a.active {
	
	border-bottom: 0px solid #103c56;
	
}
.leftmenu > li > a.active {
	border-bottom:0px solid #1a638f;
}
.leftmenu > li > a:before {
	content: '';
	
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.item1 > a:before {
	background-position: 0 0;
}
.item2 > a:before {
	background-position: -38px 0;
}
.item3 > a:before {
	background-position: 0 -38px;
}
.item4 > a:before {
	background-position: -38px -38px;
}
.item5 > a:before {
	background-position: -76px 0;
}
.leftmenu > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.leftmenu > li > a:hover span, .leftmenu > li a.active span {
	background: #2173a1;
}
.leftmenu > li > ul li a:before{
	
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.leftmenu > li > ul li:hover a,
.leftmenu > li > ul li:hover a span,
.leftmenu > li > ul li:hover a:before {
	color: #32373D;
}


.leftmenu ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; /
	background: #fff;
	border: 0px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}
@media only screen and (max-width: 767px){
	.menu ul li{
		width:100%;
		cursor:pointer
	}

	.menu ul li{
		position:relative
	}

	.menu .mega-menu ol li{
		height:0
	}

	.menu li:hover>.mega-menu ol li{
		height:auto
	}

	.mega-menu,.menu ul ul{
		z-index:1
	}

	.menu ul ul{
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box
	}

	.menu ul ul ul{
		left:0
	}

	.menu ul ul li:hover>ul{
		position:relative;
		border:none;
		border-top:1px solid #e4e4e4;
		-webkit-box-shadow:none;
		box-shadow:none
	}

	.menu ul li ul li .arrow:after{
		border-left:3px solid transparent;
		border-right:3px solid transparent;
		border-top:3px solid #bbb;
		margin:0
	}

	.mega-menu{
		padding:18px 0
	}

	.mega-menu ol li:last-child{
		margin:0 0 20px 0
	}

	.menu .col-1,.full-width .col-1,.menu .col-2,.full-width .col-2,.menu .col-3,.full-width .col-3,.menu .col-4,.full-width .col-4,.menu .col-5,.full-width .col-5,.menu .col-6,.full-width .col-6{
		float:left;
		margin:0 0 0 5%;
		width:90%
	}

}
@media screen and (min-width: 150px) and (max-width: 884px) {	
.menu,.menu ul{
	font-size:12px;
}
.menu ul li a{
	padding:18px 12px 18px 12px;	
}

}