body {
  color            : #000000;
  margin-left      : 0px;
  margin-right     : 0px;
  margin-bottom    : 0px;
  padding          : 0px;
  background-color : #FFFFFF;
  width            : 100%;
  font-family      : tahoma,arial, sans-serif;
  font-size        : 12px;
  margin-top: 0px;
  color: #5d5d5d;
  margin-top: 0px;
  text-decoration: none;
  }
#opl {padding-top: 20px;
font-family : tahoma,arial, sans-serif;
  font-size: 14px;
  font-weight:bold; 
  color: #cc0000;
}
 a.opl:link {
font-family : tahoma,arial, sans-serif;
  font-size: 14px;
  font-weight:bold; 
  color: #cc0000;
}
 a.opl:visited {
font-family : tahoma,arial, sans-serif;
  font-size: 14px;
  font-weight:bold; 
  color: #cc0000;
}

 a.opl:hover {
font-family : tahoma,arial, sans-serif;
  font-size: 14px;
  font-weight:bold; 
  color: #3366ff;
}



.main { 
  /*float            : left; */
  width            : 100%;
  margin           : 0px; 
  padding          : 0px;
}


img { float: right; }
h2{
	color : #cacaca;
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	font-family:Arial;
	}
h3{
	color : #ffffff;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	font-family:Arial;
	}

h1{
	color : #5d5d5d;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	font-family:Tahoma;
	}
       .wp1 {font-size: 12px;
	font-family: Courier New ;
	font-style:normal;
	font-weight: normal;
	text-decoration: none;}
       .wp2 {font-size: 14px;
	font-family: Monotype corsiva  ;
	font-style:normal;
	font-weight: normal;
	color:#330000;
	}
       .wp3 {font-size: 18px;
	font-family:  Courier New;
	font-style:italic;
	font-weight: normal;
	color:#cc0000;
	}
      .wp33 {font-size: 12px;
	font-family:  Arial;
	font-style:italic;
	font-weight: normal;
	color:#cc0000;
	}
       .wp {font-size: 12px;
	font-family: Arial ;
	font-style:italic;
	font-weight: normal;
	text-decoration: none;}

      .wp4 {font-size: 13px;
	font-family: Tahoma ;
	font-style:normal;
	font-weight: normal;
	text-decoration: none;
	}

	.wp5 {font-size: 12px;
	font-family: Tahoma ;
	font-style:normal;
	font-weight: normal;
	color: #5d5d5d;
	}
	
	.wp21 {font-size: 14px;
	font-family: Arial ;
	font-style:normal;
	font-weight: normal;
	text-decoration: none;
	font-color:#ccffff}
	
      .wp11 {font-size: 12px;
	font-family: Arial ;
	font-style:normal;
	font-weight: normal;
	text-decoration: none;
	font-color:#ffffff}
	
       .wpp {font-size: 18px;
	font-family: Tahoma ;
	font-style:normal;
	font-weight: normal;
	}


 .wp14 {font-size: 9px;
	font-family: Tahoma ;
	font-style:normal;
	font-weight: normal;
	text-decoration: none;}


.wp23 {font-size: 11px;
	font-family:  Arial;
	font-style:normal;
	font-weight: bold;
	color:#cc0000;
	}


.wp24 {font-size: 12px;
	font-family:  Arial;
	font-style:italic;
	font-weight: bold;
	color:#cc0000;
	}
.wp25 {font-size: 10px;
	font-family:  Arial;
	font-style:normal;
	font-weight: bold;
	color:#cc0000;
	}
	
	a:link {
	color: #5d5d5d;
	  
	}
	
    a:visited {
	color: #5d5d5d;
	  
	}
	
    a:hover{
	color: #3366ff;
	  
	}
	
	a.mainlevel {
font-size: 12px;
padding-left:44px;
width: 143px;
margin-bottom: 2px;
text-decoration: none;
font-weight: bold;

}
	
	







div#container
{
	float: left;
	padding: 0px;
	margin-right: 0px;
	width: 1000px;
		
}
	



*::-moz-any-link br,*:-moz-any-link br {
/*a workarround for mozilla*/
display:none;
}


div#menu * {
  cursor: pointer; /*because IE displays the text cursor
if the link is inactive*/
}

.disabled {
   color: red !important;
   background: none !important;
}

div#menu {
   background: #ffffff;
   font: 12px Tahoma, sans-serif;
   height: 12px;
   white-space: nowrap;
   width: 100%;position: absolute;
}

