﻿#menu
{
    position:relative;
    top: 0px;
    left: 0px;
}
#main_nav_bg {
    position: relative;
    z-index: 800;
   /* background:url('MenuImages/background.png') top left repeat-x;  */
    top: 0px;
    left: 0;
    height: 30px;
    /*width: 500px;*/
}

#main_nav, #main_nav ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 800px;
    list-style-type: none;
    list-style-position: outside;
    line-height: 12px; 
}

#main_nav a {
    display: block;
    padding: 0px 5px;
    text-decoration: none;
    height: 30px;
    font-style: normal;
}

#main_nav li {
    float: left;
    position: relative;
    padding: 0;
}

#main_nav ul {
    position: absolute;
    display: none;
    width: 114px;
    top: 34px;
    left: 1px;
}

#main_nav li ul a {
    width: 114px;
    height: auto;
    float: left;
    padding: 0 6px;
}

#main_nav ul ul {
    top: auto;
}	

#main_nav li ul ul {
    margin: -1px 0 0 114px;
}

#main_nav li a:hover.top_level {
    background-position: 0 -30px;
}

#main_nav li.on a:link.top_level, #main_nav li.on a:visited.top_level, #main_nav li.on a:hover.top_level, #main_nav li.on a:active.top_level {
    background-position: 0 -30px;
}

#main_nav li:hover ul ul, #main_nav li:hover ul ul ul, #main_nav li:hover ul ul ul ul{
    display:none;
}
#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li li li:hover ul, #main_nav li li li li:hover ul{
    display:block;
}

.submenu {
    background: url('MenuImages/background.png') 114px center no-repeat;
    width: 114px;
    padding-right: 20px;
}

/*--------- nav items ---------*/

/* Divider*/
.main_nav_divider {
    width: 8px;
    height: 30px;
    background: url('MenuImages/divider.png') top left no-repeat;
    text-indent: -9000px;
    float: left;
}

.main_nav_right
{
    width: 2px;
    height: 30px;
    background: url('MenuImages/background.png') top left no-repeat;
    text-indent: -9000px;
    float: left;
}

.main_nav_left
{
    width: 2px;
    height: 30px;
    background: url('MenuImages/background.png') top left no-repeat;
    text-indent: -9000px;
    float: left;
}

/* HOME */
#main_nav_home {
    width: 64px;
    float: left;
}

#main_nav_home a.top_level, #main_nav_search a:visited.top_level {
    background: url('MenuImages/main_nav_home.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}

/* ABOUTUS */
#main_nav_aboutus {
    width: 95px;
    float: left;
}

#main_nav_aboutus a.top_level, #main_nav_aboutus a:visited.top_level {
    background: url('MenuImages/main_nav_aboutus.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}

/* LOCATIONS */
#main_nav_locations {
    width: 100px;
    float: left;
}
#main_nav_locations a.top_level, #main_nav_locations a:visited.top_level {
    background: url('MenuImages/main_nav_locations.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}

/* MTBCAMP */
#main_nav_mtbcamp {
    width: 108px;
    float: left;
}
#main_nav_mtbcamp a.top_level, #main_nav_mtbcamp a:visited.top_level {
    background: url('MenuImages/main_nav_mtbcamp.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}

/* services */
#main_nav_services {
    width: 88px;
    float: left;
}
#main_nav_services a.top_level, #main_nav_services a:visited.top_level {
    background: url('MenuImages/main_nav_services.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}

/* placestoride */
#main_nav_placestoride {
    width: 144px;
    float: left;
}
#main_nav_placestoride a.top_level, #main_nav_placestoride a:visited.top_level {
    background: url('MenuImages/main_nav_placestoride.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}

/* clubs */
#main_nav_clubs {
    width: 61px;
    float: left;
}
#main_nav_clubs a.top_level, #main_nav_clubs a:visited.top_level {
    background: url('MenuImages/main_nav_clubs.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}

/* gallery */
#main_nav_gallery {
    width: 74px;
    float: left;
}
#main_nav_gallery a.top_level, #main_nav_gallery a:visited.top_level {
    background: url('MenuImages/main_nav_gallery.png') top left no-repeat;
    text-indent: -9000px;
    border: none;
}


