* {
    margin: 0;
    padding: 0;
}
#main{
    background-color:#fffff; 
    width:100%; 
    margin:0 auto; 
    overflow:hidden;
}
#header {
	
   
    background-color: #0F68AA;
    text-align: center;
}
#content{
    background-color:#DADAD9;
    padding:10px;
    width:78%; 
    float:rihgt; 
	padding-left: 22%; 
    padding-bottom:32000px; 
    margin-bottom:-32000px;
	font: 16px Times New Roman;
}
#sideright{
    background-color:#0F68AA; 
    width:20%;
    float:left; 
    padding-bottom:32000px; 
    margin-bottom:-32000px;
}
#footer{
    background-color:#0F68AA;
    padding:25px; 
    clear:both;
    float:left; 
    width:100%;
    text-align: center;
}
#header  li { 
    list-style: none;
    display: inline; 
    padding: 10px 20px 0px 10px; 
}
#header li a {
    padding:3px;    /*Поля вокруг надписей основного меню*/
    text-decoration: none;
    color: #000;    /* цвет текста*/
}
#header li a:hover {
    text-decoration: none;
    padding:3px;    /*Поля вокруг надписей основного меню*/
    text-decoration: none;
    color:red;    /* цвет текста*/
}
#header H1 {
    font-family:  Roboto,Times, Tahoma, Arial,Verdana, sans-serif;  
}
.coolmenu {    
    text-align: center;     
}
.coolmenu a {
    font: bold 18px Roboto;    /*Шрифт текста*/
    padding: 10px;
    padding-left: 4px;
    display: block;
    color: #DADAD9;
    text-decoration: none;
    border-bottom: 0px dotted #d0d0d0; 
}
.coolmenu a:hover {
    background-color: #0F68AA;
    color: #000000;    
    color: white; /*Цвет текста при наведении курсора*/
    text-decoration: none;
}
html>body .coolmenu a {
    width: auto;
}