body {
/*	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;*/
	margin: 0;
	padding: 0;
	font-size: 15px;
}
.menu_main {
	background-color: #a0b282;
	z-index: auto;
	position: static;
	visibility: visible;
	overflow: visible;
	height: 35px;
	margin-top: 1px;
	min-width: 940px;
	width: 1024px;
	
}
.search {
	float: right;
	color:#ffffff;
	
	
	
}
.menu_main div div {
	float: left;
	padding-left: 0px;
}


.menu_text div a {
	font-size: 14px;
	text-decoration: underline;
	color: #FFF;
	font-weight: bold;
}

 



.menu_text {
	padding-top: 0px;
	float: left;
	margin-left: 38px;
}


ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
	padding: 0;
	margin: 0;
}

a img { 
	border: none;
}
.header div #Insert_logo3 {
	position: inherit;
	right: 100 px;
}

/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	text-decoration: none;
}

/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
.container {
	width: 80%;
	max-width: 1260px;/* желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
	min-width: 780px;
	margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет. Это необязательно, если ширина контейнера составляет 100 %. */
}

/* ~~ верхнему колонтитулу не задана ширина. Он растянется на всю ширину макета. Он содержит заполнитель для изображения, который должен быть заменен логотипом по ссылке ~~ */
.header {
	background-image: url(/pics/backgr_hdr.png);
	background-repeat: repeat;
	height: 160px;
		width: 1024px;
	background-color: #FFF;
	padding-top: 30px;
	min-width: 940px;
}
.header div div img {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: -5px;
}
.buttons {
	padding-top: 130px;
	padding-right: 41px;
	margin-bottom: 19px;
}

/* ~~ Столбцы для макета. ~~ 

1) Поля размещены только вверху и/или внизу DIV. Элементы в этих DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями.

2) Столбцы не снабжаются полями, поскольку все они обтекающие. Если нужно добавить поля, то  желательно не с той стороны, с которой обтекается столбец (например, правое поле у div, настроенного на обтекание справа).  Часто вместо этого можно применить padding. В случаях, когда это правило приходится нарушить, следует добавить к правилу div объявление "display:inline", чтобы исправить ошибку с удвоением полей в некоторых версиях Internet Explorer. 

3) Поскольку классы можно использовать в документе многократно (а к элементу можно применять несколько классов), то столбцам вместо идентификаторов назначены имена классов. Например, два DIV с боковыми панелями могут при необходимости стыковаться. По желанию имена можно легко заменить на идентификаторы при условии, что они используются по одному на документ.

4) Если вы предпочитаете, чтобы панель навигации была справа, а не слева, просто установите обтекание столбцов в противоположном направлении (все справа, а не слева), они выстроятся в обратном порядке. Перемещать DIV в исходном коде HTML-документа не нужно.

*/
.sidebar1 {
	float: left;
	width: 30%;
}
.content {
	width: 722px;
	float: left;
	margin-left: 30px;
	min-width: 603px;
}
.left_col {
	float: left;
	width: 25%;
	min-width: 225px;
}
.middle {
	width: 100%;
	margin-top: 5px;
	min-width: 903px;
}

/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}

/* ~~ Стили списка навигации (можно убрать, если решено использовать готовое подменю, например Spry) ~~ */
ul.nav {
	list-style: none; /* удаляет маркер списка */
	border-top: 0px solid #667; /* создает верхнюю границу ссылок — все остальные размещаются с использованием нижней границы в LI */
	margin-bottom: 15px; /* создает пространство между навигацией по содержимому ниже */
}
ul.nav li {
	border-bottom: 0px solid #667; /* разделяет кнопки */
}
.sidebar1 .nav li strong {
	padding-top: 35px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
ul.nav a, ul.nav a:visited { /* группировка этих селекторов гарантирует, что ссылки будут выглядеть как кнопки даже после того, как пользователь перейдет по ним */
	padding: 5px 5px 5px 15px;
	display: block; /* наделяет ссылку свойствами блока, из-за чего она заполняет весь содержащий ее элемент LI. При этом вся область реагирует на щелчок мышью. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* изменяет цвет текста и фона при навигации с помощью клавиатуры и мыши */
	background: #6F7D94;
	color: #FFF;
}

/* ~~ Нижний колонтитул ~~ */

/* ~~ прочие классы float/clear ~~ */
.fltrt {  /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если .#footer удален или извлечен из #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.bckgr_hdr {
	width: 100%;
}
.bckgr_hdr1 {
	background-image: url(/pics/backgr_hdr2.png);
	height: 181px;
	float:right;
	width: 30%;
}
.bckgr_hdr2 {
	background-image: url(/pics/backgr_hdr2.png);
	height: 181px;
	float:right;
	width: 70%;
}
.hdr_arrow_l {
	margin-top: 80px;
	float: right;
	margin-right: 70px;
}
.hdr_arrow_r {
	margin-top: 80px;
	margin-left: 70px;
}
.bckgr_hdr1 div {
	margin: 14px;
	height: 140px;
	padding: 2px;
	background-color: #8a9c6d;
}
.bckgr_hdr1 div a h1 {
	font-size: 14px;
	color: #FFF;
	text-decoration: underline;
}
 
 
 
 
 
 
 
  
 

 
 
.search {
   background-color: #6A7557;
   	 
    border: 0 solid;
    font-size: 12px;
    height: 20px;
    margin-right: 3px;
    margin-top: 5px;
    width: 165px;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	border-bottom-left-radius: 3px; 
	border-bottom-right-radius: 3px;
	color: #FFFFFF;
}
.search div{
   background-color: #6A7557;
   font-color: #FFF;
    border: 0 solid;
    height: 24px;
    margin-top: 1px;
    width: 130px;
	border-top-left-radius: 3px; 
	border-top-right-radius: 2px; 
	border-bottom-left-radius: 2px; 
	border-bottom-right-radius: 2px;
}
.search div div {
   background-color: #83926b;
    border: 0 solid;
    height: 23px;
    margin-top: 0px;
    width: 130px;
	border-top-left-radius: 2px; 
	border-top-right-radius: 2px; 
	border-bottom-left-radius: 2px; 
	border-bottom-right-radius: 2px;
}
 
}
.newsblock {
	margin-left: 38px;
	margin-top: 17px;
	background-color: #f7f6ee;
	border: 1px solid;
	border-color: #d5d5d5;
}
.newsblock h1 {
	color: #562113;
 
	margin-top: 8px;
}
.newsblock div {
	background-color: #e8e7df;
	margin: 8px;
	height: 100vh;
}
.newsblock a {
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	color: #cdad58;
	text-decoration: underline;
 
}
.sideimages {
	margin-left: 38px;
	margin-top: 30px;
}
.sideimages a {
}
.sideimages a img {
	margin: 10px;
}






.sidemenu_button li{
	margin-left: 20px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #c0cfa6;
    list-style: none;
	width: 230px;
	border-top:#ffffff 2px solid;
}

.sidemenu_button ul li {
	margin-left: 20px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 4px;
	 background-color: #C0CFA6 !important;
    list-style: none;
	width: 230px;
	 
}





.sidemenu_button a {
	font-weight: bold;
	color: #562113;
	text-decoration: underline;
	font-size: 12px;
}

.sidemenu_button ul li a {
	 
	font-weight: lighter !important;
    margin-left: 20px;
 
}

.sidemenu_button ul li {
	margin-left: -12px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 9px;
	margin-top: 4px;
	margin-bottom: -4px;
	list-style: none;
	width: 230px;
}


 
 .sidemenu_top {
	margin-left: 20px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #8A9C6D !important;
    list-style: none;
	width: 230px;
}
 


.sidemenu_top_second {
	margin-left: 20px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #8A9C6D !important;
    list-style: none;
	width: 230px;
}




.sidemenu_top_second ul li {
	margin-left: -12px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 9px;
	margin-top: 4px;
	margin-bottom: -4px;
	background-color: #8A9C6D !important;
		display: block!important;
    list-style: none;
	width: 230px;
}



.sidemenu_top_second li  {
display: block!important;
}




.sidemenu_top_second a {
	font-weight: bold;
	color: #562113;
	text-decoration: underline;
	font-size: 12px;
}



.sidemenu_top_second ul li a {
	 
	 font-weight: lighter !important;
    margin-left: 20px;
	 
}







.poloska {
        margin-left: 38px;
        padding-left: 13px;
        padding-top: 1px;
        background-color: #FFFFFF;
        list-style: none;
}





.header div div strong {
	color: #FFF;
	font-size: 9px;
}

ul#cssmenu {
	width:100%;
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	background: #a0b282;
	height: 30px;
	font: bold 12px/28px Verdana, Arial;
	border-left:#003366 0px solid;
	float: left;
}

ul#cssmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 30px;
		 
}





ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 125px;
        list-style: none;
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
}

ul#cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
        width: 100%;
        float: left;
        display: block !important;
        display: inline;
        width: 175px;
        z-index: 1;
}

/* Main Menu */
ul#cssmenu a {
	border: 0px;
	padding: 0 7px;
	float: none !important;
	float: left;
	display: block;
	background: #a0b282;
	color: #FFFFFF;
	font: bold 12px/28px Verdana, Arial;
	height: auto !important;
	height: 1%;
	text-decoration: underline;
}


.cssmenu_cur a {
	text-decoration: none !important;
}







/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
	 
	color:#FFFFFF;
	border-top:#003366 0px solid;
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
	border-top: 0px solid #FFFFFF;
	float: none;
	background: #C0CFA6;
	color: #FFFFFF;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
	border-top: 0px solid #FFFFFF;
	background: #A0B282;
	 

	border:#003366 0px solid;
}

ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;
} 

.footer {
	background-color: #343434;
	width: 100%;
	height: 60px;
		position: relative;/* IE6 получает hasLayout для правильной очистки */
	clear: both; /* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
	min-width: 940px;
}
.bottommenu  {
	padding-top: 25px;
	padding-bottom: 23px;
	padding-left: 43px;
	float: left;
	 
}

.bottommenu ul li {
         
        float: left;
        display: block !important;
        display: inline;
	list-style: none;
}

.footer .logo {
	margin-top: 10px;
	margin-right: 20px;
	width: 300px;
}
.logo span {
	font-size: 12px;
	color: #FFF;
}
.footer .bottommenu a {
	color: #ccac57;
	text-decoration: underline;
	font-size: 12px;
	padding-right: 10px;
}
.logo span a {
	color: #32adce;
}

.width_fix {
	min-width: 940px;
width: 1024px;
}

.content h1 {
	font-size: 22px;
 	color: #562113;
}

.content h2 {
	font-size: 24px;
	color: #562113;
}
.content h3 {
	color: #562113;
	font-size: 15px;

}
.content p {
    margin: 0.4em;
}

.content p .answer {
	color: #562113;
}

.content a {
	/* color: #CDAD58; */
	color: #6B9757;
}

.span a {
	color: #CDAD58 !important;
}

.content a .email{
	color: #562113 !important;
}
.archive {
	float: left;
	padding: 10px;
	height: 350px;
	font-size: 12px;	
	width: 30%;
}

.archive strong {
	color: #562113; 
	font-size: 12px;	
}
.archive a {
	color: #ccac57; 
	font-size: 12px;
	 
        }
.announce {
	color: #FFFFFF; 
	font-size: 12px;
}		

.announce a {
	text-decoration: none;
}		

