/* Горизонтальное меню */

div#menunav {
   width: 100%; /* задаем ширину для div */
   float: left;  /* добавляем список в div */
   font-size: 19px;  /* задаем размер шрифта */
   font-weight:bold;
   padding: 0 0 0 0px;  /* отступ ul от края контейнера */
}
div#menunav ul {
   margin: 0px;
   padding: 0px;
}
* html div#menunav ul {
   float: left;  /* заставляет ul вместить все li */
   margin-left: 15px;  /* IE удваивает заданное значение */
}
div#menunav li {
   float: left;   /* располагаем список по горизонтали */
   position: relative;  /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */   
   list-style-type: none;  /* удаляем маркеры */
   background-color: #3399cc;  /* задаем фоновый цвет элементов меню */
   margin-left: 5px;  /* IE удваивает заданное значение */
   padding: 5 5 5 5px;  /* отступ ul от края контейнера */
}
div#menunav li:first-child {
}
div#menunav a {
   display: block;  /* пункты вложенного меню выделяются при наведении указателя */
   text-decoration: none;  /* удаляем подчеркивание ссылок */
   padding: 0px 10px 0px 10px;  /* создаем пространство с обеих сторон текста пункта меню */
   color: #FFF;  /* задаем цвет шрифта */
}
div#menunav a:hover {
   color: #ff3333;
}
div#menunav li:hover {
   background-color: #ffffff;  /* задает фон пунктов списка */
}

/* Раскрывающееся меню */

div#menunav ul li ul {
   margin: 0px;
   position: absolute;  /* размещает выпадающий ul относительно родительского li */
   left: -1px;  /* выравнивает раскрывающееся меню */
   width: 10em;
}
div#menunav ul li ul li  {
   width: 100%;  /* элементы списка заполняют контейнер (ul) */
   border-left: 1px solid #000000;  /* три стороны каждого пункта раскрывающегося меню */
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
}
div#menunav ul li ul li:first-child {
   border-top: 1px solid #000000;  /* верхний край раскрывающегося меню */
}
body div#menunav ul li ul {
   display: none;
}
div#menunav ul li:hover ul, div#menunav ul li ul:hover {
   display: block;
}
* html div#menunav ul li ul {  /* добавляет верхнюю границу раскрывающегося меню для IE */
   border-top: 1px solid #000000;
   border-left: 0рх;  /* устраняет наследование границ ul раскрывающимся меню */
}

.content {
	margin-left: 10px;
	margin-right: 10px;
}