ul#topnav {
	float:left;
}

ul#topnav li {
	float: left;
	margin: 0; 
	padding: 0;
	position: relative; /*  Important  */
	
}

ul#topnav li a {
    color: #FFF;	
    float: left;
    height: 28px;
    text-decoration: none;
	text-align: center;
	font-size: 0.8em;
	margin: 0 7px 0 0;
}

ul#topnav a.residents {
	background: url("SiteCollectionImages/design_elements/_bgd/nav_residents.gif") no-repeat;   
	width: 191px; 
	line-height: 2.2em;
}

ul#topnav a.business {
	background: url("SiteCollectionImages/design_elements/_bgd/nav_business.gif") no-repeat;   
	width: 191px;
	line-height: 2.2em;
}

ul#topnav a.discover {
	background: url("SiteCollectionImages/design_elements/_bgd/nav_discover.gif") no-repeat;   
	width: 191px;
	line-height: 2.2em;
}

ul#topnav a.government {
	background: url("SiteCollectionImages/design_elements/_bgd/nav_government.gif") no-repeat;  
	width: 195px;
	line-height: 2.2em;
}

ul#topnav a.mybrantford {
	background: url("SiteCollectionImages/design_elements/_bgd/nav_mybrantford.gif") no-repeat;   
	width: 191px;
	line-height: 2.2em;
	margin-right: 0 !important;
}

ul#topnav li ul { width: 260px !important; margin-right: 0.75em; }

ul#topnav li .sub h2 {
	text-align: left;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0 0 0 1em;
	letter-spacing: -0.05em;
}

ul#topnav li .sub#residents_menu {
	border-color: #e8aa54;
	border-left: 2px solid #e8aa54;
	border-right: 2px solid #e8aa54;
	border-bottom: 2px solid #e8aa54;
	left: 0;
	background: #FFF url("SiteCollectionImages/design_elements/_bgd/_residents/leaning.jpg") no-repeat bottom right;
}

ul#topnav li .sub#residents_menu h1 { background: #e8aa54; }
ul#topnav li .sub#residents_menu h2 { color: #e8aa54; }

ul#topnav li .sub .spacer {
	width: 275px;
	float: left;
	margin-right: 0.75em;
}

ul#topnav li .sub .tourism_site {
	width: 410px;
	float: left;
	margin-right: 0.75em;
}

ul#topnav li .sub .discover_site {
	width: 180px;
	float: left;
	margin-right: 0.75em;
}


ul#topnav li .sub#business_menu {
	border-left: 2px solid #6F8AB0;
	border-right: 2px solid #6F8AB0;
	border-bottom: 2px solid #6F8AB0;
	left: -95px;
	background: #FFF url("SiteCollectionImages/design_elements/_bgd/_business/clocktower.jpg") no-repeat bottom right;
}

ul#topnav li .sub#business_menu h1 { background: #6F8AB0; }
ul#topnav li .sub#business_menu h2 { color: #6F8AB0; }

ul#topnav li .sub#discover_menu {
	border-left: 2px solid #8AB06F;
	border-right: 2px solid #8AB06F;
	border-bottom: 2px solid #8AB06F;
	left: -95px;
	background: #FFF url("SiteCollectionImages/design_elements/_bgd/_discover/bell_homestead.jpg") no-repeat bottom right;
	text-align: left;
}

ul#topnav li .sub#discover_menu h1 { background: #8AB06F; }
ul#topnav li .sub#discover_menu h2 { color: #8AB06F; }
ul#topnav li .sub#discover_menu p {
	padding: 0 1.45em 0.75em 1.45em;
}

ul#topnav li .sub#government_menu {
	border-left: 2px solid #7F6FB0;
	border-right: 2px solid #7F6FB0;
	border-bottom: 2px solid #7F6FB0;
	left: -250px;
	background: #FFF url("SiteCollectionImages/design_elements/_bgd/_government/city_hall.jpg") no-repeat bottom right;
}

ul#topnav li .sub#government_menu h1 { background: #7F6FB0; }
ul#topnav li .sub#government_menu h2 { color: #7F6FB0; }


ul#topnav li .sub#mybrantford_menu {
	border-left: 2px solid #6FB0AB;
	border-right: 2px solid #6FB0AB;
	border-bottom: 2px solid #6FB0AB;
	left: -250px;
	background: #FFF url("SiteCollectionImages/design_elements/_bgd/_government/city_hall.jpg") no-repeat bottom right;
}

ul#topnav li .sub#mybrantford_menu h1 { background: #6FB0AB; }
ul#topnav li .sub#mybrantford_menu h2 { color: #6FB0AB; }



ul#topnav li .sub#mybrantford_menu {
	border-left: 2px solid #6FB0AB;
	border-right: 2px solid #6FB0AB;
	border-bottom: 2px solid #6FB0AB;
	left: -413px;
}

ul#topnav li .sub#mybrantford_menu h1 {
	background: #6FB0AB;
}

ul#topnav li .sub {
	position: absolute;	
	top: 28px; 
	background: #FFF;
	padding: 0 0 0.65em 0;
	float: left;
	display: none;
	width: 580px !important;
	/* Bottom right rounded corner */
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* Bottom left rounded corner */
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

ul#topnav li .sub h1 {
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	padding: 0 0 0 1em;
	height: 31px;
	line-height: 1.85em;
	border-bottom: 1px solid #DCDCDC;
	text-align: left;
	margin: 0 0 0.5em 0;
}

ul#topnav li .sub ul {
	float: left  !important;
	padding: 1em 1em 0 1em;
	width: 300px;
	margin: 0.5em 0;
	padding-top:0em;
}

ul#topnav .sub ul li {
	width: 100%;
	color: #000;
	padding: 0 0 0.25em 1.75em;
	background: url("SiteCollectionImages/design_elements/_icons/bullets.gif") no-repeat 17px 4px;
}

ul#topnav .sub ul li a:link, ul#topnav .sub ul li a:visited {
	height: auto;
	text-decoration: none;
	color: #7896c1;
	text-align: left !important;
}

ul#topnav .sub ul li a:hover {
	color: #A50000;
}


ul#topnav li .sub .tourism_site p a:link, ul#topnav li .sub .tourism_site p a:visited {
	display: inline;
	color: #7896c1;
	float: none;
	font-size: 1em;
	margin: 0;
}


ul#topnav li .sub span {
	color: #398930;
	font-size: 0.5em;
	text-align: left;
	float: left;
	padding-top: 0.5em;
	font-weight: bold;
}