/*
=============================================================
© 2009 Российская школа CSS (Russian CSS School)
http://www.css-school.ru
Урок jQuery #3. Выпадающее меню
style.css - Набор стилей для урока
=============================================================
*/
ul.menu{
  z-index: 1000
}


ul.menu li {
	float: left;
	margin: 0;	
	padding: 0;
	position: relative;
}

ul.menu li a{
display: block;
float: left;
color: #0C4088;
font-size: 14px;
text-decoration: none;
padding: 0 8px;
border-left: 2px solid #0C4088;
line-height: 1;
font-weight: bolder;
}
ul.menu li a:hover{
  color: #666666;
  text-decoration: underline
}


ul.menu li:first-child a{
  border: none;
}


ul.menu li div.subnav {
	list-style: none;
	position: absolute;
/*	left: -300px; top: 16px;

*/
	left: 0px; top: 16px;
	margin: 0; padding: 0;
	display: none;
	width: 200px;
	z-index:9999;
    background: #ffffff;
    border: 2px solid #cccccc;
    border-top: none;
    padding: 5px;
  font-size: 14px;
  line-height: 1.5
}

ul.menu li div.subnav a{
  font-size: 12px;
  line-height: 1.5;
  color: #666666
}


ul.menu li div.subnav li{
	margin: 0; padding: 0;

	width: 200px;


}
html ul.menu li div.subnav li a {
/*	float: left;*/
	width: auto;
    border:0;


}
html ul.menu li div.subnav li a:hover {
  text-decoration: underline
}