/* Global Styles */

*{ padding:0; margin:0; }

html { height: 100%; background: #64748B; font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; }
body { height: 100%; height: auto !important; min-height: 100%; position: relative; background-color: #64748B; } /* body height 100% */

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

a {
	color: #FC0;
	font-weight:bold;
}
	
a:hover, a:active, a:focus {
	color: #F60;
	text-decoration:none;
}
	
/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
*html .container{ height:100%; }

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

.header {
	background: #26354A;
	height: 100px;
}

.sidebar1 {
	color: #26354A;
	background-color: #FF6600;
}

.sidebar2 {
	color: #26354A;
	background-color: #FFCC00;
	margin: 0px;
	border-top: 1px solid #D3DCE6;
	border-bottom: 1px solid #D3DCE6;
}

.content {
	padding: 10px;
	background-color: #D3DCE6;
	min-height:520px;
	height:75%;
	/* [disabled]float: left; */
}

/* ~~ Стили списка навигации (можно убрать, если решено использовать готовое подменю, например Spry) ~~ */
ul.nav {
	list-style: none;
	font-size: 0.6em;
	text-align: center;
}
ul.nav li {
	padding: 0px;
	margin: 0px;
	border-right: 1px solid #F60;
	border-left: 1px solid #F60;
	display: inline;
}
ul.nav li:first-child {
	border-left:1px solid #F60;
}
ul.nav a, ul.nav a:visited {
	text-decoration: none;
	color: #26354A;
	padding: 0px 10px;
	background-color: #FC0;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* изменяет цвет текста и фона при навигации с помощью клавиатуры и мыши */
	background: #F60;
	color: #FFF;
}

/* Class Styles */
.logo {
	color: #FFBA00;
	letter-spacing:0.2em;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	text-align: right;
}
	
.tagline {
	color: #D3DCE6;
	font-size: 14px;
	text-align: right;
	letter-spacing: 0.2em;
	padding: 8px 15px;
}

.bodyText {
	line-height:14px;
	color:#26354A;
	letter-spacing:0.1em;
	font-size: 11px;
	text-align: justify;
	text-indent: 20pt;
	margin-bottom: 0.0001pt;
}

.pageName {
	color: #FF6600;
	letter-spacing:0.1em;
	line-height:32px;
	font-size: 22px;
	text-align: right;
}
	
.subHeader {
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:0.1em;
	font-size: 12px;
	text-align: right;
}

#empty{ height:40px; }
	
/* ~~ Нижний колонтитул ~~ */
.footer {
	min-height:40px;
	margin:-40px auto 0;
	width: 80%;
	max-width: 1260px;/* желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
	min-width: 780px;
	background: #64748B;
	color: #D3DCE6;
	font-size: 11px;
	position: relative;/* IE6 получает hasLayout для правильной очистки */
	text-align: center !important;
}

/* ~~ прочие классы float/clear ~~ */
.fltrt {  /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если .#footer удален или извлечен из #container */
	clear:both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

#n_iframe {
	min-height:500px;
	height:100%;
	width:100%
}