/* 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-image: url(img/bg.gif)}
.borderrr {border:1px solid #ccc;}
p.title {
background-color: #A72E37;
color: #ffffff;
font-weight:bold;
margin:2px;
padding:2px;
}

.footer {background-color:#A2C2D9;}

<!--
.style8 {color: #FF0000}
.style10 {color: #FF0000; font-weight: bold; }
.style11 {
	color: #FFFFFF;
	font-weight: bold;
}
.style12 {color: #000099}
.style14 {color: #0000CC; font-weight: bold; }
.style16 {
	font-size: 13px;
	font-weight: bold;
}
.style17 {color: #0000CC; font-weight: bold; font-size: 16px; }
.style20 {font-size: 14px}
.style21 {color: #0000CC; font-weight: bold; font-size: 14px; }
-->

h2 {font-family:Verdana; font-size:12px; margin:10px;}
h3 {font-family:Verdana; font-size:12px; margin:10px;}
h4 {font-family:Verdana; font-size:12px; margin:10px;}
h5 {font-family:Verdana; font-size:12px; margin:10px;}
* html #li ul{ 
width: 201px;/*Ширина меню для Internet Explorer*/
}



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



.lesson {border:2px solid #424242; wids:95%;}

.lesson_title {background-color:#f6f6f6;}


.right {background-color:#000000;border-left:1px solid #424242;}



<style type="text/css">
<!--
.style1 {color: #CC0000}
.style4 {color: #0033FF}
.style6 {color: #CCCDDB}
-->
</style>

<!--
.style1 {
	color: #FF0000;
	font-size: 16px;
}
.style2 {
	color: #993300;
	font-weight: bold;
}
.style4 {color: #3366FF}
.style5 {color: #CC0000}
.style6 {color: #0099CC}
-->

<style type="text/css">
<LINK href="style.css"type=text/css rel=STYLESHEET>
.style22 {font-size: 13px}
.style27 {color: #0000CC}
.style28 {font-size: 12px}
.style30 {font-size: 12px; font-weight: bold; }
</style>

.style32 {font-weight: bold}
.style34 {font-weight: bold}
.style36 {font-weight: bold}




.borderadsence {border:1px solid #000000;background-color:#ffffff;}

.styletak{color:#0066FF;font:bold 13px Verdana;font-size:12px;}

.styleSAPE{color:#0000CC;font:Verdana;font-size:9px;}


ul {
background-color:#f6f6f6;
color: #000000;
width: 212px; 
margin:3px;
padding:3px; 
list-style: none;
border-bottom: 1px solid #ccc; 
 valign:center;
}


ul li { position: relative; }

li ul   { margin:0; position: absolute; left: 210px; top: 0; display: none; width: 100%;  }

ul li a {width: 205px; display: block; text-decoration: none; color: #777; background: #f6f6f6; padding: 3px; border: 1px solid #ccc; border-bottom: 0; font:13px Verdana; color: #000000; }




/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */

li:hover ul, li.over ul { display: block; }

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

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;

<ul id="nav">

/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /*