#nav { display:block; overflow:visible; width:1010px; height:44px; font-family:Arial, Helvetica, sans-serif; color:#fff; }
/* Level 1 */
ul#topnav { margin: 0; padding: 0; float:left; width: 100%; list-style: none; }
ul#topnav li { float: left; margin: 0; padding: 0; position: relative; }
ul#topnav li a { float: left; height:44px; text-indent:-9999px; }
ul#topnav li:hover a, ul#topnav li a:hover { color: #e83228; background-position:bottom !important; }
ul#topnav li#Residents a { width:181px; background:url(../images/nav-residents-btn.jpg) left top no-repeat; }
ul#topnav li#Residents .sub-bg { background:url(../images/mega-submenu-residents-bg.jpg) left top no-repeat; }
ul#topnav li#Visitors a { width:163px; background:url(../images/nav-visitors-btn.jpg) left top no-repeat; }
ul#topnav li#Visitors .sub-bg { background:url(../images/mega-submenu-visitors-bg.jpg) left top no-repeat; }
ul#topnav li#Business a { width:167px; background:url(../images/nav-business-btn.jpg) left top no-repeat; }
ul#topnav li#Business .sub-bg { background:url(../images/mega-submenu-business-bg.jpg) left top no-repeat; }
ul#topnav li#Government a { width:220px; background:url(../images/nav-government-btn.jpg) left top no-repeat; }
ul#topnav li#Government .sub-bg { background:url(../images/mega-submenu-government-bg.jpg) left top no-repeat; }
ul#topnav li#Services a { width:242px; background:url(../images/nav-services-btn.jpg) left top no-repeat; }
ul#topnav li#Services .sub-bg { background:url(../images/mega-submenu-services-bg.jpg) left top no-repeat; }
/* Level 2 */
ul#topnav li .sub { position: absolute; top: 44px; left: 0; z-index: 99999; float: left; width:1010px; height:auto; background:#fff url(../images/mega-submenu-bg.jpg) left bottom no-repeat; font-size:12px; color:#000; display:none; /* -- If JavaScript is turned off -- */ ;}


ul#topnav li#Residents .sub { left:-17px; }
ul#topnav li#Visitors .sub { left:-198px; }
ul#topnav li#Business .sub { left:-361px; }
ul#topnav li#Government .sub { left:-528px; }
ul#topnav li#Services .sub { left:-748px; }

ul#topnav .sub a{position:absolute; left:-9999px}
ul#topnav .sub table a{position:relative;left:auto}


ul#topnav li .megamenu_left{width:750px;float:left;padding:5px 0 10px 0}
ul#topnav li .megamenu_left table{width:100%;border-collapse:collapse;margin:20px}
ul#topnav li .megamenu_left table td{width:25%;padding:10px 5px;vertical-align:top;}

ul#topnav li .megamenu_right{width:210px;float:left;padding:25px 20px 10px 20px}
ul#topnav li .megamenu_right ul li{font-weight:normal;color:#000}
ul#topnav li .megamenu_right ul li img{float:left;padding:0 10px 0 0}

ul#topnav li ul{width:auto;margin:0 0 1.5em 0;padding:0}
ul#topnav li ul li{color:#731323;font-weight:bold;float:none;list-style:none;margin:0 0 5px 0px;padding:0 0 0 15px;color:#000;background: url(../images/megamenu-bullet-level1.gif) 0 5px no-repeat;}
ul#topnav li ul li a{float:none;height:auto;text-indent:0;width:auto !important;background:none !important;text-decoration:none;color:#2e544a !important}
ul#topnav li ul li a:hover{text-decoration:underline;}
ul#topnav li ul li ul{margin:0;padding:5px 0 0 0}
ul#topnav li ul li ul li{padding:0 0 0 12px;background: url(../images/megamenu-bullet-level2.gif) 0 8px no-repeat;font-weight:normal}
ul#topnav li ul li ul li a{color:#000 !important}