/***********************

MAIN NAVIGATION STYLES

***********************/

#main_nav {
	clear:both;
	display:block;
}

#main_nav, #main_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main_nav a {
	display: block;
	width: 140px;
}

#main_nav li {
	float: left;
	width: 140px;
}


/**** Living in Toronto ****/

#main_nav li a.living {
	padding-top:28px;
	height:0px;
	overflow:hidden;
	background: transparent url(../images/living_off.gif) no-repeat 0 0 ;
}

.livingintoronto #main_nav li a.living {
	background: transparent url(../images/living_on.gif) no-repeat 0 0 ;
}

	/* services */
	#main_nav li.living-services a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/city-services.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.living-services a:hover {
		background: transparent url(../images/living/city-services.gif) no-repeat 0 0;
	}
	
	/* your city */
	#main_nav li.living-yourcity a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/your-city.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.living-yourcity a:hover {
		background: transparent url(../images/living/your-city.gif) no-repeat 0 0;
	}
	
	/* getting around */
	#main_nav li.living-gettingaround a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/getting-around.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.living-gettingaround a:hover {
		background: transparent url(../images/living/getting-around.gif) no-repeat 0 0;
	}
	
	/* things to do */
	#main_nav li.thingstodo a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/things-to-do.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.thingstodo a:hover {
		background: transparent url(../images/living/things-to-do.gif) no-repeat 0 0;
	}

	/* environment */
	#main_nav li.environment a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/environment.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.environment a:hover {
		background: transparent url(../images/living/environment.gif) no-repeat 0 0;
	}

	/* health */
	#main_nav li.health a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/health.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.health a:hover {
		background: transparent url(../images/living/health.gif) no-repeat 0 0;
	}

	/* grants */
	#main_nav li.grants a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/grants.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.grants a:hover {
		background: transparent url(../images/living/grants.gif) no-repeat 0 0;
	}

	/* awards */
	#main_nav li.awards a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/living/awards.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.awards a:hover {
		background: transparent url(../images/living/awards.gif) no-repeat 0 0;
	}


/**** Doing business ****/

#main_nav li a.business {
	padding-top: 28px; /* height of the replacement image */
	height: 0px;
    	overflow: hidden;
	background: transparent url(../images/business_off.gif) no-repeat 0 0;
}

.doingbusiness #main_nav li a.business {
	background: transparent url(../images/business_on.gif) no-repeat 0 0 !important;
}

	/* invest in toronto */
	#main_nav li.invest a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/business/invest-in-toronto.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.invest a:hover {
		background: transparent url(../images/business/invest-in-toronto.gif) no-repeat 0 0;
	}

	/* resources for businesses */
	#main_nav li.businessresources a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/business/resources-for-businesses.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.businessresources a:hover {
		background: transparent url(../images/business/resources-for-businesses.gif) no-repeat 0 0;
	}
	

	/* 	publication reports */
	#main_nav li.publications a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/business/publication-reports.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.publications a:hover {
		background: transparent url(../images/business/publication-reports.gif) no-repeat 0 0;
	}

	/* 	City initatives */
	#main_nav li.initatives a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/business/city-initiatives.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.initatives a:hover {
		background: transparent url(../images/business/city-initiatives.gif) no-repeat 0 0;
	}

	/* 	Call documents */
	#main_nav li.calldocuments a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/business/call-documents.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.calldocuments a:hover {
		background: transparent url(../images/business/call-documents.gif) no-repeat 0 0;
	}

	/* 	services */
	#main_nav li.business-services a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/business/services.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.business-services a:hover {
		background: transparent url(../images/business/services.gif) no-repeat 0 0;
	}


/**** Visiting Toronto ****/

#main_nav li a.visiting {
	padding-top: 28px; /* height of the replacement image */
	height: 0px;
    overflow: hidden;
	background: transparent url(../images/visiting_off.gif) no-repeat 0 0;
}

