@import url("debug/debug.css");

@media screen, projection
{
	body {color:#6D6D70; background-color:#fff; font-family: Tahoma,serifSansSerifMonospace,Arial,Helvetica,'MS Sans Serif',sans-serif;}
	.page_margins {margin: 0 auto; text-align: left; width: 990px; }
	.page {padding: 0 0px;}
	
	/* // ---- Footer at the bottom technique ---- // */	
	
	body, html {height: 100% !important;  padding: 0; background:#051002; background-image:url(i/bg.png); background-repeat:repeat-x;}
	.page_margins {
	  position:relative !important;
	  min-height:100%; /* real browsers */
	  height: auto !important;	
	  display:block;
	    
	 }
	* html .page_margins {height:100% !important;}
	  /* allocate space for footer ... */
	.page { padding-bottom: 20px; }
	
	footer {
    position:relative !important;
    width: 990px;    
    margin: 0 auto;
    /* move #footer to its position ... */
    margin: 0px auto 0;
	}
	
	/* -- ---- Footer at the bottom technique  ---- -- */
	
	/* // ---- header ---- // */

	header {position:relative; display: block; height:93px;  background-image:url(i/header.jpg); background-position:left; }
	header .logo { margin:8px 0 0 16px; float:left;}
	header .back{  }	
	header h2 {color:#D47805;  font-style:italic; font-size:14px; float:left; margin:50px 0 0 170px; font-weight:normal }
	header nav.topnav {position:absolute;top:10px;right:10px; text-align:right;}
		header nav.topnav :link, header nav.topnav :visited {text-decoration: underline;}
		header nav.topnav ul {}
			header nav.topnav ul li {display: inline; margin:0 10px;}
	  
	/* -- ---- header  ---- -- */
	
	/* // ---- mainnav ---- // */

	nav.mainnav {width:100%; }
		nav.mainnav :visited {}
		/*nav.mainnav ul { width:100%; display:block; background-image:url(i/bgmainmenu.jpg); background-repeat:repeat-x; height:26px; color:White}		
			nav.mainnav ul li { padding:3px 25px; margin:0 1px 0 0; display:block; float:left;}
			nav.mainnav ul li:hover { height:20px;  background-image :url(i/bgmainmenu_ac.jpg); background-repeat:repeat-x;color:White}
			nav.mainnav ul li.home { height:20px;  background-image :url(i/bgmainmenu_ac.jpg); background-repeat:repeat-x;color:White}
	*/
	/* -- ---- mainnav ---- -- */	
	
	/* // ---- footer ---- // */

	footer { display: block;}
		footer :link, footer :visited {text-decoration: underline;}		
		footer nav.bottomnav {}
			footer nav.bottomnav ul {}
				footer nav.bottomnav ul li {display: inline; margin:0 10px;}
		footer .developedby img, footer .metacontent img {margin-right:5px;}

	/* -- ---- footer ---- -- */

	/* // ---- mainpage layout ---- // */
	
	#mainpage {width: 100%; float:left; background-color:#fff}
    
    #mainpage #col1 {width: 100%; float:left;}
    #mainpage #col1_content {padding-left: 0px; padding-right: 0px}
    #mainpage #col1_content .mainmenu {float: left; width: 73%;  background-image:url(i/bgcenter.png); 
                                       background-repeat:no-repeat; padding-top:50px;}
     #mainpage #col1_content .blockmainmenu{ border-bottom:1px solid white}
     #mainpage #col1_content .blockmainmenu ul.mainmenu { list-style:none;}
     #mainpage #col1_content .blockmainmenu ul.mainmenu li { float:left; width:170px; margin:0 4px}
    #mainpage #col1_content .blockmainmenu ul.mainmenu li .outline{background-image:url(i/menu.png);width:170px; height:64px;  position:absolute; display:block}
     #mainpage #col1_content .blockmainmenu ul.mainmenu li a.menu, #mainpage #col1_content .blockmainmenu ul.mainmenu li a.menu:visited
										{ padding:3px; display:block; text-decoration:none;color:#616161; text-align:left }
     #mainpage #col1_content .blockmainmenu ul.mainmenu li img{ display:block}
     #mainpage #col1_content .blockmainmenu ul.mainmenu li a.menu:hover{ text-decoration:underline}
     
     #mainpage #col1_content .banner{ padding:10px 1px 0; background-color:#D2D2D2; z-index:-2;  color:#BDBDBD}
      #mainpage #col1_content .banner div{ margin-top:-210px; margin-bottom:50px; width:21%; text-align:left; margin-left:20px;}
     #mainpage #col1_content .banner div i { color:#D47805; font-style:normal; display:block;}
    #mainpage #col2 {width: 25%; float:right; margin-right: 0%;}
    #mainpage #col2_content {padding-left: 10px; padding-right: 20px}

    #mainpage #col3 {float:left; width: 25%; margin-left: 0; margin-right: -5px;  position:absolute;}
    #mainpage #col3_content {}
    #mainpage #col1_content div.allnews { width:261px; background-image:url(i/headernew.png); background-repeat:no-repeat;
                                       background-position: left top; margin-top:-42px; padding:9px 1px 10px; font-size:11px;
                                        color:#051002; display:block; position:relative; float: left; width: 260px }
    #mainpage #col1_content div.news {padding:0px 20px 14px; text-align:left; text-transform:uppercase; font-weight:bold; color:#494949}
    #mainpage #col1_content div.allnews ul { border-right:1px solid white;display:block; 
                                             height:100%;background-image:url(i/bgnews.png); background-repeat:repeat-y;  }
    #mainpage #col1_content div.allnews ul li { display:block; height:82px;margin:0px; color:#494949; font-size:11px;line-height:1.2em;}
    #mainpage #col1_content div.allnews ul li ul li{ float:left; height:77px; padding-left:18px;   }
    #mainpage #col1_content div.allnews ul li ul li.img  a,#mainpage #col1_content div.allnews ul li ul li.img  a:visited
											{   padding:0px; text-decoration:none; }
     #mainpage #col1_content div.allnews ul li ul li.img{width:22%;  text-align:right;}
      #mainpage #col1_content div.allnews ul li ul li.news{width:160px;  }
     #mainpage #col1_content div.allnews ul li ul li.img img { border:0;}
    #mainpage #col1_content div.allnews ul li ul li a.news,#mainpage #col1_content div.allnews ul li ul li a.news:visited
											{ width:70%;  border-bottom:1px solid #BDBDBD;  display:block; float:left;
											   padding:5px 0 0 7px; color:#494949; text-decoration:none; height:72px}
  #mainpage #col1_content div.allnews ul li ul li a.news:hover span{ text-decoration:underline; }
#mainpage #col1_content div.allnews ul li ul li a.news .data{ margin-top:10px;}
#mainpage #col1_content div.allnews ul li ul.last{display:block; height:100px;margin:0px; background-repeat: no-repeat;
                                            background-position: left bottom; background-image:url(i/bgnews_end.png)!important;}
	
	#mainpage #col1_content div.allnews ul li ul.last a, #mainpage #col1_content div.allnews ul li ul.last a:visited
												{ border-bottom:0px solid !important;}
	 #mainpage #col1_content div.allnews ul li ul{display:block; margin:0px; padding:0px; list-style:none ; 
	                                           background-image:url(i/bgnews.png); background-repeat:repeat-y;}
	
  
	/* -- ---- mainpage layout ---- -- */
	
	/* // ---- contentpage layout ---- // */
	
	
#mainpage 	footer div {border-top:1px solid #BDBDBD;  margin:10px 20px 20px; font-size:9px; color:#9B9B9B; text-align:right; }
	
	#contentpage {  }
			
	#contentpage #col1 {width: 229px;  float: left;  margin-left: -230px; }
	#contentpage #col1 ul a:hover {color:#D97A04; text-decoration:none;}
	#contentpage #col1 ul a{}
	#contentpage #col1 ul {  }
	#contentpage #col1 ul li a, #contentpage #col1 ul li a:visited{ border-bottom:1px solid #ffffff; padding:3px 0px 3px 20px; 
	                                                                display:block; background-color:#E6E7E8;color:#3e5439;font-weight:bolder;}
    #contentpage #col1 ul li a:hover {color:#D97A04;}
	#contentpage #col1 ul li a.last, #contentpage #col1 ul li a.last:visited{ border-bottom:0px none #ffffff !important;}
	#contentpage #col1 ul li a.home{background-image:url(i/ar-menu1.png);background-repeat:no-repeat;
	                                background-position:10px 10px;cursor:default;color:#D97A04;}
	#contentpage #col1 ul li ul { background:#fff;  }
	#contentpage #col1 ul li ul li a, #contentpage #col1 ul li ul li a:visited
								{padding-left:35px; padding-right:5px; display:block;border-bottom:1px solid #E6E7E8;
								 background-color:White; color:#616161; font-weight:normal;}/*2*/
	#contentpage #col1 ul li ul li a.last, #contentpage #col1 ul li ul li a.last:visited{border-bottom:0px none #E6E7E8 !important;}
	#contentpage #col1 ul li ul li a.home{background-image:url(i/ar-menu2.png);color:#D97A04; background-repeat:no-repeat;  
	                                      background-position:20px 10px; cursor:default}
	#contentpage #col1 ul li ul li ul li a, #contentpage #col1 ul li ul li ul li a:visited
							{padding-left:53px; padding-right:5px; display:block; background-color:White;}/*3*/
	#contentpage #col1 ul li ul li ul li a.home{background-image:url(i/ar-menu2.png);color:#D97A04; background-repeat:no-repeat;  
	                                            background-position:38px 10px; cursor:default}
	#contentpage #col1 ul li ul li ul li  ul li a, #contentpage #col1 ul li ul li ul li  ul li a:visited
						{  margin-right:0px;padding-left:70px; padding-right:5px; display:block}/*4*/
	#contentpage #col1 ul li ul li ul li ul li a.home{background-image:url(i/ar-menu2.png);color:#D97A04; background-repeat:no-repeat; 
		                                                   background-position:55px 10px;cursor:default}
	#contentpage #col1 ul li { }
	#contentpage #col1 ul li ul li ul{}
	#contentpage #col1 ul li ul { border:0px solid red; display:block }
	#contentpage #col1 ul li ul li  {   }
	#contentpage #col1 ul li ul li ul { border:0px solid green  }


    #contentpage #col1_content { padding-left: 1px; padding-top: 20px; }
	
	
	/*#contentpage #col2 {width: 25%; float:right;  border:1px solid red; }*/
	
	
	/*#contentpage #col3 {margin-right: 75%; margin-left: 0; background-color:#E6E7E8}
	    #contentpage #col3_content { padding-left: 0px; padding-right: 1px; background:#E7E7E8;border:1px solid blue; height:100%; display:block }	
	#contentpage #col3_content nav ul   {  width:220px}
  	#contentpage #col3_content nav ul li { border-bottom: 1px solid white; padding:0; display:block; color:#3E5439}
  	#contentpage #col3_content nav ul li ul { padding:0; display:block; margin:0;}
  	#contentpage #col3_content nav ul li ul li {  display:block; padding:0px; color:#6D6D70; background-color:White; margin-top:1px}
  	#contentpage #col3_content nav ul li ul li div{ padding:5px 20px;}
	#contentpage #col3_content nav ul li ul li:hover{ color:#D97A04}
	 -- ---- contentpage layout ---- -- */

	/* // ---- global styling ---- // */
	
	.smallform {width:200px}	
	.fullform {width:500px}
	
	/* // ---- global styling ---- // */
 
	/* // ---- main page styling ---- // */
		
	  
	/* -- ---- main page styling ---- -- */

	/* // ---- content page styling ---- // */
	

	/* -- ---- content page styling ---- -- */
	/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
