#mainNav 
	{				
		height:76px;
		width:629px;		
		margin: 0;
		padding: 0;
	}

	#mainNav li ul, #mainNav li ul {
		margin: 0;
		padding: 0;
	}

	#mainNav a {
		text-decoration: none;
	}

	#mainNav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;	
	}

	#mainNav li ul {
		display: none;
	}

	#mainNav li.off ul, #mainNav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 42px;
		left: 0;
		padding-top: 0px;
		background: #fff;
		height: 30px;
		width: 629px;		
		padding-left: 0px;
	}

	#mainNav li.on ul {
		background: #fff;
	}

	#mainNav li.on:hover ul, #mainNav li.over ul { /*for ie*/
		background: #fff;
	}

	#mainNav li a {
		color: #fff;
		display: block;
		width: auto;
		padding: 0;
	}

	#mainNav li.on a {
		color:#000;
	}

	#mainNav li.on ul a, #mainNav li.off ul a {
		float: left; /*ie doesn't inherit the float*/
		width: auto;
		margin-right: 10px;
		padding-top:4px;
	}

	#mainNav li.on:hover ul a, #mainNav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #ffffff;
	}

	#mainNav li.on ul {
		display: block;
	}

	#mainNav li.off:hover ul, #mainNav li.over ul {
		display: block;
		z-index: 6000;
	}

	#mainNav li.off a:hover, #mainNav li.on a:hover { 
		color: rgb(97,3,3);
	}

	/*do the image replacement*/

	#mainNav li span {
		/*position: absolute;
		left: -9384px;*/
	}

	#liProjects a, #liMembers a, #liBusiness a, #liDiscover a {
		display: block;
		position: relative;
		height: 30px;
	}



/*subnav formatting*/

#mainNav li.off ul a, #mainNav li.on ul a {
	display: block;
	background: #ffffff;
	color: rgb(107,124,38);
	font-family: verdana, sans-serif;
	font-size: 8pt;
}		

#mainNav li.on ul a {
	background: #ffffff;
}


#mainNav li.on ul li.on a {
	color:rgb(97,3,3);
}

#mainNav li ul a.divider 
{

	color:#C8C8C8;
}

#liProjects a.navProjects
{
	width:155px;
	height:42px;
}
#liMembers a.navMembers, #liBusiness a.navBusiness, #liDiscover a.navDiscover
{
	width:156px;
	height:42px;
}


/*
Rollover Images
*/
a.navProjects img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_projects_OFF.gif) top left no-repeat; width:155px;}
a.navProjects:hover img, #mainNav li.on a.navProjects img, #mainNav li.off:hover a.navProjects img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_projects_ON.gif) top left no-repeat;}

a.navMembers img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_members_OFF.gif) top left no-repeat; width:156px;}
a.navMembers:hover img, #mainNav li.on a.navMembers img, #mainNav li.off:hover a.navMembers img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_members_ON.gif) top left no-repeat;}

a.navBusiness img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_business_OFF.gif) top left no-repeat; width:156px;}
a.navBusiness:hover img, #mainNav li.on a.navBusiness img, #mainNav li.off:hover a.navBusiness img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_business_ON.gif) top left no-repeat;}

a.navDiscover img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_discover_OFF.gif) top left no-repeat; width:156px;}
a.navDiscover:hover img, #mainNav li.on a.navDiscover img, #mainNav li.off:hover a.navDiscover img {background: url(http://www.calgaryregion.ca/crp/files/images/nav_discover_ON.gif) top left no-repeat;}