/* CSS Document */

.main_border {border:1px solid #000000;}
p {font-family:Verdana; font-size:12px; margin:15px;}
.left {background-color:#f6f6f6; border-right:1px solid #424242;}
body {
	background-color:#666;
}

p.title {
background-color: #A72E37;
color: #ffffff;
font-weight:bold;
margin:5px;
padding:5px;
}

#coolmenu{
border: 1px solid gray; /*Стиль рамки */
border-bottom-width: 0;
width: 93%; /*Ширина меню */
background-color: #f6f6f6;  /*Фоновый цвет ячейки*/
margin:7px; /*Ширина отступов*/
}

* html #coolmenu{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}

#coolmenu a{
font: bold 13px Verdana; /*Шрифт текста*/
padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
display: block;
width: 100%; /*Ширина ячейки*/
color: #000000;  /*Цвет текста*/
text-decoration: none; /*Подчеркивание у ссылок - нет*/
border-bottom: 1px solid gray;
	text-align: left;
}

html>body #coolmenu a{ 
width: auto;
}

#coolmenu a:hover{
background-color: #cc9933; /*Фоновый цвет ячейки при наведение курсора*/
color: #000000;/*Цвет текста при наведении курсора*/
	
	}

p.title2 {
background-color: #C4C92F;
color: #ffffff;
font-weight:bold;
margin:5px;
padding:5px;
}

.form1 {
font-family: Verdana;
font-size: 10px;
}

.form3 {
font-family: Verdana;
font-size: 11px;
}

.formm {
border: 1px solid #cccccc;
margin:5px;
}

.lesson {border:1px solid #cccccc; width:100%;}
.lesson_title {background-color:#f6f6f6;}

.lesson_name {font-weight:bold; margin-top:7px; margin-bottom:7px;}
.lesson_adds {font-size:11px; margin-top:7px; margin-bottom:7px; color:#424242;}

.view_title {font-size:16px; font-weight:bold; color:#cc0000; text-align:center;}
.view_date {font-size:11px; color:#424242; margin-top:7px; margin-bottom:7px; font-weight:bold;}
/*тест*/

ul { margin: 0; padding: 0; list-style: none; width: 150px; }
ul li { position: relative; }
li ul { position: absolute; left: 140px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; }
/* Fix IE. Hide from IE Mac */ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */
ul { margin: 0; padding: 0; list-style: none; width: 140px; border-bottom: 1px solid #ccc; }
li:hover ul { display: block; }
startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); 
for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; 
if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace » (" over", ""); } } } } } window.onload=startList;
li:hover ul, li.over ul { display: block; }
<ul id="nav">
/* Fix IE. Hide from IE Mac */ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */