Динамическое изменение таблиц стилей.

1. Создать страничку, содержащую список учебного контингента. Для этого использовать элемент нумерованный список - OL. Для каждого студента указать фамилию, имя, отчество, возраст, группу, пол, адрес, средний балл. Каждое из этих полей оформить в виде отдельного HTML-элемента.
2. Составить таблицу стилей, назначив полям разного типа разный способ визуализации.
3. Добавить на страницу набор "флажков", позволяющих управлять видимостью/невидимостью отдельных полей. Для каждого поля должен быть свой флажок.
4. Реализовать сокрытие/показ элементов при изменении состояния соответствующих флажков. Для этого изменяйте свойства объекта document.styleSheets[0].rules[n].style (для FireFox надо использовать document.styleSheets[0].cssRules[n].style) где n - это номер правила в таблице (напишите соответствуюшие правила), а с самим объектом style можно работать так же как с этим же объектом элемента HTML.
5. Проверить, работает ли страница под броузером Mozilla FireFox. Как можно сделать, чтобы там страница работала?
6. Как сделать, чтобы при просмотре страницы можно было использовать фильтр по значению выбранного поля? Например, просмотр всех студентов заданной группы?