<ul class="menu">
<li><a href="#">Новичку</a>
<ul>
<li><a href="#">Все основы</a></li>
<li><a href="#">Фотооборудование</a></li>
<li class="current"><a href="#">Симулятор зеркалки</a></li>
</ul>
</li>
<li><a href="#">Фотосъёмка</a>
<ul>
<li><a href="#">Советы по фотографии</a></li>
<li><a href="#">Съемка в студии</a></li>
<li><a href="#">Съемка пейзажей</a></li>
<li><a href="#">Макро и предметка</a></li>
<li><a href="#">Приемы и техники</a></li>
</ul>
</li>
<li><a href="#">Обработка фото</a>
<ul>
<li><a href="#">Adobe Camera Raw</a></li>
<li><a href="#">Photoshop и Lightroom</a></li>
</ul>
</li>
<li><a href="#">Видеоуроки</a>
<ul>
<li><a href="#">Adobe Photoshop</a></li>
<li><a href="#">Adobe Lightroom</a></li>
<li><a href="#">Разное</a></li>
</ul>
</li>
</ul>

.menu {
margin: 0;
padding: 0;
list-style: none;
}
.menu > li {
float: left;
width: 182px;
}
.menu > li > a {
display: block;
height: 36px;
font: 17px Arial, Helvetica, sans-serif;
color: #330000;
text-align: center;
text-decoration: none;
line-height: 36px;
background: orange;
}
.menu ul {
margin: 0;
padding: 15px 0;
list-style: none;
min-height: 120px;
padding-top: 15px;
background: #000;
}
.menu ul li {
margin-bottom: 5px;
height: 18px;
}
.menu ul li a {
display: block;
padding-left: 1em;
color: #fff;
font: 12px Arial, Helvetica, sans-serif;
}
.menu ul li a:hover {
text-decoration: none;
}
.menu ul li.current a {
color: #feaf0a;
}