/* CSS For Dropdown menu */

.leftmenu {
	height:26px;
	width:17px;
}


.rightmenu {
	height:26px;
	width:20px;
}


.residents {
	background-image:url(images/menu/for_residents.jpg); 
	background-repeat:no-repeat;
	height:26px;
	width:149px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	text-align:center;
	padding: 2px 0;	
}
.residents a {
	color:#000000;
	text-decoration:none;
}
.residents a:hover {
	color:#FFFFFF;
}



.businesses {
	background-image:url(images/menu/for_businesses.jpg); 
	background-repeat:no-repeat;
	height:26px;
	width:147px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	text-align:center;
	padding: 2px 0;	
}
.businesses a {
	color:#000000;
	text-decoration:none;
}
.businesses a:hover {
	color:#FFFFFF;
}



.visitors {
	background-image:url(images/menu/for_visitors.jpg);
	background-repeat:no-repeat;
	height:26px;
	width:151px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	text-align:center;
	padding: 2px 0;	
}
.visitors a {
	color:#000000;
	text-decoration:none;
}
.visitors a:hover {
	color:#FFFFFF;
}



.government {
	background-image:url(images/menu/government.jpg);
	background-repeat:no-repeat;
	height:26px;
	width:152px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	text-align:center;
	padding: 2px 0;	
}
.government a {
	color:#000000;
	text-decoration:none;
}
.government a:hover {
	color:#FFFFFF;
}



.services {
	background-image:url(images/menu/online_services.jpg);
	background-repeat:no-repeat;
	height:26px;
	width:148px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	text-align:center;
	padding: 2px 0;	
}
.services a {
	color:#000000;
	text-decoration:none;
}
.services a:hover {
	color:#FFFFFF;
}



.employment {
	background-image:url(images/menu/employment.jpg);
	background-repeat:no-repeat;
	height:26px;
	width:146px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	text-align:center;
	padding: 2px 0;	
}
.employment a {
	color:#000000;
	text-decoration:none;
}
.employment a:hover {
	color:#FFFFFF;
}



.menu {
	left: -57px;
	position:absolute;
	top: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	visibility: hidden;
	z-index:100;
}
.menu a {
	width: auto;
	display: block;
	padding: 2px 0;
	text-decoration: none;
	color: black;
}
.menu a:visited {
	width: auto;
	display: block;
	padding: 2px 0;
	text-decoration: none;
	color: black;
}
* html .menu a { /*IE only hack*/
	width: 100%;
}
.menu a:hover { /*THEME CHANGE HERE*/
	text-decoration:underline;
}
.lside {
	background-image:url(images/menu/lside.jpg);
	width:10px;
}
.rside {
	background-image:url(images/menu/rside.jpg);
	width:12px;
}
.bottom {
	background-image:url(images/menu/bottom.jpg);
	height:14px;
}