#nav {
    width: 980px;
    position: relative;
    z-index: 99;
}

/* top nav area */
#navMain{
    height: 40px;
    text-indent: -1000em;
    width: 100%;
}
#navMain ul.nav {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 40px;
}
#navMain li.topMenu {
    float: left;
    position: relative;
    z-index: 1000;
    height: 40px;
}
li.menuLi:hover ul {
    display: block;
}
#navMain a.top {
    background: url(/img/nav_template_both.jpg) no-repeat;
    display: block;
    height: 40px;
    text-indent: -1000em;
    outline: none;
}
#navMain form {
    text-indent: 0;
    position: absolute;
    left: 0px;
    top: 0px;
}
#navMain form input.searchInput {
    height: 30px; 
    width: 284px;
    font-size: 16px;
    background: url('http://blogs.vvmedia.com/img/nav_search_background.jpg') top left no-repeat;
    border: 1px solid #515151;
    padding-top: 5px;
    padding: 5px 2px 2px 5px;
    font-family: Arial,sans-serif;
    float: left;
    margin: 4px 0px 4px 2px;
}

#navMain form input#searchSubmit {
    float: left;
    margin: 4px 0px 4px 6px;
} 
#navMain form input.invalid { 
    color: red; 
    font-weight: bold;
}

/* News Menu Item */
#nav-news {
    width: 64px;
}
#nav-news a.top{
    background-position: 0px 0px;
}
#nav-news:hover a.top,
#nav-news a.top:hover,
#nav-news.navHover a.top,
#nav-news a.navHover {
    background-position: 0 -40px;
}

/* Music Menu Item */
#nav-music{
    width: 68px;
}
#nav-music a.top{
    background-position: -64px 0px;
}

#nav-music:hover a.top,
#nav-music a.top:hover,
#nav-music.navHover a.top,
#nav-music a.navHover {
    background-position: -64px -40px;
}

/* Calendar Menu Item */
#nav-calendar{
    width: 82px;
}
#nav-calendar a.top{
    background-position: -132px 0px;
}

#nav-calendar:hover a.top,
#nav-calendar a.top:hover,
#nav-calendar.navHover a.top,
#nav-calendar a.navHover  {
    background-position: -132px -40px;
}

/* Restaurant Menu Item */
#nav-restaurants{
    width: 108px;
}
#nav-restaurants a.top{
    background-position: -214px 0px;
}

#nav-restaurants:hover a.top,
#nav-restaurants a.top:hover ,
#nav-restaurants.navHover a.top,
#nav-restaurants a.navHover  {
    background-position: -214px -40px;
}

/* Search Area */
#nav-search{
    width: 340px;
}
#nav-search a.top{
    background-position: -322px 0px;
}


/* Arts Menu Item */
#nav-arts{
    width: 60px;
}
#nav-arts a.top{
    background-position: -662px 0px;
}

#nav-arts:hover a.top,
#nav-arts a.top:hover,
#nav-arts.navHover a.top,
#nav-arts a.navHover {
    background-position: -662px -40px;
}

/* Film Menu Item */
#nav-films{
    width: 70px;
}
#nav-films a.top{
    background-position: -722px 0px;
}

#nav-films:hover a.top,
#nav-films a.top:hover,
#nav-films.navHover a.top,
#nav-films a.navHover {
    background-position: -722px -40px;
}

/* Movies Menu Item */
#nav-movies{
    width: 70px;
}
#nav-movies a.top{
    background-position: -722px 0px;
}

#nav-movies:hover a.top,
#nav-movies a.top:hover,
#nav-movies.navHover a.top,
#nav-movies a.navHover {
    background-position: -722px -40px;
}

/* The Ads Menu Item */
#nav-the_ads{
    width: 84px;
}
#nav-the_ads a.top{
    background-position: -792px 0px;
}

#nav-the_ads:hover a.top,
#nav-the_ads a.top:hover,
#nav-the_ads.navHover a.top,
#nav-the_ads a.navHover {
    background-position: -792px -40px;
}

/* Classifieds Menu Item */
#nav-classifieds{
    width: 102px;
}
#nav-classifieds a.top{
    background-position: -876px 0px;
}

#nav-classifieds:hover a.top,
#nav-classifieds a.top:hover,
#nav-classifieds.navHover a.top,
#nav-classifieds a.navHover {
    background-position: -876px -40px;
}

/* Top Nav submenu contents */
ul.subNav {
    position: absolute;
    display: none;
    z-index: 999999;
    margin: 0px;
    margin-left: 1px;
    margin-top: -1px;
    padding: 0px;
    list-style-type: none;
    font-size: 11px;
    white-space: nowrap;
    border: 2px solid #e2e2e2;
    border-top: 1px dotted #e2e2e2;
    padding: 2px 8px 4px;
    text-indent: 0px;
    background-color: white;
    z-index: 999999;
}
ul.subNav li {
    border-bottom: 1px solid #e3e3e3;
    margin: 1px 0px;
    padding: 4px 5px 3px 5px;
    font-family: @FontPrimary@;
    font-size: 11px;
    line-height: 13px;
    z-index: 999999;
}
ul.subNav li a{
    text-decoration: none;
    background-color: #ffffff;
    color: #8b8b8b;
    z-index: 999999;
}

ul.subNav li:hover a,
ul.subNav li:hover,
ul.subNav li a:hover {
    text-decoration: underline;
    background-color: #a2a2a2;
    color: white;
    z-index: 999999;
}
#sub-nav-news {
    left: 0px;
}
#sub-nav-music {
    left: -20px;
}
#sub-nav-calendar {
    left: -30px;
}
#sub-nav-restaurants {
    right: -10px;  
}
#sub-nav-arts {
    left: -40px;   
}
#sub-nav-films {
    left: -20px;   
}
#sub-nav-the_ads {
    right: -5px;
}
#sub-nav-classifieds {
    right: -1px;   
}
/* end top nav */