.example_menu {
	    font-size: 90%;
	    list-style: none;
	    margin: 19px;;
	    padding: 0;
	    vertical-align: top;
	    width: 230px;
	}
	.expand_all,
	.collapse_all {
	        cursor: pointer;
	}
	.example_menu ul {
	    display: none;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	#menu1 li, .example_menu li {
	    background-image: none;
	    margin: 0;
	    padding: 0;
	}
	.example_menu ul ul {
	    display: block;
	}
	.example_menu ul ul li a {
	    padding-left: 20px;
	    width: 244px;
	}
	
	
	.example_menu a {
	    color: #562113;
	    cursor: pointer;
	    display: block;
	    font-weight: bold;
	    margin-left: 0;
    padding: 7px 2px 7px 17px;
	margin-top: 2px;
	
	    background: #8A9C6D  url('collapse.gif') no-repeat 3px 50%;
	    width: 210px;
	}
	.example_menu a.expanded {
	    background: #8A9C6D  url('collapse.gif') no-repeat 3px 50%;
	}
	.example_menu a.collapsed {
	    background: #8A9C6D  url('expand.gif') no-repeat 3px 50%;
	}
	.example_menu a:hover {
	    text-decoration: none;
	}
	.example_menu ul a {
	    background: #C0CFA6;
	    border-top: 2px solid #fff;
	    color: #562113;
	    display: block;
	    font-weight: normal;
	    padding: 7px 2px 7px 10px;
	    width: 217px;
	}
	.example_menu ul a:link {
	    font-weight: normal;
	}
	.example_menu ul a:hover {
	    background : #f5f5f5;
	    text-decoration: underline;
	}
	.example_menu li.active a {
	    background: #C0CFA6;
		 text-decoration: none;
		 font-weight: bold;
	}
	.example_menu li.active li a {
	    background: #C0CFA6;
	}
	#menu1 li.footer1,  .example_menu .footer1 {
	     
	    border-top: 2px solid #fff;
	     
	    width: 131px;
	}
	.example_menu .footer1 span {
	    display: none;
	}
	
	.example_menu {
	    font-size: 90%;
	    list-style: none;
	    margin: 19px;;
	    padding: 0;
	    vertical-align: top;
	    width: 230px;
	}
	.expand_all,
	.collapse_all {
	        cursor: pointer;
	}
	.example_menu ul {
	    display: none;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	#menu1 li, .example_menu li {
	    background-image: none;
	    margin: 0;
	    padding: 0;
	}
	.example_menu ul ul {
	    display: block;
	}
	.example_menu ul ul li a {
	    padding-left: 20px;
	    width: 244px;
	}
	
	
	.example_menu a {
	    color: #562113;
	    cursor: pointer;
	    display: block;
	    font-weight: bold;
	    margin-left: 0;
    padding: 7px 2px 7px 17px;
	margin-top: 2px;
	
	    background: #8A9C6D  url('collapse.gif') no-repeat 3px 50%;
	    width: 210px;
	}
	.example_menu a.expanded {
	    background: #8A9C6D  url('collapse.gif') no-repeat 3px 50%;
	}
	.example_menu a.collapsed {
	    background: #8A9C6D  url('expand.gif') no-repeat 3px 50%;
	}
	.example_menu a:hover {
	    text-decoration: none;
	}
	.example_menu ul a {
	    background: #C0CFA6;
	    border-top: 2px solid #fff;
	    color: #562113;
	    display: block;
	    font-weight: normal;
	    padding: 7px 2px 7px 10px;
	    width: 217px;
	}
	.example_menu ul a:link {
	    font-weight: normal;
	}
	.example_menu ul a:hover {
	    background : #f5f5f5;
	    text-decoration: underline;
	}
	.example_menu li.active a {
	    background: #C0CFA6;
		 text-decoration: none;
		 font-weight: bold;
	}
	.example_menu li.active li a {
	    background: #C0CFA6;
	}
	#menu1 li.footer1,  .example_menu .footer1 {
	     
	    border-top: 2px solid #fff;
	     
	    width: 131px;
	}
	.example_menu .footer1 span {
	    display: none;
	}