/*****************************   anDeRan   ************************************/

body {
	background-color: #333;
}

#page {
	min-width: 996px;
	max-width: 1200px;
	margin: 0 auto;
}

#header, #content, #footer {
	margin: 0 10px;
	position: relative;
	background-color: #FFF;
}

body, ul, ol, form, h1, h2, h3, h4, p {
	padding: 0;
	margin: 0;
}

body, table, input {
	font: 12px Arial, sans-serif;
	color: #555;
}

img {
	border-width: 0;
	vertical-align: middle;
}

a {
	color: #555;
	text-decoration: underline;
}

a:hover {
	color: #0C6696;
	text-decoration: none;
}

.to-left {
	float: left;
}

.to-right {
	float: right;
}

.to-center {
	text-align: center;
}

.clear {
	clear: both;
}

p {
	padding-bottom: 14px;
}

.corners {
	position: absolute;
}

.corners, .corners span {
	display: block;
	height: 8px;
	width: 100%;
	font-size: 1px;
}

p.rss {
	position: absolute;
	width: 14px;
	right: 1px;
}

small {
	font-size: 11px;
}

/* HEADER */

#header {
	margin-top: 25px;
	height: 236px;
	background: #FFF url(../images/common/header_bg.jpg) no-repeat 0 30px;
	overflow: hidden;
}

#header .corners {
	background: url(../images/common/corner_tl.png) no-repeat;
}

#header .corners span {
	background: url(../images/common/corner_tr.png) no-repeat right;
}

#header h1 {
	position: absolute;
	width: 208px;
	margin: 30px 0 0 90px;
	text-indent: -1000em;
	overflow: hidden;
}

#header h1 a {
	display: block;
	height: 183px;
}

.hdr-corner {
	position: absolute;
	width: 8px;
	height: 8px;
	background-image: url(../images/common/header_corn.png);
	right: 0;
	top: 30px;
	font-size: 1px;
}

#nav-mini {
	position: absolute;
	right: 36px;
	top: 7px;
	list-style-type: none;
}

#nav-mini li {
	float: left;
	padding-left: 23px;
}

#nav-mini a {
	color: #000;
	text-decoration: none;
}

#nav-mini a:hover {
	text-decoration: underline;
}

#nav-hdr {
	position: absolute;
	left: 302px;
	top: 176px;
	list-style-type: none;
	width: 100%;
}

#nav-hdr li {
	float: left;
	width: 13.5%;
	height: 37px;
	font-size: 12px;
	padding-right: 1.5%;
}

#nav-hdr li.nav-on {
	background: url(../images/common/nav_hdr_on.png) no-repeat 34% 100%;
}

#nav-hdr a {
	color: #FFF;
	text-decoration: none;
}

#nav-hdr a:hover {
	text-decoration: underline;
}


#nav-hdr li.nav-on a {
	color: #F90;
}

#header p.rss {
	right: 11px;
	top: 7px;
}

.hdr-img {
	position: absolute;
	right: 0;
	top: 30px;
}

#search {
	position: absolute;
	right: 7px;
	top: 179px;
}

#search input.field {
	float: left;
	height: 18px;
	width: 155px;
	border: 1px solid #DBDBDB;
	border-right-color: #FFF;
	background-color: #FFF;
	padding: 3px 3px 0 2px;
}

#search input.button {
	float: left;
	height: 23px;
	width: 63px;
	background: url(../images/common/btn_search.png) repeat-x;
	border-width: 0;
	font: bold 11px Arial, sans-serif;
	color: #FFF;
	cursor: pointer;
	padding: 0 0 1px;
	overflow: hidden;
}

.note-left {
	position: absolute;
	margin: 62px 0 0 301px;
	width: 270px;
	color: #FFF;
}

.note-left h2 {
	background: url(../images/common/name.png) no-repeat;
	height: 28px;
	text-indent: -1000em;
	overflow: hidden;
	margin-left: -10px;
	position: relative;
}

