@charset "windows-1251";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах IE 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	color: #000000;
	background-color: #666666;
	background-image: url(img/Fon5.jpg);
}
.thrColAbsHdr #container {
	position: relative; /* добавление положения: relative позволяет разместить две боковые панели относительно этого контейнера. */
	width: 1006px; /* автоматические поля (совместно с шириной) выравнивают страницу по центру. */
	border: 3px ridge #09F;
	text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(img/Fon4.jpg);
	background-repeat: repeat;
} 

/* Советы по боковым панелям с абсолютным позиционированием с верхним и нижним колонтитулами:
1. Для элементов с абсолютным позиционированием (АП) нужно задать свойство top и боковое положение — right или left. Если значение top не указано, элемент АП по умолчанию будет располагаться сразу же после последнего элемента в исходном порядке страницы. То есть, если боковые панели являются первым элементом в #container в исходном порядке документа, они будут отображаться вверху контейнера, даже если им не задано значение top. Тем не менее, если позже они по какой-либо причине будут перемещены в исходном порядке, для их отображения в нужном месте потребуется задать свойство top.
2. Элементы с абсолютным позиционированием (АП) "вырываются" из контекста документа. Это означает, что расположенные вокруг них элементы не знают об их существовании и не учитывают их, когда занимают свое пространство на странице. Поэтому элемент AP div должен использоваться в качестве боковой колонки только в том случае, если вы уверены, что средний элемент #mainContent div всегда будет вмещать большую часть содержимого. Если в любой из боковых панелей нужно было бы разместить больше содержимого, эта панель вышла бы за нижнюю границу родительского элемента div, а также за нижний колонтитул и не отображалась бы на странице.
3. При соблюдении вышеуказанных требований боковые панели с абсолютным позиционированием могут быть удобным средством управления исходным порядком документа.
4. В случае изменения исходного порядка значение top должно быть равным значению высоты верхнего колонтитула, поскольку в этом случае визуально колонки будут соответствовать верхнему колонтитулу.
*/
.thrColAbsHdr #header {
	height: 90px;  /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных под ним. Если в элементе #header вместо текста используется изображение, отступ можно удалить. */
	margin-bottom: 13px;
	border: 3px ridge #09F;
	padding: 0;
	background-color: #DDDDDD;
	background-image: url(img/fonverh.jpg);
} 
.thrColAbsHdr #header h1 {
	margin: 0; /* нулевое значение поля последнего элемента в #header div позволит избежать сжатия полей, то есть появления необъяснимого пространства между элементами div. Если вокруг элемента div есть граница, нет необходимости устанавливать это значение, поскольку граница также предотвращает сжатие полей. */
	padding: 10px 0; /* использование отступа вместо поля позволит сохранить расстояние между элементом и границами div. */
}
.thrColAbsHdr #sidebar1 {
	top: 110px;
	left: 0;
	width: 150px; /* действительная ширина данного элемента div в совместимых со стандартами браузерах или в режиме стандартов браузера Internet Explorer будет включать отступ и границу в дополнение к этой ширине. */
	background: #EBEBEB; /* отступ сохраняет расстояние между содержимым элемента div и краями. */
	border: 3px ridge #09F;
	padding: 0px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 110px;
	right: 0;
	width: 160px; /* действительная ширина данного элемента div в совместимых со стандартами браузерах или в режиме стандартов браузера Internet Explorer будет включать отступ и границу в дополнение к этой ширине. */
	background: #EBEBEB; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 0px; /* отступ сохраняет расстояние между содержимым элемента div и краями. */
	border: 3px ridge #09F;
}
.thrColAbsHdr #mainContent {
	margin-top: 0;
	margin-right: 175px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border: 3px ridge #09F;
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	background-image: url(img/fon7.jpg);
	background-repeat: repeat;
	margin-bottom: 0px;
	margin-left: 10px;
}
.thrColAbsHdr #footer {
	position: static;
	background-color: #696;
	background-repeat: repeat;
	padding: 0;
	margin-top: 10px;
	margin-right: 175px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 3px ridge #09F;
	background-image: url(img/fon7.jpg);
} 
.thrColAbsHdr #footer p {
	margin: 0; /* нулевые поля первого элемента в нижнем колонтитуле позволят избежать возможного сжатия полей, то есть появления пространства между элементами div. */
	padding: 10px 0; /* добавление отступа к данному элементу создаст пробел (так, как он был бы создан с помощью поля), не вызывая при этом проблемы сжатия полей. */
}
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
img {
	margin: 10px;

}
table {
	margin: 10px;
}
.thrColAbsHdr #container #mainContent h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #00F;
}
.thrColAbsHdr #container #mainContent h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #030;
}
.thrColAbsHdr #container #mainContent hr {
	color: #F03;
}
.thrColAbsHdr #container #mainContent h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #900;
}
textarea {
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #333;
	background-color: #CF9;
}
input {
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #333;
}
.thrColAbsHdr #container #mainContent #menudobav {
	float: right;
	width: 320px;
	padding: 5px;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 3px ridge #09F;
	background-repeat: repeat;
	background-image: url(img/fon6.png);
}
.thrColAbsHdr #container #mainContent #menudobav table {
	margin: 0px;
	padding: 0px;
}
.thrColAbsHdr #container #mainContent #menudobav table tr td img {
	margin: 0px;
	padding: 0px;
}
.thrColAbsHdr #container #mainContent #menudobav hr {
	background-color: #D6D6D6;
}
.thrColAbsHdr #container #sidebar2 img {
	margin: 0px;
}
.menussyl {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #90F;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}
.menussyl a {
	color: #90F;
}