#topnav {position:absolute; Z-INDEX: 100; left:242px; top:107px;}
#topnavbar {position: absolute; Z-INDEX: 200; width:718px;}

/* Common for all top level nav */ 
.tn a {float:left; position:relative; display:block; text-decoration:none; cursor:pointer; z-index:400; margin-right:4px; width:175px; height:39px;} 
.tn a:hover {} 
.tnt {display:none}


/* Custom top level nav settings  3,4, 5, 6, 25 IDs */
a#tn3 {background:url(/vimages/tnav_residents_off.png) no-repeat; width:175px; height:39px}  
a#tn4 {background:url(/vimages/tnav_business_off.png) no-repeat; width:175px; height:39px} 
a#tn5 {background:url(/vimages/tnav_visitors_off.png) no-repeat; width:175px; height:39px} 
a#tn6 {background:url(/vimages/tnav_townhall_off.png) no-repeat; width:175px; height:39px}  

/* Ya IE 6*/
*html a#tn3 {width:175px; height:39px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vimages/tnav_residents_off.png', sizingMethod='crop')}  
*html a#tn4 {width:175px; height:39px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vimages/tnav_business_off.png', sizingMethod='crop')} 
*html a#tn5 {width:175px; height:39px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vimages/tnav_visitors_off.png', sizingMethod='crop')} 
*html a#tn6 {width:175px; height:39px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/vimages/tnav_townhall_off.png', sizingMethod='crop')}  



#topnavbar img {cursor:pointer; border:0px}
.tni {}
.topNavActive {background:green;}
.activeItem {background:red;}
.nonActiveItem {}


/* Default submenus */
.nT2 {padding:28px 4px 4px 4px; visibility:hidden; left:0px; position:absolute; z-index:100; width:164px; top:0px;}
.nT3, .nT4, .nT5, .nT6 {padding:4px 4px 4px 4px; visibility:hidden; left:0px; position:absolute; z-index:100; width:164px; top:0px}


/* Residents */
#Menu_3 .nT2, #Menu_3 .nT3, #Menu_3 .nT4, #Menu_3 .nT5, #Menu_3 .nT6 {background:#DEE2C1; border-top:1px solid #A7AD7A; border-left:1px solid #A7AD7A; border-right:2px solid #A7AD7A; border-bottom:2px solid #A7AD7A}

#Menu_3 .nT2 a, #Menu_3 .nT3 a, #Menu_3 .nT4 a, #Menu_3 .nT5 a, #Menu_3 .nT6 a {COLOR: #000000; border-bottom:1px solid #C4CA97; z-index:20; display: block; padding:4px 4px 4px 4px; width:154px; font:11px verdana, helvetica; text-decoration:none;}
#Menu_3 .nT2 .hc a, #Menu_3 .nT3 .hc a, #Menu_3 .nT4 .hc a, #Menu_3 .nT5 .hc a, #Menu_3 .nT6 .hc a {background:url(/vimages/icon_libullet.gif) no-repeat right center; COLOR: #000000; display:block; border-bottom:1px solid #C4CA97; padding:4px 8px 4px 4px; z-index:20; width:150px; cursor:pointer; font:11px verdana, helvetica}

#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:#EAEDD5;  COLOR: #000;}
#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 {COLOR: #000; background:#EAEDD5 url(/vimages/icon_libullet.gif) no-repeat right center; display:block; font:11px verdana, helvetica}



/* Business */
#Menu_4 .nT2, #Menu_4 .nT3, #Menu_4 .nT4, #Menu_4 .nT5, #Menu_4 .nT6 {background:#E9DDC7; border-top:1px solid #9E7F43; border-left:1px solid #9E7F43; border-right:2px solid #9E7F43; border-bottom:2px solid #9E7F43}

#Menu_4 .nT2 a, #Menu_4 .nT3 a, #Menu_4 .nT4 a, #Menu_4 .nT5 a, #Menu_4 .nT6 a {COLOR: #000000; border-bottom:1px solid #CFBA90; z-index:20; display: block; padding:4px 4px 4px 4px; width:154px; font:11px verdana, helvetica; text-decoration:none;}
#Menu_4 .nT2 .hc a, #Menu_4 .nT3 .hc a, #Menu_4 .nT4 .hc a, #Menu_4 .nT5 .hc a, #Menu_4 .nT6 .hc a {background:url(/vimages/icon_libullet.gif) no-repeat right center; COLOR: #000000; display:block; border-bottom:1px solid #CFBA90; padding:4px 8px 4px 4px; z-index:20; width:150px; cursor:pointer; font:11px verdana, helvetica}