.visitingtoronto #main_nav li a.visiting {
	background: transparent url(../images/visiting_on.gif) no-repeat 0 0 !important;
}

	/* 	about toronto */
	#main_nav li.abouttoronto a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/visiting/about_toronto.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.abouttoronto a:hover {
		background: transparent url(../images/visiting/about_toronto.gif) no-repeat 0 0;
	}

	/* 	attractions */
	#main_nav li.attractions a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/visiting/attractions.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.attractions a:hover {
		background: transparent url(../images/visiting/attractions.gif) no-repeat 0 0;
	}

	/* 	getting around */
	#main_nav li.gettingaround a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/visiting/getting-around.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.gettingaround a:hover {
		background: transparent url(../images/visiting/getting-around.gif) no-repeat 0 0;
	}

	/* 	services  */
	#main_nav li.visiting-services a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/visiting/services.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.visiting-services a:hover {
		background: transparent url(../images/visiting/services.gif) no-repeat 0 0;
	}


/**** Accessing City Hall ****/

#main_nav li a.accessing {
	padding-top: 28px; /* height of the replacement image */
	height: 0px;
    	overflow: hidden;
	background: transparent url(../images/accessing_off.gif) no-repeat 0 0;
}

.accessingcityhall #main_nav li a.accessing {
	background: transparent url(../images/accessing_on.gif) no-repeat 0 0 !important;
}

	/* 	city council  */
	#main_nav li.citycouncil a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/city-council.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.citycouncil a:hover {
		background: transparent url(../images/cityhall/city-council.gif) no-repeat 0 0;
	}

	/* 	city council  */
	#main_nav li.citycouncil a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/city-council.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.citycouncil a:hover {
		background: transparent url(../images/cityhall/city-council.gif) no-repeat 0 0;
	}

	/* 	city initiatives  */
	#main_nav li.councilinitiatives a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/city-initiatives.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.councilinitiatives a:hover {
		background: transparent url(../images/cityhall/city-initiatives.gif) no-repeat 0 0;
	}

	/* 	divisions  */
	#main_nav li.divisions a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/divisions.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.divisions a:hover {
		background: transparent url(../images/cityhall/divisions.gif) no-repeat 0 0;
	}

	/* 	committees  */
	#main_nav li.committees a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/committees-taskforces.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.committees a:hover {
		background: transparent url(../images/cityhall/committees-taskforces.gif) no-repeat 0 0;
	}

	/* 	Agencies, Boards, Commissions and Corporations  */
	#main_nav li.abcc a {
		padding-top: 27px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/abcc.gif) no-repeat 0 -27px;
	}
	
	#main_nav li.abcc a:hover {
		background: transparent url(../images/cityhall/abcc.gif) no-repeat 0 0;
	}

	/* 	your city  */
	#main_nav li.accessing-yourcity a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/your-city.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.accessing-yourcity a:hover {
		background: transparent url(../images/cityhall/your-city.gif) no-repeat 0 0;
	}

	/* 	wards  */
	#main_nav li.wards a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/wards.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.wards a:hover {
		background: transparent url(../images/cityhall/wards.gif) no-repeat 0 0;
	}


	/* 	forms and applications  */
	#main_nav li.forms a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/forms-applications.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.forms a:hover {
		background: transparent url(../images/cityhall/forms-applications.gif) no-repeat 0 0;
	}
	

	/* 	services  */
	#main_nav li.accessing-services a {
		padding-top: 16px; /* height of the replacement image */
		float:left;
		height: 0px !important;
		width:140px;
		overflow: hidden;
		background: transparent url(../images/cityhall/services.gif) no-repeat 0 -16px;
	}
	
	#main_nav li.accessing-services a:hover {
		background: transparent url(../images/cityhall/services.gif) no-repeat 0 0;
	}


#main_nav a {
	display: block;
	width: 140px;
}

#main_nav li {
	float: left;
	margin:0;
	padding:0;
}

#main_nav li ul {
	position: absolute;
	width: 140px;
	left: -999%;
	/*left: -999em;*/
	z-index:200;
}

#main_nav li:hover ul, #main_nav li.sfhover ul {
	left: auto;
}