jQuery( function() {
    
    // take care of the funky hover state on the subNav
    $("#subNav li").mouseover( function() {
        $(this).css("border-left", "1px transparent solid");
        $(this).next().css("border-left", "1px transparent solid");
    });
    $("#subNav li").mouseout( function() {
        $(this).css("border-left", "1px #999 solid");
        $(this).next().css("border-left", "1px #999 solid");
    });
    
    // deal with the first element not having a border-left
    $("#subNav li:first-child").mouseover( function() {
        $(this).css("border-left", "none");
        $(this).next().css("border-left", "1px transparent solid");
    });
    $("#subNav li:first-child").mouseout( function() {
        $(this).css("border-left", "none");
        $(this).next().css("border-left", "1px #999 solid");
    });
    
}); // close jquery document-ready