/* meetthestaff */
#sub_menu_meetthestaff {
    width: 106px;
    float: left;
}
#sub_menu_meetthestaff a.sub_level, #sub_menu_meetthestaff a:visited.sub_level {
    background: url('MenuImages/sub_menu_meetthestaff.png') top left no-repeat;
    text-indent: -9000px;
    height:22px;
    border: none;
}

/* sub_menu_meetjoe */
#sub_menu_meetjoe {
    width: 106px;
    float: left;
}
#sub_menu_meetjoe a.sub_level, #sub_menu_meetjoe a:visited.sub_level {
    background: url('MenuImages/sub_menu_meetjoe.png') top left no-repeat;
    text-indent: -9000px;
    height:22px;
    border: none;
}



/* sub_menu_mtwashington */
#sub_menu_mtwashington {
    width: 106;
    float: left;
}
#sub_menu_mtwashington a.sub_level, #sub_menu_mtwashington a:visited.sub_level {
    background: url('MenuImages/sub_menu_mtwashington.png') top left no-repeat;
    text-indent: -9000px;
    height:22px;
    border: none;
}

/* sub_menu_fellspoint */
#sub_menu_fellspoint {
    width: 106;
    float: left;
}
#sub_menu_fellspoint a.sub_level, #sub_menu_fellspoint a:visited.sub_level {
    background: url('MenuImages/sub_menu_fellspoint.png') top left no-repeat;
    text-indent: -9000px;
    height:22px;
    border: none;
}

/* sub_menu_products */
#sub_menu_products {
    width: 106;
    float: left;
}
#sub_menu_products a.sub_level, #sub_menu_products a:visited.sub_level {
    background: url('MenuImages/sub_menu_products.png') top left no-repeat;
    text-indent: -9000px;
    height:22px;
    border: none;
}


/* sub_menu_stickerpicture */
#sub_menu_stickerpicture {
    width: 106;
    float: left;
}
#sub_menu_stickerpicture a.sub_level, #sub_menu_stickerpicture a:visited.sub_level {
    background: url('MenuImages/sub_menu_stickerpicture.png') top left no-repeat;
    text-indent: -9000px;
    height:22px;
    border: none;
}







#sub_menu, #sub_menu ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 106px;
    list-style-type: none;
    list-style-position: outside;
    line-height: 12px; 
}

#sub_menu a {
    display: block;
    padding: 0px 5px;
    text-decoration: none;
    height: 30px;
    font-style: normal;
}


#sub_menu li {
    float: left;
    position: relative;
    padding: 0;
}

#sub_menu ul {
    position: absolute;
    display: none;
    width: 106px;
    top: 34px;
    left: 1px;
}

#sub_menu li ul a {
    width: 106px;
    height: auto;
    float: left;
    padding: 0 6px;
}

#sub_menu ul ul {
    top: auto;
}	

#sub_menu li ul ul {
    margin: -1px 0 0 114px;
}

#sub_menu li a:hover.sub_level {
    background-position: 0 -22px;
}

#sub_menu li.on a:link.sub_level, #sub_menu li.on a:visited.sub_level, #sub_menu li.on a:hover.sub_level, #sub_menu li.on a:active.sub_level {
    background-position: 0 -22px;
}

#sub_menu li:hover ul ul, #sub_menu li:hover ul ul ul, #sub_menu li:hover ul ul ul ul{
    display:none;
}
#sub_menu li:hover ul, #sub_menu li li:hover ul, #sub_menu li li li:hover ul, #sub_menu li li li li:hover ul{
    display:block;
}
