Александр Чиртик: HTML: Популярный самоучитель

/*

Стиль строки меню и ее пунктов

*/

.menu_line {border-style: none; background-color: green;

width:100%; text-align: center}

.main_item {background-color: green}

.main_selected {background-color: magenta}

A.main_href {color: rgb(230,230,230); text-decoration: none;

font-family: "times new roman"}

/*

Стиль пунктов меню

*/

.item {background-color: rgb(230,230,230)}

.selected {background-color: magenta}

A.main_href {}

/*

Стили отображаемого и спрятанного меню

*/

.menu {border-style: solid; border-width: 1px;

visibility: visible; position: absolute;

background-color: rgb(230,230,230); border-color: black}

.hidden {display: none}

/*

Определение стилей для разворачиваемых элементов exp – класс элемента, при щелчке кнопкой мыши на котором будет показан соответствующий элемент класса expbody

*/

.exp {background-color: rgb(150, 255, 200)}

.exp_ref {text-decoration: none; font-weight: bold}

.expbody {display: block; background-color: rgb(150, 255, 150)}

.exp_hidden {display: none}

В приведенных таблицах стилей использовано небольшое количество настроек, чтобы слишком не увеличивать размер таблиц.