nav.mainnav { width:990px; height:25px; position:relative; font-size:12px; z-index:100; background-image:url(i/bgmainmenu.jpg);}
nav.mainnav ul li a, nav.mainnav ul li a:visited {display:block; text-decoration:none; color:#000;padding:3px 25px;  width:auto; 
                                       text-align:center; color:#fff;  background-image:url(i/bgmainmenu.jpg); 
                                       line-height:18px; font-size:12px; overflow:hidden;z-index:100}
nav.mainnav ul li a i, nav.mainnav ul li a:visited i{ background-image:url(i/arrow.png); background-repeat:no-repeat; height:12px; width:12px;  
                                          position:absolute; margin-top:2px; margin-left:5px}
nav.mainnav ul {padding:0; margin:0; list-style: none;}
nav.mainnav ul li {float:left; position:relative;}
nav.mainnav ul li ul {display: none;}

/* specific to non IE browsers */
nav.mainnav ul li:hover a {color:#fff; background-image :url(i/bgmainmenu_ac.jpg); background-repeat:repeat-x;text-decoration:none;}
nav.mainnav ul li a.home {color:#fff; background-image :url(i/bgmainmenu_ac.jpg); background-repeat:repeat-x;text-decoration:none; }

nav.mainnav ul li:hover ul {display:block; position:absolute; top:24px; left:0; width:auto; background-image:url(i/bg_menu_ac.gif);
                       background-repeat:no-repeat; background-position:bottom;  padding:0px 0px 21px; }
nav.mainnav ul li:hover ul li.first{ padding-top:20px; background-color:#587850}
nav.mainnav ul li:hover ul li a.hide {background:#6a3; color:#fff;text-decoration:none;  z-index:100}

nav.mainnav ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
nav.mainnav ul li:hover ul li ul {display: none;}
nav.mainnav ul li:hover ul li a {display:block; background:#587850;  width:187px; 
                            color:#E6E6E6; text-align:left; padding:3px 25px; text-decoration:none;}
nav.mainnav ul li:hover ul li a span{border-bottom: 1px solid #63825C; width:187px; display:block; padding-bottom:5px;z-index:100}
nav.mainnav ul li:hover ul li a:hover { color:#022900; text-decoration:none; background-image:url(i/arrow2.png); 
                                   background-repeat:no-repeat; background-position:5px 6px; cursor:pointer}
nav.mainnav ul li:hover ul li:hover { }

nav.mainnav ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
nav.mainnav ul li:hover ul li:hover ul.left {left:-105px;}

#container {
 border-left: 230px solid #E6E7E8; /* Цвет и ширина левой колонки */
 background: #fff; /* Цвет фона правой колонки */
 min-height:610px;
}

#col11 {
 width: 220px; /* Ширина левой колонки */
 float: left; /* Превращаем в плавающий элемент */
 margin-left: -230px; /* Сдвигаем все влево на ширину границы */
 padding:5px;
 
}
#col2{
line-height:1.3em;
}
 #contentpage #col2 { width:73%; padding:25px 0 20px 20px;}


#contentpage #col2 .image{padding: 15px; background-color: white; float: right; }
#contentpage #col2 .image div.top{ border:2px solid red; margin:0 15px; height:15px; }
#contentpage #col2 .image div.an-tl{background-image:url(i/an-tl.jpg);background-position: left top; background-repeat:no-repeat;}
#contentpage #col2 .image div.an-tr{background-image:url(i/an-tr.jpg);background-position: right top; background-repeat:no-repeat;}
#contentpage #col2 .image div.an-br{background-image:url(i/an-br.jpg);background-position: right bottom; background-repeat:no-repeat;}
#contentpage #col2 .image div.an-bl{background-image:url(i/an-bl.jpg);background-position:left bottom; background-repeat:no-repeat;}

.t {background: url(i/dot.jpg) 0 0 repeat-x; width: 195px}
.b {background: url(i/dot.png) 0 100% repeat-x}
.l {background: url(i/dot.png) 0 0 repeat-y}
.r {background: url(i/dot.png) 100% 0 repeat-y}
.bl {background: url(i/an-bl.jpg) 0 100% no-repeat}
.br {background: url(i/an-br.jpg) 100% 100% no-repeat}
.tl {background: url(i/an-tl.jpg) 0 0px no-repeat; border-top:1px solid white; }
.tr {background: url(i/an-tr.jpg) 100% 0 no-repeat; padding:10px} 

#contentpage #col2 a.submenu, #col2 a.submenu:visited{ text-align:left;margin-right:20px;   text-decoration:none;font-weight:bold;}
 #contentpage #col2 a.submenu:hover{ text-decoration:none; color:#D97A04; font-weight:bold; text-decoration:underline}
 #contentpage #col2 div.submenu{margin-bottom:9px;}
#contentpage #col2 .files{ margin-left:0px;  margin-bottom:20px; margin-top:5px; color:#B4B5B5}
#contentpage #col2 .files a.files, #contentpage #col2 .files a.files:visited{  font-size:10px; text-decoration:none; padding-left:8px;
                                  background-image:url(i/ar-files.png); background-repeat:no-repeat; background-position:0 3px; 
                                  line-height:1em;  display:block; color:#4E6839; margin-bottom:0px;}
#contentpage #col2 .files a.files:hover{ text-decoration:underline}
#contentpage #col2 .files span{ display:block; font-size:10px; padding-left:20px; line-height:1em}
#contentpage #col2 .files div{ padding-bottom:9px;}
#contentpage #col2 .files img{ margin:0px; margin-right:20px;}

#contentpage #col3 {float:left;  text-align:left; width:22%;  padding:30px 0px 30px 7px; }
#contentpage #col3 .online{ background-image:url(i/online.jpg); height:28px; padding:4px 10px; background-repeat:no-repeat;
                             display:block}
#contentpage #col3 .online{ text-decoration:none}
#contentpage #col2 .commonpage{width:100%; float:left}
 footer div { text-align:center;  margin-top:10px;}
div.clear {
 clear: both; /* Убираем все плавающие элементы */
}
}