
/* Класс URL */
A.URL 
{
    color : Red;
    text-decoration: none;
    background:  transparent;
    font: 900 16px Verdana, Geneva, Arial, Helvetica,sans-serif;
}
A.URL:link
{
    color : #6666CC;
    text-decoration: none;
    background:  transparent;
    font: 900 18px Verdana, Geneva, Arial, Helvetica,sans-serif;
}
A.URL:VISITED:HOVER
{
    color: #E2144A;
    text-decoration: underline;
    font : 900 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: transparent;
}
A.URL:VISITED
{
    color : Blue;
    font : 900 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: transparent;
}
A.URL:HOVER
 {
    color: #E2144A;
    text-decoration: underline;
      font : 900 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: transparent;
}
/* Простой A */
A {
    font-family : Arial, Helvetica, sans-serif;
  
    text-decoration: none;
   
    }
A:link {font-family :Arial, Helvetica, sans-serif;
    text-decoration: none;}
A:HOVER {
    text-decoration: underline;
}
A:visited
{
    font-family : Arial, Helvetica, sans-serif;
    text-decoration: none;
}
A:HOVER:VISITED, A:VISITED:HOVER
{    
    font-family : Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
/* стили*/
body {
    font: normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: url(img/back.jpg) repeat-y;
    }
body td, body table td {
    font: normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
.usual,p
{   
    margin-top: 0px;
    text-align : justify;
    letter-spacing : normal;
    text-indent: 50px;
    font: normal normal normal 20px Arial, Helvetica, sans-serif;
}
.bold
{
    text-align : justify;
    letter-spacing : normal;
    text-indent: 50px;
    font: bold normal normal 20px Arial, Helvetica, sans-serif;
}
h1
{  
    margin-top: 0px;
    margin-bottom: 1px;
    font : 40px "Comic Sans MS",cursive, sans-serif;
    text-align : center;
    border : 0px;
} 

p
{
margin-top: 6px;
margin-bottom: 1px;
}
div.header, h2
{
    font : normal normal bold 25px "Comic Sans MS",cursive, sans-serif;
    text-align : center;
    border : 0px;
}
.important
{
     font: normal normal normal 20px/120% Arial, Helvetica, sans-serif;
    letter-spacing: 3px;
    }
IMG {
    border : 0px none #FFFFFF;
}
STRONG
{
    font-weight: normal;
    font-style: normal;
    }

.main
{
    vertical-align: top;
    width : 98%;
    text-align : center;
    }

.left
    {
    vertical-align: top;
    width : 200px;
    text-align : left;
    height: 100%;
    }
.lefth2
{
    text-align: left;
}
ol {
letter-spacing : normal;
font: normal normal normal 20px/normal Arial, Helvetica, sans-serif;
float: none;
word-spacing: normal;
list-style: decimal outside none;
margin-top: 5px;
                                }
ol LI{ text-indent: 0px; }
    
/* менюшка */

#nav
{
    margin-right: 25px;
 }
 ul.usual
{
     width: 90%;
     list-style: square outside;
     margin: 5px 5px 5px 5px;
     border-bottom: 0;
     padding: 5px 5px 5px 5px;
    list-style-type: circle;
    text-indent: 10px
    }
ul.usual li
{
    
    background-color: transparent;
    background-image: none;
    color: Black;
    font-size: 20px;
    border: none;
    position: static;
    font-weight: bold;
    display: list-item;
    text-indent: 10px;
    margin-bottom: 10px;
    }
ul.usual li a
{           
font-size: 20px;
 color: Blue;
display: inline;
 background-color: transparent;
    background-image: none;
    border: none;
    font-weight: bold;  
    
}

ul.usual li a:hover
{
color: #E2144A;  
   background-color: transparent;
    background-image: none;
    text-decoration: underline;
}    

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 200px; /* Width of Menu Items */
    border-bottom: 1px solid #ccc;
     }
li ul {
    font-size: 15px;
    width: 150px; /* Width of Menu Items */
    position: absolute;
    left: 199px; /* Set 1px less than menu width */
    top: 0;
    display: none;
    }
li ul#product {
    width: 300px; /* Width of Menu Items */
    }

ul li, ul#nav li {
    position: relative;
    display: block;
    text-decoration: none;
    color: #FF0000;
    background: #FFFFFF url(img/menuback.jpg) repeat-y; /* IE6 Bug */
    padding: 0px;
    border: 0px solid #ccc;
    font : 13px sans-serif;
    }
/* Styles for Menu Items */
ul li ul#product li a {
    font-size: 11px;
    font-weight: normal;
}
ul li ul li a, ul li ul#product li ul li a {
    font-size: 14px;
    font-weight: bold;
    background: White url(img/menuback.jpg) repeat-y;
    border-bottom: 0;
}
ul li a { 
    display: block;
    text-decoration: none;
    color: #FF0000;
    background: #f9f9f9 url(img/menuback.jpg) repeat-y;
    /* IE6 Bug */
    padding: 5px;    
    /*border-bottom: 0px; */
    font : bold 16px sans-serif;
    border-bottom: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    }

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; height: 1%;  background: #ffffff url(img/menuback.jpg) repeat-y;  }
* html ul li a { height: 1%;  background: #ffffff url(img/menuback.jpg) repeat-y;  }
/* End */

ul li a:hover {
    color: #00CCFF;
    background: #f9f9f9 url(img/menuback1.jpg) repeat-y;
    cursor: pointer;
} 
/* Hover Styles */
/* третий уровень */
li ul li a {padding: 2px 5px; } /* Sub Menu Styles */
 li:hover ul, li.over ul, li:hover ul#product, li.over ul#product { 
 display: block;
 background: White;
 } /* The magic */
li:hover ul li ul, li.over ul li ul,  li.over ul li ul a  
      {
      font-size: 14px; 
      left: 250px; /* Set 1px less than menu width */ 
      display: none;  
  } /* Скрыть подменю 3-го уровня */ 

li:hover ul#product li ul, li.over ul#product li ul,  li.over ul#product li ul a  
{
      left: 299px; /* Set 1px less than menu width */ 
}
li ul li:hover ul, li ul li.over ul,  li ul li.over ul a 
          {
          font-size: 14px; 
          display: block; 
           border-bottom: 0;
        background: White;
          } /* Показать подменю 3-го уровня */
li ul li ul li a, li ul li ul li
          {
           width: 251px;
              font-size: 14px; 
              font-weight: bold;
            border-bottom: 0;
            background: White;
          }
li ul#product li ul li a, li ul#product li ul li
          {
        width: 250px;
        background-color: White;
          }
li ul li ul li:hover, li ul li ul li.over,  li ul li ul li.over a, li ul#product li ul li.over a, li ul#product li ul li.over,  li ul#product li ul li:hover a
          {
        font-size: 14px; 
        display: block;  
        background: #f9f9f9 url(img/menuback1.jpg) repeat-y;
        font-weight: bold;
        border-bottom: 0;
          } 

