проблема со списками

[4e4en]

Прошу помощи вот в каком вопросе:
есть несколько стилей списков, которые вложены один в другой, у них должно быть разное отображение, я ввожу стили:

/*Левое меню на страницах*/
	ul.menu1 {
			margin:0;
			padding:0px;
			}
	ul.menu1 li{
			list-style: none;
			margin-bottom:25px;
			}
	ul.menu1 li a{
			font-size:12pt; 
			text-decoration:none;
			}
	ul.menu1 li a:hover{
					color:yellow;
					text-decoration:underline;
					}
	/*Пункты подменю на страницах первого уровня*/
	ul.menu2 {
			padding-left:25px;
			}
	ul.menu2 li{
			list-style: none;
			margin-bottom:25px;
			}
	ul.menu2 li a{
			font:12pt; 
			text-decoration:none;
			}
	ul.menu2 li a:hover{
					color:yellow;
					font-weight:bold;
					text-decoration:none;
					}
	/*Пункты подменю второго уровня*/
	ul.menu3 {
			margin:0;
			padding:0;
			}
	ul.menu3 li{ 
			list-style: none;
			font-size:10pt; 
			margin:10px;
			}
	ul.menu3 li a{
			font-style: italic;
			font-size:10pt; 
			text-decoration:none;
			}
	ul.menu3 li a:hover{
				color:yellow;
				text-decoration:none;
					}

Далее пишу в HTML:

<ul class="menu1">
		<li><a href="symbols.html">...</a></li>					
	<li><a href="structura.html">...</a></li>
<ul class="menu2">
		<li><a href="structura1.html">...</a></li>
		<li><a href="kontakti.html">...</a></li>
<ul class="menu3">
		<li><a href="kontakti1.html">...</a></li>
		<li><a href="history.html">...</a></li>
</ul>
		<li><a href="kontakti2.html">...</a></li>
</ul>
		<li><a href="history2.html">....</a></li>
		<li><a href="">....</a></li>
		<li><a href="map.html">...</a></li>
		<li><a href="">....</a></li>
		<li><a href=""></a>
</ul>

Проблема в том, что он делает списки menu3, при наведении на них мыши, жирными. Хотя это не указано в стилях. Где я ошибся?
Тут же проблема, делает отступ от левого края около 15 пикселей, мне он совершенно не нужен, и вроде бы ж указано, что он не нужен. Как это побороть?

[yarilo]

Жирным становится очевидно из за font-weight:bold;
А отступ убрать здесь:
ul.menu2 {
margin: 0;
}