.note-left p {
	padding-bottom: 12px;
}

.note-right {
	position: absolute;
	width: 218px;
	right: 15px;
	top: 65px;
	font-size: 11px;
	color: #FFF;
}

.note-right p {
	padding-bottom: 12px;
}

/* CONTENT */

#content {
	height: 100%;
}

#content .col-left {
	float: left;
	width: 230px;
	padding: 0 7px;
}

#content .col-middle {
	padding: 0 200px 0 265px;
}

#content .col-right {
	float: right;
	width: 180px;
	padding: 0 5px;
}

#nav {
	font-size: 13px;
	list-style-type: none;
	padding: 3px 12px 1px 8px;
}

#nav li {
	background: url(../images/common/arrow_right_black.png) no-repeat 16px 10px;
	border-top: 1px dotted #B7B7B7;
	padding: 5px 0 4px 31px;
}

#nav li.nav-first {
	border-top-color: #FFF;
}

#nav li.nav-on strong {
	display: block;
	padding: 5px 0 4px 31px;
	margin: -5px 0 -4px -31px;
	background: #098EC6 url(../images/common/arrow_right_white.png) no-repeat 16px 10px;
	font-weight: normal;
}

#nav a {
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

#nav li.nav-on a {
	color: #FFF;
}

#content .banners p {
	padding-bottom: 25px;
	text-align: center;
}

#content .banners img  {
	border: 1px solid #CCC;
}

#footer .banners {
	padding: 10px 0 0 230px;
}

#footer .banners img {
	margin: 0 18px;
}

#content .col-middle h2 {
	padding-bottom: 14px;
	font-size: 18px;
	color: #C44000;
}

div.tabbed {
	position: relative;
	width: 100%;
	padding-top: 20px;
}

.tabbed p.rss {
	margin-top: -24px;
}

.tabs {
	border-bottom: 3px solid #E26F00;
	height: 34px;
	padding: 0;
	color: #FFF;
}

.tabs span.tab {
	float: left;
	background: url(../images/common/_tab_bg.png) no-repeat right;
	padding-left: 9px;
	cursor: pointer;
	margin: 3px 0 0 0;
}

.tabs span.tab strong {
	display: block;
	padding: 0 15px 0 6px;
	height: 31px;
	line-height: 31px;
	text-align: center;
}

.tabs span.tab strong.tab-first {
	background: url(../images/common/_tab_left_bg.png) no-repeat;
	margin-left: -9px;
	padding-left: 15px;
}

.tabs span.tab strong.tab-last {
	background: url(../images/common/_tab_right_bg.png) no-repeat 100% 0;
}

.tabs span.tab-on {
	background: url(../images/common/_tab_orange.png) no-repeat;
	position: relative;
	cursor: default;
	margin-top: 0;
}

.tabs span.tab-on strong {
	padding-top: 3px;
	background: url(../images/common/_tab_orange.png) no-repeat top right !important;
	margin-left: 0 !important;
	padding-left: 6px !important;
}

.tabs-blue .tabs {
	border-bottom-color: #0C6A9B;
}

.tabs-blue .tabs span.tab-on {
	background-image: url(../images/common/_tab_blue.png);
}

.tabs-blue .tabs span.tab-on strong {
	background-image: url(../images/common/_tab_blue.png) !important;
}

.hidden {
	display: none;
}

.block-cnt {
	padding: 20px 13px 20px 10px;
	background-color: #F2F2F2;
}

