@import url("reset.css");

body {
	margin: 0 0 25px 0;
	padding: 0;
	font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #3086a5 url(../img/bodyBg.gif) top repeat-x;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
#container {
	width: 936px; /* #leftCol.width + #centerCol.width + #rightCol.width */
	background: white;
	margin: 25px auto 25px auto;
}
#container div.main div.wrapper{
	float: left;
	width: 755px; /* #leftCol.width + #centerCol.width */
}

/*** Header ***/

#header {
	clear: both;
	height: 199px;
	background: url(../img/headerBg.jpg) top left no-repeat;
}
#header .top{
	height: 164px;
}
#header .top #topMenu{
	position: relative;
	top: 20px;
	left: 780px;
	width: 137px;
	height: 106px;
	background: #7cacc0 url(../img/menuBg.gif) top left no-repeat;
	border: 1px solid white;
}
#header .top a.descr{
	position: relative;
	top: 35px;
	left: 350px;
	color: white;
	font-size: 1.1em;
}
#header .top #topMenu li{
	margin: 12px 0 10px 20px;
}
#header .top #topMenu li a{
	color: white;
	padding: 0 0 0 20px;
}
#header .top #topMenu li a.current,
#header .top #topMenu li a:hover{
	color: #39589c;
}
#header .top #topMenu .navhome a{
	background: url(../img/menuHome.gif) center left no-repeat;
}
#header .top #topMenu .navarchive a{
	background: url(../img/menuArchive.gif) center left no-repeat;
}
#header .top #topMenu .navcontacts a{
	background: url(../img/menuContacts.gif) center left no-repeat;
}
#header .top #topMenu .navsitemap a{
	background: url(../img/menuSiteMap.gif) center left no-repeat;
}
#header .bottom .search{
	float: left;
	margin: -1px 0 0 255px;
	width: 310px;
}
* html #header .bottom .search{
	margin-top: -8px;
	float: none;
}
#header .bottom .search .searchfield{
	width: 219px;
	height: 23px;
	border: 1px solid #3088a6;
	background: white;
}
#header .bottom .search .searchbutton{
	width: 61px;
	height: 20px;
	margin: 0 0 0px 5px;
	background: url(../img/search.gif) center center no-repeat;
	border: none;
}
* html #header .bottom .categories{
	position: static;
	float: right;
	margin: -29px 6px 0px 0;
}
#header .bottom .categories ul li{
	float: left;
	margin: 0 2px 0 2px;
}
#header .bottom .categories ul li a{
	display: block;
	width: 117px;
	height: 25px;
	padding: 10px 0 0 0;
	font-size: 1.2em;
	text-align: center;
	color: white;
	background: url(../img/category.gif) top left no-repeat;
}
#header .bottom .categories ul li.current a,
#header .bottom .categories ul li a.current,
#header .bottom .categories ul li a:hover{
	background: url(../img/categoryHover.gif) top left no-repeat;
}

#container .main{
	float: left; /* IE6 */
	height: auto;
	background: url(../img/contentTop.gif) top repeat-x;
}
#container .main2{
	float: left; /* IE6 */
	background: url(../img/contentBottom.gif) bottom left repeat-x;
}

/*** Center column ***/

#centerCol {
	padding: 25px 0 20px 0;
	float: right;
	width: 500px; /* CenterCol width */
	font-size: 1.1em;
	line-height: 1.2em;
}
#centerCol #breadcrumbs,
#centerCol .mainitem,
#centerCol .extra,
#centerCol .similar_articles,
#centerCol .comment,
#centerCol .commentsbox,
#centerCol p.nocomments{
	background: #ebf4f7;
	margin: 0 0 10px 0;
	padding: 10px 20px 10px 20px;
	border: 1px solid #2e81a0;
}
#centerCol #breadcrumbs a,
#centerCol .paginator a{
	color: #297594;
}
#centerCol .mainitem .clear{
	display: none;
}
#centerCol .mainitem h1,
#centerCol .mainitem h2{
	margin: 0 0 10px 0;
	font-size: 1.2em;
}
#centerCol .mainitem h1,
#centerCol .mainitem h2,
#centerCol .mainitem h2 a{
	color: #e66e23;
	font-weight: bold;
}
#centerCol .mainitem a{
	color: #2d7f9d;
}
#centerCol .mainitem .tags a,
#centerCol .mainitem .infoline a{
	color: #2d7f9d;
	font-weight: bold;
}
#centerCol .mainitem .tags{
	margin: 10px 0 5px 0;
}
#centerCol .mainitem .infoline{
	text-align: right;
}
#centerCol #sub-menu{
	float: right;
	width: 250px;
	background: white;
	border: 1px solid #2e81a0;
}
#centerCol #sub-menu h3{
	margin: 5px 0 5px 0;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}
