#topnav {position:absolute; Z-INDEX: 300; left:220px; top:-40px; margin-left:0;}
#topnavbar {position: absolute; Z-INDEX: 300; width:740px;}

/* Common for all top level nav */ 
.tn a {float:left; position:relative; display:block; font:bold 14px verdana, helvetica; letter-spacing:0px; color:transparent; TEXT-DECORATION: none; z-index:400; height:34px; margin-right:4px;} 
.tn a:hover {} 

/* Top Active */
.tn a.topNavActive {float:left; position:relative; display:block; font:bold 14px verdana, helvetica; letter-spacing:0px; color:transparent; text-decoration: none; z-index:400; height:38px; margin-top:-4px; margin-right:4px;}

.tn a#tn3.topNavActive {background:url(/vimages/tnav_residents_on.png) no-repeat; width:95px;}
.tn a#tn4.topNavActive {background:url(/vimages/tnav_business_on.png) no-repeat; width:87px;}
.tn a#tn5.topNavActive {background:url(/vimages/tnav_visitors_on.png) no-repeat; width:81px;}
.tn a#tn6.topNavActive {background:url(/vimages/tnav_cityhall_on.png) no-repeat; width:86px;}
.tn a#tn25.topNavActive {background:url(/vimages/tnav_online_on.png) no-repeat; width:130px;}


/* Custom top level nav settings  3,4, 5, 6, 25 IDs */
a#tn3 {background:url(/vimages/tnav_residents_off.png) no-repeat; position:relative; width:95px}  
a#tn4 {background:url(/vimages/tnav_business_off.png) no-repeat; width:87px} 
a#tn5 {background:url(/vimages/tnav_visitors_off.png) no-repeat; width:81px} 
a#tn6 {background:url(/vimages/tnav_cityhall_off.png) no-repeat; width:86px}  
a#tn25 {background:url(/vimages/tnav_online_off.png) no-repeat; width:130px} 

a#tn3:hover {background:url(/vimages/tnav_residents_on.png) no-repeat; width:95px; margin-top:-4px; height:38px;}  
a#tn4:hover {background:url(/vimages/tnav_business_on.png) no-repeat; width:87px; margin-top:-4px; height:38px;} 
a#tn5:hover {background:url(/vimages/tnav_visitors_on.png) no-repeat; width:81px; margin-top:-4px; height:38px;} 
a#tn6:hover {background:url(/vimages/tnav_cityhall_on.png) no-repeat; width:86px; margin-top:-4px; height:38px;}  
a#tn25:hover {background:url(/vimages/tnav_online_on.png) no-repeat; width:130px; margin-top:-4px; height:38px;}

