function changeMainNavToList()
{
        //$(document).ready(function() {
									

            //code to make the main nav a list instead of a table (for IE. Thanks, IE.)
            var innerNavHTML;

            //remove unneccessary span tags
            $("table.PfMenu span").each(function(i) {
                $(this).remove();
            });

            $("table.PfMenu a").each(function(i) {

                //save the inner html
                innerNavHTML = $(this).html();

                //clear the inner html so it will not be duplicated when re-added
                $(this).html(' ');

                //re-add inner html with inner div container to enforce link height and width
                $(this).append("<div class='main-nav-link-content'>" + innerNavHTML + "</div>");

                //add list tags around main nav items
                $(this).before("<li class='main-nav-list-item'></li>");
                $('li.main-nav-list-item:eq(' + i + ')').prepend($(this));
            });

            innerNavHTML = $("table.PfMenu").html();

            //replace menu with list
            $("table.PfMenu").replaceWith("<ul class='PfMenu' id='PfList'>" + innerNavHTML + "</ul>");

            //highlight current page link
            var path = location.pathname.substring(1);
            if (path) {
                $('ul.PfMenu li a[href$="' + path + '"]').attr('class', 'Active');
            }
            //});

            //make sure the content below the nav is positioned correctly
            $('#main-nav-container').after("<div id='end-of-main-nav' style='clear:both;'>&nbsp;</div>");
            var topVal = $("#end-of-main-nav").offset().top;
            $("div#content-below-main-nav").css("position", "absolute");
            $("div#content-below-main-nav").css('top', topVal + "px");
}