/*пишем  стиль для главного списка, и всех списков внутри него(т.е. пишем те правила, которые относятся ко всем спискам)*/

#nav{
	color:#000;
	font-size:11px;
	text-decoration:none;
	text-transform:none;
	font-weight:bold;
	list-style:none;/*убираем маркеры списка*/
	margin:0px; /*обнуляем поля и отступы*/
	padding:0;
	font-family:Tahoma, sans-serif !important;
	min-width:700px;
	z-index:10;
	text-align:center;
	border:0px solid  red;
}

/*стиль только для главного списка*/
#nav{
min-height:30px;/*обязательно жестко задавать высоту, чтобы список не схлопывался,и была возможность задавать фоновый цвет*/
color:#000;
z-index:10;
}

/*стиль для пунктов списка*/
#nav li{
display:inline-block;
text-align:center;
/*float:left; делаем элементы списка плавающими(включаем обтекание) вследствие чего, они выстраиваются в один ряд*/
position:relative;/*задаем относительное позиционирование. Теперь, вложенные элементы будут позиционироваться не относительно окна браузера, а относительно элементов списка.*/
}

/*стиль для пунктов списка при наведении на них */
#nav li:hover, #nav li.jshover{
background-color: #e8e8e8;/*цвет фона*/
}

/*стиль для ссылок встречающихся внутри главного списка*/
#nav a{
font-size:11px;
font-family:Tahoma, sans-serif !important;
display:block;/*делаем ссылку блоком (по умолчанию, ссылка это элемент строчный) */
color:#000;/*цвет текста ссылки*/
padding: 5px 8px 4px 8px;
text-align:center;/*выравнивание текста по центру*/
text-decoration:none; /*убираем подчеркивание*/
}

/*стиль для ссылок при наведении*/
#nav a:hover{
background-color:#e8e8e8; /*цвет фона*/
color:#000;/*цвет текста */
z-index:2;
}

/*стиль касающийся вложенного списка*/
#nav ul{
display:none;/*прячем список*/
width:220px;/*ширина вложенного списка. Задается обязательно, т.е. иначе в I.E. 6 список будет располагаться горизонтально. 118 - потому,что даем по 1пикселу слева и справа на рамку*/
position:absolute;/*абсолютное позиционирование. В данном случае, вложенный список будет позиционироваться относительно родителя(Елемента списка li , для которого мы задавали position:relative)*/
top:20px; /*координата по вертикали(отступ сверху)  равен высоте нашего главного списка*/
left:0;/*координата по горизонтали(отступ слева)*/
background-color:#e8e8e8; /*цвет фона*/
padding:2px;
z-index:999;
}

/*стиль для ссылок внутри вложенного списка */

#nav ul li {
position:static;
	margin-bottom:2px;
	width:100%;
	height:100%;
	padding:0px;
	min-height:15px;
	max-height:30px;
	z-index:999;
	}

#nav ul li a.clk {
display:block;
font-size:11px;
color: black;
font-weight:normal;
font-family:Verdana, Geneva, sans-serif;
text-align:left;
padding:4px 0;
margin-left:2px;
z-index:999;
}


#nav ul >li>a.clk:hover, #nav li.jshover ul li a.clk:hover {
background: #5285b9;
color:#fff;
border:0;
margin:0px;
display:block;
min-height:1%;
line-height:normal;
margin-left:2px;
z-index:999;
}

/*стиль для вложенного списка, в момент наведения на пункт главного списка*/
#nav li:hover ul, #nav li.jshover ul{display:block; z-index:999;}/*показывам список*/