#centerCol #sub-menu li{
	margin: 6px 0 6px 10px;
}
#centerCol #sub-number{
	width: 230px;
	margin: 10px auto 10px auto;
}
#centerCol .extra h3{
	margin: 0 0 10px 0;
	color: #e66e23;
	font-size: 1.2em;
	font-weight: bold;
}
#centerCol .similar_articles span.more{
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
}
#centerCol .similar_articles a{
	display: block;
	margin: 0 0 5px 0;
	color: #2d7f9d;
}
#centerCol .comment .date{
	margin: 0 0 10px 0;
	font-weight: bold;
}
#centerCol .commentsbox #text{
	width: 95%;
	margin: 5px 0 5px 0;
	border: 1px solid #2e81a0;
}
#centerCol .commentsbox #name,
#centerCol .commentsbox .text{
	margin: 5px 0 5px 0;
	border: 1px solid #2e81a0;
}
#centerCol .paginator{
	width: 450px;
	margin: 20px auto 10px auto;
}
#centerCol ul.categories {width: 250px; margin: 0 auto;}
#centerCol ul.pages {width: 300px; margin: 0 auto;}
#centerCol ul.categories li,
#centerCol ul.pages li{
	float: left;
	margin: 2px 0 2px 0;
	padding: 0 5px 0 5px;
	border-left: 1px solid black;
}
#centerCol ul.categories li:first-child,
#centerCol ul.pages li:first-child{
	border-left: none;
}
#centerCol ul.categories li a,
#centerCol ul.pages li a{
	color: black;
	text-decoration: underline;
}
#centerCol ul.categories li.current a,
#centerCol ul.categories li a.current,
#centerCol ul.pages li.current a,
#centerCol ul.pages li a.current,
#centerCol ul.categories li a:hover,
#centerCol ul.pages li a:hover{
	color: #3088a6;
	text-decoration: none;
}

/*** Left column ***/

#leftCol {
	width: 240px; /* LeftCol width */
	line-height: 1.2em;
}
#leftCol .img{
	width: 240px;
	height: 37px;
	background: url(../img/leftBg.gif) top left no-repeat;
}
#leftCol .tags,
#leftCol .newwrite,
#leftCol .extra,
#leftCol .counters{
	margin: 25px 0 0 0;
	padding: 0 10px 0 25px;
}
#leftCol h3{
	margin: 0 0 10px 0;
	font-size: 1.7em;
	color: #2d81a0;
}
#leftCol h3 a{
	color: #2d81a0;
}
#leftCol .tags a.t1{
	font-size: 0.9em;
	color: black;
}
#leftCol .tags a.t2{
	font-size: 1.2em;
	color: #42b6cf;
}
#leftCol .tags a.t3{
	font-size: 1.6em;
	color: #42b6cf;
}
#leftCol .tags a.t4{
	font-size: 1.9em;
	color: #e66e23;
}
#leftCol .tags a.t5{
	font-size: 2.3em;
	color: #e66e23;
}
#leftCol .newwrite a{
	color: black;
}
#leftCol .counters{
	margin: 25px auto;
	width: 88px;
}
#leftCol .counters h3{
	display: none;
}
#leftCol .counters .counter{
	margin: 0 0 10px 0;
}

/*** Right column ***/

#rightCol {
	padding: 25px 15px 0 15px;
	float: right;
	width: 151px; /* RightCol width */
	font-size: 1.1em;
	line-height: 1.2em;
}
#rightCol .newsletter,
#rightCol .online,
#rightCol .extra{
	background: #ebf4f7;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #2e81a0;
}
#rightCol a{
	color: black;
}
#rightCol h3{
	margin: 0 0 5px 0;
	color: #2e81a0;
	font-weight: bold;
}
#rightCol .newsletter h3{
	padding: 0 0 0 32px;
	background: url(../img/rss.gif) left no-repeat;
}
#rightCol .counters{
	margin: 25px auto;
	width: 88px;
}
#rightCol .counters h3{
	display: none;
}
#rightCol .counters .counter{
	margin: 0 0 10px 0;
}

/*** Footer ***/
#footer {
	clear: both;
	width: 1000рх;
}