.block-cnt .date {
	position: absolute;
	margin-left: -86px;
	background: url(../images/common/arrow_orange_gray.png) no-repeat 0 1px;
	padding-left: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.tabs-blue .block-cnt .date {
	background-image: url(../images/common/arrow_blue_gray.png);
}

.block-cnt .line {
	padding-left: 86px;
	padding-bottom: 6px;
	padding-top: 10px;
	margin-top: 2px;
	background: url(../images/common/news_div2.png) no-repeat 87px 0;
}

.block-cnt .first {
	padding-top: 0;
	margin-top: 0;
	background-image: none;
}

.block-cnt p.more {
	text-align: right;
	padding: 0;
	margin-bottom: -5px;
	position: relative;
}

.block-cnt .more a {
	color: #0C6A9B;
	font-weight: bold;
}

.block-cnt .response {
	display: block;
	color: #009;
	padding: 5px 0 0 18px;
}

.block-cnt .response span {
	font-weight: bold;
}

a.rss, p.rss a {
	background: url(../images/common/rss.png) no-repeat;
	position: absolute;
	width: 14px;
	height: 14px;
	text-indent: -1000em;
	overflow: hidden;
}

.regions td {
	vertical-align: top;
	padding-right: 20px;
}

.regions p, .subs p, a.arrow-blue {
	background: url(../images/common/arrow_blue_white.png) no-repeat 0 1px;
	padding-left: 20px;
}

.regions a {
	color: #0C6A9B;
	font-weight: bold;
}

.regions p.region-on {
	background-image: url(../images/common/arrow_orange_white.png);
}

.regions p.region-on a {
	color: #C44000;
}

.categories {
	border-top: 3px solid #F90;
	margin-top: 8px;
	position: relative;
}

.categories p.rss {
	margin-top: -22px;
}

.categories h3 {
	color: #C44000;
	font-size: 18px;
	padding-bottom: 26px;
}

.subs h3, .video-listing h3 {
	border-bottom: 3px solid #F90;
	color: #C44000;
	font-size: 18px;
	padding-bottom: 13px;
	margin-bottom: 13px;
}

.categories div {
	width: 42%;
	float: left;
}

.categories div div {
	width: auto;
	float: none;
	background: url(../images/common/arrow_orange_white.png) no-repeat 11px 1px;
	padding: 0 0 8px 37px;
}

.categories strong {
	color: #000;
}

.col-middle ul {
	margin: 0 0 2px 20px;
}

.block-cnt .line a {
	text-decoration: none;
}

.block-cnt .line a:hover {
	text-decoration: underline;
}

.download {
	width: 480px;
	text-align: right;
	padding-top: 6px;
}

.download a {
	color: #0C6A9B;
	font-weight: bold;
}

.small {
	font-size: 11px;
}

.subs .date {
	padding-right: 13px;
	font-size: 11px;
	font-weight: bold;
}

.form p {
	/*clear: left;*/
	padding-bottom: 6px;
}

.form label {
	float: left;
	width: 92px;
	line-height: 20px;
}

.form input.field, .form textarea {
	border: 1px solid #A5ACB2;
	background-color: #FFF;
	padding: 3px 2px;
}

.form input.field {
	width: 160px;
}

.form textarea {
	width: 477px;
	height: 127px;
	overflow: auto;
}

.form p.button {
	padding-left: 92px;
}

.form input.button {
	border: 1px solid #A5ACB2;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	padding: 2px 10px;
	cursor: pointer;
	margin-right: 1px;
}

.form .captcha input.field {
	width: 53px;
}

.form .captcha img {
	vertical-align: top;
}

.form input.error, .form textarea.error {
	border-color: #C60 !important;
}

.form label.error {
	color: #B30;
}

#ajax-loading {
	position: absolute;
	width: 46px;
	height: 46px;
	background: #FFF url(../images/common/loading.gif);
	z-index: 10000;
}