#topnavbar img {cursor:pointer; border:0px}
.activeItem {color:#A1CD52;}
.nonActiveItem {}

/* Default submenus */
.nT2 {padding:4px; visibility:hidden; left:0px; position:absolute; z-index:200; width:220px; top:0px; margin-top:25px}
.nT3, .nT4, .nT5, .nT6, .nT7, .nT8 { padding:4px; visibility:hidden; left:0px; position:absolute; z-index:200; width:220px; top:0px; margin-top:-1px}

/* Section Custom colors for submenus */
/* .nT2, .nT3, .nT4, .nT5, .nT6 {background:#E5E2CC; border:1px solid #847F56} */ /* Residents */
#Menu_3 .nT2 {background:#577F15;}
	#Menu_3 .nT3, #Menu_3 .nT4, #Menu_3 .nT5, #Menu_3 .nT6 {background:#577F15; border:1px solid #446809}
	
#Menu_4 .nT2 {background:#175A89;}
	#Menu_4 .nT3, #Menu_4 .nT4, #Menu_4 .nT5, #Menu_4 .nT6 {background:#175A89; border:1px solid #0F4F7C}
	
#Menu_5 .nT2 {background:#474747;}
	#Menu_5 .nT3, #Menu_5 .nT4, #Menu_5 .nT5, #Menu_5 .nT6 {background:#474747; border:1px solid #3F3D3D}
	
#Menu_6 .nT2 {background:#517693;}
	#Menu_6 .nT3, #Menu_6 .nT4, #Menu_6 .nT5, #Menu_6 .nT6 , #Menu_6 .nT7, #Menu_6 .nT8 {background:#517693; border:1px solid #446783}
	
#Menu_25 .nT2 {background:#3E044A;}
	#Menu_25 .nT3, #Menu_25 .nT4, #Menu_25 .nT5, #Menu_25 .nT6 {background:#3E044A; border:1px solid #350240}

#Menu_3 .nT2 a:hover, #Menu_3 .nT3 a:hover, #Menu_3 .nT4 a:hover, #Menu_3 .nT5 a:hover, #Menu_3 .nT6 a:hover {background:#446809;  COLOR: #fff;}
#Menu_4 .nT2 a:hover, #Menu_4 .nT3 a:hover, #Menu_4 .nT4 a:hover, #Menu_4 .nT5 a:hover, #Menu_4 .nT6 a:hover {background:#0F4F7C; COLOR: #fff;}
#Menu_5 .nT2 a:hover, #Menu_5 .nT3 a:hover, #Menu_5 .nT4 a:hover, #Menu_5 .nT5 a:hover, #Menu_5 .nT6 a:hover {background:#3F3D3D; COLOR: #fff;}
#Menu_6 .nT2 a:hover, #Menu_6 .nT3 a:hover, #Menu_6 .nT4 a:hover, #Menu_6 .nT5 a:hover, #Menu_6 .nT6 a:hover, #Menu_6 .nT7 a:hover, #Menu_6 .nT8 a:hover {background:#446783; COLOR: #fff;}
#Menu_25 .nT2 a:hover, #Menu_25 .nT3 a:hover, #Menu_25 .nT4 a:hover, #Menu_25 .nT5 a:hover, #Menu_25 .nT6 a:hover {background:#350240; COLOR: #fff;}


#Menu_3 .nT2 .hc a:hover, #Menu_3 .nT3 .hc a:hover, #Menu_3 .nT4 .hc a:hover, #Menu_3 .nT5 .hc a:hover, #Menu_3 .nT6 .hc a:hover {background:#446809 url(/vimages/icon_libullet.png) no-repeat 210px 8px;}
#Menu_4 .nT2 .hc a:hover, #Menu_4 .nT3 .hc a:hover, #Menu_4 .nT4 .hc a:hover, #Menu_4 .nT5 .hc a:hover, #Menu_4 .nT6 .hc a:hover {background:#0F4F7C url(/vimages/icon_libullet.png) no-repeat 210px 8px;}
#Menu_5 .nT2 .hc a:hover, #Menu_5 .nT3 .hc a:hover, #Menu_5 .nT4 .hc a:hover, #Menu_5 .nT5 .hc a:hover, #Menu_5 .nT6 .hc a:hover {background:#3F3D3D url(/vimages/icon_libullet.png) no-repeat 210px 8px;}
#Menu_6 .nT2 .hc a:hover, #Menu_6 .nT3 .hc a:hover, #Menu_6 .nT4 .hc a:hover, #Menu_6 .nT5 .hc a:hover, #Menu_6 .nT6 .hc a:hover, #Menu_6 .nT7 .hc a:hover, #Menu_6 .nT8 .hc a:hover {background:#446783 url(/vimages/icon_libullet.png) no-repeat 210px 8px;}
#Menu_25 .nT2 .hc a:hover, #Menu_25 .nT3 .hc a:hover, #Menu_25 .nT4 .hc a:hover, #Menu_25 .nT5 .hc a:hover, #Menu_25 .nT6 .hc a:hover {background:#350240 url(/vimages/icon_libullet.png) no-repeat 210px 8px;}


/* Have Child Pages */
.nT2 .hc a, .nT3 .hc a, .nT4 .hc a, .nT5 .hc a, .nT6 .hc a, .nT7 .hc a, .nT8 .hc a {background:url(/vimages/icon_libullet.png) no-repeat 210px 8px; color: #fff; display:block; z-index:200; width:204px; cursor:pointer; font:12px verdana, helvetica}
.nT2 .hc a:hover, .nT3 .hc a:hover, .nT4 .hc a:hover, .nT5 .hc a:hover, .nT6 .hc a:hover, .nT7 .hc a:hover, .nT8 .hc a:hover {display:block; font:12px verdana, helvetica}

/* Defaults */
.nT2 a, .nT3 a, .nT4 a, .nT5 a, .nT6 a, .nT7 a, .nT8 a {COLOR: #E7E7E7;  z-index:200; display: block; padding: 5px 8px; width:204px; font:12px verdana, helvetica; text-decoration:none; }
.nT2 a:hover, .nT3 a:hover, .nT4 a:hover, .nT5 a:hover, .nT6 a:hover, .nT7 a:hover, .nT8 a:hover {display:block; font:12px verdana, helvetica}



/* Top ACtive CLasses*/ 

/* Active Classes */
#Menu_3 .nT2 .hc a.activeItem, #Menu_3 .nT3 .hc a.activeItem, #Menu_3 .nT4 .hc a.activeItem, #Menu_3 .nT5 .hc a.activeItem, #Menu_3 .nT6 .hc a.activeItem {background:#446809 url(/vimages/icon_libullet.png) no-repeat 210px 8px; color: #fff;}

#Menu_4 .nT2 .hc a.activeItem, #Menu_4 .nT3 .hc a.activeItem, #Menu_4 .nT4 .hc a.activeItem, #Menu_4 .nT5 .hc a.activeItem, #Menu_4 .nT6 .hc a.activeItem {background:#0F4F7C url(/vimages/icon_libullet.png) no-repeat 210px 8px; color: #fff;}

#Menu_5 .nT2 .hc a.activeItem, #Menu_5 .nT3 .hc a.activeItem, #Menu_5 .nT4 .hc a.activeItem, #Menu_5 .nT5 .hc a.activeItem, #Menu_5 .nT6 .hc a.activeItem {background:#3F3D3D url(/vimages/icon_libullet.png) no-repeat 210px 8px; color: #fff;}

#Menu_6 .nT2 .hc a.activeItem, #Menu_6 .nT3 .hc a.activeItem, #Menu_6 .nT4 .hc a.activeItem, #Menu_6 .nT5 .hc a.activeItem, #Menu_6 .nT6 .hc a.activeItem, #Menu_6 .nT7 .hc a.activeItem, #Menu_6 .nT8 .hc a.activeItem {background:#446783 url(/vimages/icon_libullet.png) no-repeat 210px 8px; color: #fff;}

#Menu_25 .nT2 .hc a.activeItem, #Menu_25 .nT3 .hc a.activeItem, #Menu_25 .nT4 .hc a.activeItem, #Menu_25 .nT5 .hc a.activeItem, #Menu_25 .nT6 .hc a.activeItem {background:#350240 url(/vimages/icon_libullet.png) no-repeat 210px 8px; color: #fff;}