/*------------------------------------
Pitt Meadows
MENU STYLES/UDM
-------------------------------------*/
	
.udm li ul {
	padding:10px 0!important;
	border-right:2px solid #515151;
	border-bottom:2px solid #515151;
	color:#fff;
	width:242px!important;
}

.udm li a span {
	position:absolute;
}

.udm li a:hover {
	background-color:transparent!important;
}

.udm li li a:hover {
	background-color:#cdcdcd!important;
}

.udm li li img {
	margin-right:7px!important;
}
	
.udm li a { 
	display:block;
	text-decoration:none;
	height: 32px;
	padding:0;
	margin-top: 10px;
	width: 108px;
}

.udm li {
	background-color:transparent!important;
    background-position:0 10px!important;
}

#udm li.residents a, #udm li.residents a:visited, #udm li.residents a:hover {
	background: url(../images/nav/Residents.gif) no-repeat;
}

#udm li.residentsactive a, #udm li.residentsactive a:visited, #udm li.residentsactive a:hover {
	background: url(../images/nav/Residents.gif) top no-repeat;
	margin-top: 0;
	height: 42px;
}

#udm li.visitors a, #udm li.visitors a:visited, #udm li.visitors a:hover {
	background: url(../images/nav/Visitors.gif) no-repeat;
}

#udm li.visitorsactive a, #udm li.visitorsactive a:visited, #udm li.visitorsactive a:hover {
	background: url(../images/nav/Visitors.gif) top no-repeat;
	margin-top: 0;
	height: 42px;
}

#udm li.business a, #udm li.business a:visited, #udm li.business a:hover {
	background: url(../images/nav/Business.gif) no-repeat;
}

#udm li.businessactive a, #udm li.businessactive a:visited, #udm li.businessactive a:hover {
	background: url(../images/nav/Business.gif) no-repeat;
	margin-top: 0;
	height: 42px;
}

#udm li.cityhall a, #udm li.cityhall a:visited, #udm li.cityhall a:hover{
	background: url(../images/nav/CityHall.gif) no-repeat;
}

#udm li.cityhallactive a, #udm li.cityhallactive a:visited, #udm li.cityhallactive a:hover{
	background: url(../images/nav/CityHall.gif) no-repeat;
	margin-top: 0;
	height: 42px;
}

#udm li.onlineservices a, #udm li.onlineservices a:visited, #udm li.onlineservices a:hover {
	background: url(../images/nav/OnlineServices.gif) no-repeat;
	width:144px;
}

#udm li.onlineservicesactive a, #udm li.onlineservicesactive a:visited, #udm li.onlineservicesactive a:hover {
	background: url(../images/nav/OnlineServices.gif) no-repeat;
	width:144px;
	margin-top: 0;
	height: 42px;
}

.udm li ul li a {
	display: block!important;
	padding:4px 20px 4px 15px!important;
	margin-top: auto!important;
	background-image:none!important;
	width: auto!important;
	height: auto!important;
}