body {
	/*font-family: Tahoma, Arial;*/
	/*font: 100%/1,2 Verdana, Arial, Helvetica, sans-serif;*/
	background: #cccccc;
	margin: 0;
	padding: 10px 0;
	color: #000;
	 }

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

h1, h2, h3, h4 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px;	 /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. 
	Оставшееся нижнее поле отделит его от любых последующих элементов. */
	padding-right: 15px;
	padding-left: 15px;
	}

a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
	border: none;
}

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

/* ~~ Этот контейнер фиксированной ширины окружает остальные DIV ~~ */
.container {
	clear: both;
	padding: 0;
	-webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0 0 10px rgba(50, 50, 50, 0.75);
	box-shadow: 0 0 10px rgba(50, 50, 50, 0.75);
	width: 60%;
	margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */
	background-color:#3399ff;
}



.header_vypusk {
	padding: 10px;
	color: #ffffff;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bolder;
}


.content {
	padding: 10px 10px 10px 20px;
	background-color:#ffffff;
	text-align: justify;
}

p {margin-bottom: 10px;}
	


/* ~~ Стили нижнего колонтитула ~~ */
.footer {
	padding: 10px;
	position: relative;/* IE6 получает hasLayout для правильной очистки */
	clear: both; /* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
	font-size: smaller;
	height: 35px;
	background-color: #3399ff;
	border-top: #330000;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #330000;
	border-bottom: #330000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #330000;
}