/* bottom nav */
#navBottom{
    height: 18px;
    text-indent: -1000em;
    width: 100%;
    margin-left: 1px;
}
#navBottom ul.nav {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 18px;
}
#navBottom li.bottomMenu {
    float: left;
    position: relative;
    height: 18px;
    z-index: 999;
}
#navBottom a.bottom {
    background: url(/img/nav_bottom_template_both.jpg) no-repeat;
    display: block;
    height: 18px;
    text-indent: -1000em;
    outline: none;
}

/* Blogs Menu Item*/
#nav-blogs {
    width: 97px;
}
#nav-blogs a.bottom{
    background-position: 0px 0px;
}
#nav-blogs:hover a.bottom,
#nav-blogs a.bottom:hover,
#nav-blogs.navHover a.bottom,
#nav-blogs a.navHover {
    background-position: 0px -18px;
}

/* Columns Menu Item*/
#nav-columns {
    width: 109px;
}
#nav-columns a.bottom{
    background-position: -97px 0px;
}
#nav-columns:hover a.bottom,
#nav-columns a.bottom:hover,
#nav-columns.navHover a.bottom,
#nav-columns a.navHover {
    background-position: -97px -18px;
}

/* Best Of Menu Item*/
#nav-best_of {
    width: 128px;
}
#nav-best_of a.bottom{
    background-position: -206px 0px;
}
#nav-best_of:hover a.bottom,
#nav-best_of a.bottom:hover,
#nav-best_of.navHover a.bottom,
#nav-best_of a.navHover {
    background-position: -206px -18px;
}

/* Bars & Clubs Menu Item*/
#nav-barsclubs {
    width: 127px;
}
#nav-barsclubs a.bottom{
    background-position: -334px 0px;
}
#nav-barsclubs:hover a.bottom,
#nav-barsclubs a.bottom:hover,
#nav-barsclubs.navHover a.bottom,
#nav-barsclubs a.navHover {
    background-position: -334px -18px;
}

/* Archives Menu Item*/
#nav-archives {
    width: 101px;
}
#nav-archives a.bottom{
    background-position: -461px 0px;
}
#nav-archives:hover a.bottom,
#nav-archives a.bottom:hover,
#nav-archives.navHover a.bottom,
#nav-archives a.navHover {
    background-position: -461px -18px;
}

/* Reader Recommendations Menu Item*/
#nav-reader_recommendations {
    width: 146px;
}
#nav-reader_recommendations a.bottom{
    background-position: -562px 0px;
}
#nav-reader_recommendations:hover a.bottom,
#nav-reader_recommendations a.bottom:hover,
#nav-reader_recommendations.navHover a.bottom,
#nav-reader_recommendations a.navHover {
    background-position: -562px -18px;
}

/* Promotions Menu Item*/
#nav-promotions {
    width: 141px;
}
#nav-promotions a.bottom{
    background-position: -708px 0px;
}
#nav-promotions:hover a.bottom,
#nav-promotions a.bottom:hover,
#nav-promotions.navHover a.bottom,
#nav-promotions a.navHover {
    background-position: -708px -18px;
}

/* Site Map Menu Item*/
#nav-coupons {
    width: 129px;
}
#nav-coupons a.bottom{
    background-position: -850px 0px;
}
#nav-coupons:hover a.bottom,
#nav-coupons a.bottom:hover,
#nav-coupons.navHover a.bottom,
#nav-coupons a.navHover {
    background-position: -850px -18px;
}

/* Bottom Nav submenu contents */
ul.bottomSubNav {
    position: absolute;
    display: none;
    z-index: 999998;
    margin: 0px;
    margin-left: 1px;
    margin-top: -1px;
    padding: 0px;
    list-style-type: none;
    font-size: 11px;
    white-space: nowrap;
    border: 2px solid #e2e2e2;
    border-top: 1px dotted #e2e2e2;
    padding: 2px 8px 4px;
    text-indent: 0px;
    background-color: white;
    z-index: 999998;
}
ul.bottomSubNav li {
    border-bottom: 1px solid #e3e3e3;
    margin: 1px 0px;
    padding: 3px 5px;
    font-family: @FontPrimary@;
    font-size: 11px;
    line-height: 13px;
    z-index: 999998;
}
ul.bottomSubNav li a{
    text-decoration: none;
    background-color: #ffffff;
    color: #8b8b8b;
    z-index: 999998;
}
ul.bottomSubNav li:hover,
ul.bottomSubNav li:hover a,
ul.bottomSubNav li a:hover {
    text-decoration: underline;
    background-color: #a2a2a2;
    color: white;
    z-index: 999998;
}

/* bottomSubNav content display area */
#bottom-sub-nav-blogs {
    left: 0px;
}
#bottom-sub-nav-columns {
    left: 15px;
}
#bottom-sub-nav-best_of {
    right: -10px;
}
#bottom-sub-nav-barsclubs {
    left: 15px;
}
#bottom-sub-nav-promotions {
    left: 16px;
}

/* AutoSuggest */


div.autoSuggestResults {
    width: 293px;
    border: 1px solid black;
    border-top: none;
    background-color: white;
    color: black;
    font-style: italic;
    font-size: 12px;
    position: absolute;
    display: none;
    z-index: 999999;
    left: 0px;
}
div.autoSuggestResults div {
    border-bottom: 1px solid darkgrey;
    text-indent: 10px;
    margin: 2px 5px;
    font-weight: bold;
    padding: 5px 0px;
}

div.autoSuggestResults div a {
    color: #666;
    font-size: 17px;
    padding: 2px 0px;
    text-decoration: none;
}