#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:#F2E9D8; COLOR: #000;}
#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 {COLOR: #000; background:#F2E9D8 url(/vimages/icon_libullet.gif) no-repeat right center; display:block; font:11px verdana, helvetica}


/* Visitors */
#Menu_5 .nT2, #Menu_5 .nT3, #Menu_5 .nT4, #Menu_5 .nT5, #Menu_5 .nT6 {background:#EADCD4; border-top:1px solid #9A5C35; border-left:1px solid #9A5C35; border-right:2px solid #9A5C35; border-bottom:2px solid #9A5C35}

#Menu_5 .nT2 a, #Menu_5 .nT3 a, #Menu_5 .nT4 a, #Menu_5 .nT5 a, #Menu_5 .nT6 a {COLOR: #000000; border-bottom:1px solid #DEC4B2; z-index:20; display: block; padding:4px 4px 4px 4px; width:154px; font:11px verdana, helvetica; text-decoration:none;}
#Menu_5 .nT2 .hc a, #Menu_5 .nT3 .hc a, #Menu_5 .nT4 .hc a, #Menu_5 .nT5 .hc a, #Menu_5 .nT6 .hc a {background:url(/vimages/icon_libullet.gif) no-repeat right center; COLOR: #000000; display:block; border-bottom:1px solid #DEC4B2; padding:4px 8px 4px 4px; z-index:20; width:150px; cursor:pointer; font:11px verdana, helvetica}

#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:#F3E6DF; COLOR: #000;}
#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 {COLOR: #000; background:#F3E6DF url(/vimages/icon_libullet.gif) no-repeat right center; display:block; font:11px verdana, helvetica}


/* Townhall */
#Menu_6 .nT2, #Menu_6 .nT3, #Menu_6 .nT4, #Menu_6 .nT5, #Menu_6 .nT6 {background:#D5E1EA; border-top:1px solid #89A7BD; border-left:1px solid #89A7BD; border-right:2px solid #89A7BD; border-bottom:2px solid #89A7BD}

#Menu_6 .nT2 a, #Menu_6 .nT3 a, #Menu_6 .nT4 a, #Menu_6 .nT5 a, #Menu_6 .nT6 a {COLOR: #000000; border-bottom:1px solid #AECDE3; z-index:20; display: block; padding:4px 4px 4px 4px; width:154px; font:11px verdana, helvetica; text-decoration:none;}
#Menu_6 .nT2 .hc a, #Menu_6 .nT3 .hc a, #Menu_6 .nT4 .hc a, #Menu_6 .nT5 .hc a, #Menu_6 .nT6 .hc a {background:url(/vimages/icon_libullet.gif) no-repeat right center; COLOR: #000000; display:block; border-bottom:1px solid #AECDE3; padding:4px 8px 4px 4px; z-index:20; width:150px; cursor:pointer; font:11px verdana, helvetica}

#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:#E3EDF4; COLOR: #000;}
#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 {COLOR: #000; background:#E3EDF4 url(/vimages/icon_libullet.gif) no-repeat right center; display:block; font:11px verdana, helvetica}



/* 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 right center; COLOR: #000000; display:block; border-bottom:1px solid #CFCBA3; padding:4px 8px 4px 4px; z-index:20; width:150px; cursor:pointer; font:11px 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 right center; display:block; font:11px verdana, helvetica} */


/* Defaults */
/*
.nT2 a, .nT3 a, .nT4 a, .nT5 a, .nT6 a {COLOR: #000000; border-bottom:1px solid #CFCBA3; z-index:20; display: block; padding:4px 4px 4px 4px; width:154px; font:11px verdana, helvetica; text-decoration:none;}
*/
.nT2 a:hover, .nT3 a:hover, .nT4 a:hover, .nT5 a:hover, .nT6 a:hover {display:block; font:11px verdana, helvetica}