div#menu .a {
   background: #ffffff;
   border: 0px solid ;
   color: #5d5d5d;
   text-decoration: none;  /*position: absolute;*/
}

div#menu .a table {
   display: block;
   font: 12px Tahoma, sans-serif;
   white-space: nowrap;
}

div#menu table, div#menu table a {
   display: none;
}

div#menu .a:hover, div#menu div.menuitem:hover {
   background: #ffffff;
   border: 0px solid ;
   color: #0099ff;
   margin-right:-1px; /*resolves a problem with Opera
not displaying the right border*/
}

div#menu .a:hover table, div#menu div.menuitem:hover table{
   background: #FFFFFF;
   border: 0px solid ;
   display: block;
   position: absolute;
   white-space: nowrap;
}

div#menu .a:hover table a, div#menu div.menuitem:hover table a {
   border-left: 0px solid ;
   border-right: 0px solid ; /*resolves a jump problem*/
   color: #5d5d5d;
   display: block;
   padding: 0px 0px;
   text-decoration: none;
   white-space: nowrap;
   z-index: 1000;
}

div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
   background: #ffffff;
   border: 0px solid ;
   border-left: 0px solid ;
   color: #0099ff;
   display: block;
   padding: 0px 0px;
   text-decoration: none;
   z-index: 1000;
}

td {
   border-width: 0px;
   padding: 0px 0px 0px 0px;
}


.menuitem * {
   padding: 0px 0px 0px 0px;
}

#other {
  height: auto;visibility: visible;
}




#holder {
  width: 100%;
}

.table1         { border-collapse: collapse;
                   border-bottom: 1px solid black;
				  margin-left: auto;
    margin-right: auto
 
				   
				    }
  *#col1         { border: 0px solid black; }
  .td             { border: 1px solid black; padding: 1 em; }
  .TD.solid-blue  { border: 1px dashed blue; }
  .TD.solid-green { border: 5px solid green; }
.td1            { border-bottom: 1px solid black; padding: 1 em; }

.preload1 {background: url();}
.preload2 {background: url();}
/*верхний квадрат*/
.menu2 {padding:0 0 0 42px; margin:0; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:tahoma, verdana, sans-serif;}
/*поле верхнего гориз меню*/
.menu2 li.top {display:block; float:left;         }
/*описание ссылок в верхнем поле меню*/
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#5d5d5d; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 2px; cursor:pointer;background: url();}
/*фон под первой и последней ссылкой  */
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 2px; height:36px;background:url() right top;}
/*фон под средними ссылками  */
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 0px; height:36px; background:url() right top;}
/*ссылки верхнего меню  */
.menu2 li a.top_link:hover {color:#3366ff; background: url() }
/* */
.menu2 li a.top_link:hover span {background:url() right top;}
/* */
.menu2 li a.top_link:hover span.down {background:url();  right top;}
/* */
.menu2 li:hover > a.top_link {color:#3366ff; background: url() no-repeat;}
/* */
.menu2 li:hover > a.top_link span {background:url() ; no-repeat right top;}
/* */
.menu2 li:hover > a.top_link span.down {background:url() no-repeat right top;}
/* */

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;         }

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;        }
.menu2 li:hover {position:relative; z-index:200;      }

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,

.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/* фон под вложенными ссылками и отступы   размер  РАМКИ*/
.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #3366ff; white-space:nowrap; width:120px; height:auto; z-index:300;}
/* размер квадрата в котором ссылки */
.menu2 :hover ul.sub li {display:block;   height:20px; position:relative; float:left; width:120px; font-weight:normal;}
/* вложенные ссылки */
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#5d5d5d; text-decoration:none;}
/* фон под вложениями , имеющими сл.вложения */
.menu2 :hover ul.sub li a.fly {background:url() ;}
/* фон под вложениями , не имеющими сл.вложения */
.menu2 :hover ul.sub li a:hover {background:#3366ff; color:#fff;}
/* вложенные ссылки */
.menu2 :hover ul.sub li a.fly:hover {background:#3366ff url() ;align:left; color:#fff;}
/*  */
.menu2 :hover ul li:hover > a.fly {background:#cc0000 url() ; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
/* вложенные во вложенные ссылки   РАЗМЕР РАМОК*/
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3366ff; white-space:nowrap; width:120px; z-index:400; height:auto;}
























