#topnav {position:absolute; Z-INDEX: 100; left:0px; top:-40px}
#topnavbar {position: absolute; Z-INDEX: 200; width:740px; margin-left:222px}

/* 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 {} 

/* Custom top level nav settings  3,4, 5, 6, 25 IDs */
a#tn3 {background:url(/vimages/tnav_residents_off.jpg) no-repeat; width:95px}  
a#tn4 {background:url(/vimages/tnav_business_off.jpg) no-repeat; width:87px} 
a#tn5 {background:url(/vimages/tnav_visitors_off.jpg) no-repeat; width:81px} 
a#tn6 {background:url(/vimages/tnav_cityhall_off.jpg) no-repeat; width:86px}  
a#tn25 {background:url(/vimages/tnav_online_off.jpg) no-repeat; width:130px} 

/*
a#tn3:hover {background:url(/vimages/tnav_residents_over.jpg) no-repeat; width:95px}  
a#tn4:hover {background:url(/vimages/tnav_business_over.jpg) no-repeat; width:87px} 
a#tn5:hover {background:url(/vimages/tnav_visitors_over.jpg) no-repeat; width:81px} 
a#tn6:hover {background:url(/vimages/tnav_cityhall_over.jpg) no-repeat; width:86px}  
a#tn25:hover {background:url(/vimages/tnav_online_over.jpg) no-repeat; width:130px} */


#topnavbar img {cursor:pointer; border:0px}
.tni {}
.topNavActive {background:#E8E5D2; color:#000; text-decoration:underline}
.activeItem {background:#E8E5D2 url(/vimages/arrow_over.gif) no-repeat 193px 4px; COLOR: #09617F}
.nonActiveItem {}

/* Default submenus */
.nT2 {padding:4px 2px 4px 2px; visibility:hidden; left:0px; position:absolute; z-index:20; width:200px; top:0px; margin-top:25px}
.nT3, .nT4, .nT5, .nT6 { padding:4px 2px 4px 2px; visibility:hidden; left:0px; position:absolute; z-index:20; width:200px; top:0px; margin-top:3px}

/* Section Custom colors for submenus */
/* .nT2, .nT3, .nT4, .nT5, .nT6 {background:#E5E2CC; border:1px solid #847F56} */ /* Residents */
#Menu_3 .nT2, #Menu_3 .nT3, #Menu_3 .nT4, #Menu_3 .nT5, #Menu_3 .nT6 {background:#CED8C8; border-top:1px solid #99946E; border-left:1px solid #99946E; border-right:2px solid #847F56; border-bottom:2px solid #847F56}
#Menu_4 .nT2, #Menu_4 .nT3, #Menu_4 .nT4, #Menu_4 .nT5, #Menu_4 .nT6 {background:#E3D7CD; border-top:1px solid #99946E; border-left:1px solid #99946E; border-right:2px solid #847F56; border-bottom:2px solid #847F56}
#Menu_5 .nT2, #Menu_5 .nT3, #Menu_5 .nT4, #Menu_5 .nT5, #Menu_5 .nT6 {background:#DFDFDF; border-top:1px solid #99946E; border-left:1px solid #99946E; border-right:2px solid #847F56; border-bottom:2px solid #847F56}
#Menu_6 .nT2, #Menu_6 .nT3, #Menu_6 .nT4, #Menu_6 .nT5, #Menu_6 .nT6 {background:#D9E2E7; border-top:1px solid #99946E; border-left:1px solid #99946E; border-right:2px solid #847F56; border-bottom:2px solid #847F56}
#Menu_25 .nT2, #Menu_25 .nT3, #Menu_25 .nT4, #Menu_25 .nT5, #Menu_25 .nT6 {background:#E3D7CD; border-top:1px solid #99946E; border-left:1px solid #99946E; border-right:2px solid #847F56; border-bottom:2px solid #847F56}

#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:#4A762C;  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:#AA5303; 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:#474747; 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 {background:#517693; 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:#8C1717; COLOR: #fff;}


/* Have Child Pages */
.nT2 .hc a, .nT3 .hc a, .nT4 .hc a, .nT5 .hc a, .nT6 .hc a {background:url(/vimages/icon_libullet.gif) no-repeat 192px 8px; COLOR: #000000; display:block; z-index:20; width:192px; 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 {background: url(/vimages/icon_libullet.gif) no-repeat 192px 8px; display:block; font:12px verdana, helvetica}


/* Defaults */
.nT2 a, .nT3 a, .nT4 a, .nT5 a, .nT6 a {COLOR: #000000;  z-index:20; display: block; padding: 4px 4px 4px 4px; width:192px; font:12px verdana, helvetica; text-decoration:none; }
.nT2 a:hover, .nT3 a:hover, .nT4 a:hover, .nT5 a:hover, .nT6 a:hover {display:block; font:12px verdana, helvetica}