/*****************************
 ****       suckerfish    ****
 *****************************/

/* @group Horiz Menu */

/* this is the entire bg of the main menu toolbar row*/
#ja-mainnavwrap {
    background: #dad9d9;
}
/*gives white line above 2nd level menus to top menu but won't work unless figure out how to drop the lower levels*/
div#ja-mainnav {
    height: 30px;
    width: 900px;
    margin-left: 0px;
    position:relative;
    z-index:99;
/*border-bottom:1px solid red;*/
}
div#ja-mainnav .active_menu a:link,
div#ja-mainnav .active_menu a:visited,
div#ja-mainnav li.active a:link,
div#ja-mainnav li.active a:visited,
div#ja-mainnav li.active li.active a:link,
div#ja-mainnav li.active li.active a:visited {
    color: #fff;
}

/*if removed, bullets show above the grey bar*/
div#ja-mainnav ul {
    margin: 0;
    padding: 5px 0 0 16px;
    background-color: #dad9d9;
}
/* this also gives the grey horiz menu its list item its flatness and no bullets*/
div#ja-mainnav li {
    margin: 0;
    padding: 0;
    padding-right: 2px;
    float: left;
    list-style: none;
    border:none;

}
/* jv is not sure why this div has a style as well as the menu links in the suckerfish css*/
div#ja-mainnav a:link,
div#ja-mainnav a:visited {
    display: block;
    float: left;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    border:none;
}


/* @end */
/* this is how the text menu items appear inside the grey menu div*/
/*makes main menu links default color light black #453e3e */
#ja-mainnav a {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border:none;
    color: #453e3e;
}
/* keeps level 2 items offblack*/

#ja-mainnav li.active li a:link,
#ja-mainnav li.active li a:visited {
    background: none;
    border:none;
    color: #453e3e;
}
/* keeps level 3 items offblack except for active*/

#ja-mainnav ul.menu li ul li.active li a:link,
#ja-mainnav ul.menu li ul li.active li a:visited
 {
    color: #453e3e;
}
#ja-mainnav ul.menu li ul li.active li a:active
 {
    color: white;
}

/* in FF on pc the below padding, if increased, makes the white lines in the 
submenu extend beyond the grey bg, it does nothing on the hellish IE6*/
#ja-mainnav li li a:link,
#ja-mainnav li li a:visited{
    background: none;
    font-weight: ;
    padding: 0;
    text-indent: 10px;
    border:none;

}
#ja-mainnav li li a:link,
#ja-mainnav li li a:visited {
    border: 0;
    font-size: 100%;    

}
/*puts a white border only on the sub menus*/
#ja-mainnav li li {
    background: none;
    padding: 0;
    /*jv changed from 170 default to fit the long submenu titles, MUST CHANGE IN IE6 STYLESHEET TOO!*/
    width: 240px; border-bottom:1px solid white;
}
/* makes submenu text colored*/
#ja-mainnav ul ul a:link,
#ja-mainnav ul ul a:visited {
    display: block;
    text-decoration: none;
    /*jv changed from 172 default to fit the long submenu titles*/
    width: 240px;
    text-transform: none;
    background: none; color:#453e3e;
}

/*without this the submenus go to the left*/
#ja-mainnav ul li {
    position: relative;
}
/*without this the menu breaks*/
#ja-mainnav li ul {
    top: 20px;
    position: absolute;
    z-index: 10;
    left: -999em;
    height: auto;
    width: 240px;
    font-weight: normal;
    border-width: 0;
    margin-top: 0;
    padding: 0;
}

/* margin for pullouts - pushes sub sub menu to the right of sub menu */
#ja-mainnav li ul ul {
    margin: -30px 0 0 220px;
}

#ja-mainnav li:hover ul ul, 
#ja-mainnav li:hover ul ul ul,
#ja-mainnav li:hover ul ul ul ul,  
#ja-mainnav li.sfhover ul ul, 
#ja-mainnav li.sfhover ul ul ul, 
#ja-mainnav li.sfhover ul ul ul ul {
    left: -999em;
}
/* if removed, submenus disappear*/
#ja-mainnav li:hover ul, 
#ja-mainnav li li:hover ul, 
#ja-mainnav li li li:hover ul, 
#ja-mainnav li li li li:hover ul,
#ja-mainnav li.sfhover ul, 
#ja-mainnav li li.sfhover ul, 
#ja-mainnav li li li.sfhover ul,
#ja-mainnav li li li li.sfhover ul{
    left: 0;
}
/* changes active menu item background color all levels*/
#ja-mainnav li:hover, #ja-mainnav li.sfhover {
      left: 0;
}

/* sub menu parent arrow*/
#ja-mainnav ul.menu li ul li.parent{
    background:  url(../images/rightarrow.png) no-repeat 89% 50%;
}
#ja-mainnav ul.menu li.havesubchild,
#ja-mainnav ul.menu li.havesubchild-active {
    background: url(../images/rightarrow.png) no-repeat 94% 50%;
}