.post-date {
	background: url(../images/common/arrow_orange_gray.png) no-repeat 0 1px;
	padding-left: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.post-name {
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

#thanx {
	display: none;
}

.col-left h3, .col-right h3 {
	background: url(../images/common/tab_hdr_red.png) right;
	height: 33px;
	padding-left: 14px;
	color: #FFF;
	font: bold 13px/33px Arial, sans-serif;
}

.col-left h3 span, .col-right h3 span {
	background: url(../images/common/tab_hdr_red.png);
	position: absolute;
	width: 8px;
	height: 33px;
	margin-left: -14px;
	top: 0;
}

.col-left .block {
	background-image: url(../images/common/block_left_bg.png);
	width: 215px;
	margin-left: 8px;
	position: relative;
	padding-bottom: 2px;
	margin-bottom: 25px;
}

.col-left .block span.border-bottom {
	position: absolute;
	background-image: url(../images/common/block_left_border.png);
	width: 215px;
	height: 2px;
	bottom: 0;
	overflow: hidden;
}

.col-left .block-nav {
	background: #FFF url(../images/common/block_nav_bg.png) no-repeat center bottom;
	width: 230px;
	margin-left: 0;
	padding-bottom: 5px;
}

.col-left .block-nav span.border-bottom {
	position: absolute;
	background-image: url(../images/common/block_nav_border.png);
	width: 230px;
	height: 5px;
	bottom: 0;
	overflow: hidden;
}

.col-right .block {
	position: relative;
	background-image: url(../images/common/block_right_bg.png);
	padding-bottom: 2px;
	margin-bottom: 25px;
	width: 180px;
}

.col-right .block span.border-bottom {
	position: absolute;
	background-image: url(../images/common/block_right_border.png);
	width: 180px;
	height: 2px;
	bottom: 0;
	overflow: hidden;
}

.block-text {
	padding: 14px 16px 0;
	font-size: 11px;
}

.video {
	margin: 10px 0 -20px;
}

.video-listing .video {
	margin-bottom: 0;
}

.video td.item {
	width: 350px;
	vertical-align: top;
	padding-bottom: 20px;
}

.video p.img {
	float: left;
	width: 165px;
}

.video p.img a.img {
	display: block;
	margin-bottom: -10px;
	border: 2px solid #F90;
	width: 140px;
}

.video p.img a.img:hover {
	border-color: #09F;
}

.video span.ico img {
	margin: -2px 2px 0 3px;
}

.video span.ico a {
	font-size: 13px;
	color: #09F;
}

.video p.text {
	float: left;
	width: 165px;
	padding-top: 2px;
}

.video p.text a {
	text-decoration: none;
}

.video p.text a:hover {
	text-decoration: underline;
	color: #09F;
}

.block-banners h3 {
	margin-bottom: 18px;
}

.block-banners p {
	padding-bottom: 20px;
	text-align: center;
}

.top-banner {
	margin-top: 7px;
	text-align: center;
}

.top-banner p {
	padding: 0;
}

.block-text a {
	text-decoration: none;
}

.block-text a:hover {
	text-decoration: underline;
}

.block-text p {
	background: url(../images/common/news_div.png) repeat-x;
	margin-top: 2px;
	padding-top: 16px;
}

.block-text p.first {
	background-image: none;
	margin-top: 0;
	padding-top: 0;
}

/* FOOTER */

#footer {
	margin-bottom: 32px;
	height: 176px;
	font-size: 11px;
}

#footer .corners {
	background: url(../images/common/corner_bl.png) no-repeat;
	bottom: 0;
}

#footer .corners span {
	background: url(../images/common/corner_br.png) no-repeat right;
}

.p-left {
	position: absolute;
	height: 68px;
	width: 50%;
	background: #900 url(../images/common/ftr_left_bg.png) repeat-y right;
	bottom: 32px;
}

.p-right {
	position: absolute;
	height: 68px;
	width: 50%;
	background: #066187 url(../images/common/ftr_right_bg.png) repeat-y;
	right: 0;
	bottom: 32px;
}

#contacts {
	position: absolute;
	left: 24px;
	width: 300px;
	top: 19px;
}

#footer, #footer a {
	color: #FFF;
}

#restrictions {
	position: absolute;
	right: 25px;
	width: 222px;
	top: 12px;
}