* {
		margin:0;
		padding:0;
}

html	{
		height:100%;
	}


body	{
		text-align:left;
		position:relative;
		min-height:100%;
                background: url(bg.jpg); 
	}




h1{		text-align:center; 
color:brown;
font-size:200%;
}

h2{		text-align:center;
color:brown;
font-size:150%;
}


h3{		text-align:left;
font-size:120%;
}


h4{		text-align:left;
color:gray;
font-size:50%;
}



img
{		margin-left: 20%;
                border-style : none;

}


* html div	{
		height:1px;
	}

	table	{
		border:none;
	}
	
	table {
		border-collapse:collapse;
		width:100%;
	}

	td, th {
		vertical-align:top;
		text-align:left;
		font-weight:normal;
	}
	ul {
		list-style:none;
	}

li{
font-size:100%;
margin-left: 10%; 
}

a {
font-size:100%;
border-style:none;
}


div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }

div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }

div.img a:hover img
  {
  border: 1px solid #0000ff;
  }

div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }

div.appendix
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
margin-left: 1%; 
margin-right: 1%; 
font-size:70%;
  text-align: left;
  font-weight: normal; 
  }

div.appendix li
  {
color:gray;
<-- margin-left: 1%; -->
  }


div.menu
{
  margin: 8px;
  border: 1px solid #0000ff;
  font-size:100%;
  margin-left: 8px; 
  width: 23%;
  float: left;
}




div.body
{
margin-left: 20%; 
  height: auto;


}







/*
	??????? ?? ????????????? ?????????? browserCSSdetector.js:
		????????? ???:
			.win - Windows
			.linux - Linux
			.mac - MacOS
			
		????????? ?????????:
			.ie - ??? ?????? ??
			.ie8 - ?? 8.?
			.ie7 - ?? 7.x
			.ie6 - ?? 6.x
			.ie5 - ?? 5.x
			.gecko - ??? ?????? ?????????, ? ????????? ?????-????????
			.ff2 - ???????? 2
			.ff3 - ???????? 3
			.opera - ??? ?????? ?????
			.opera8 - ????? 8.x
			.opera9 - ????? 9.x
			.konqueror - konqueror
			.safari - ??????

		?????????? ?? ??????? ??3:
		1	.win.ff3 #id{background: #aaa}
		2	.win.gecko #id{background: #f00}
		3	.ff3 #id{background:#333}
		4	.gecko #id{background:#00f}
		5	.win #id{background: #ff0}
 */
	.header	{
		height:130px;
		position:relative;
	}
	.header .logo	{
		background:url(../images/logo_novoteka.gif);
		width:183px;
		height:33px;
		position:absolute;
		left:20px;
		top:18px;
		text-indent: 700em;
		overflow:hidden;
		white-space: nowrap;
		display:block;
	}
	.header .topMenu	{
		position:absolute;
		width:75%;
		padding-left:25%;
		top:16px;
	}
	.header .topMenu ul	{
		float:left;
		width:20%;
		overflow:hidden;
		position:relative;
		left:-8px;
	}
	.ie .header .topMenu ul	{
		width:19.9%;
	}
	.header .topMenu li	{
		overflow:hidden;
		width:100%;
	}
	.ie6 .header .topMenu li	{
		overflow:visible;
	}
	.header .topMenu li a,.header .topMenu li strong	{
		float:left;
		padding:3px 8px 5px 8px;
		font-weight:normal;
		color:black;
		font-size:11px;
	}
	.header .topMenu li strong	{
		background:#FF9900;
		color:white;
		padding:4px 8px 5px 8px;
	}
	.content	{
		overflow:hidden;
	}
	.ie6 .content	{
		overflow:visible;
	}
	.leftCol	{
		width:71%;
		float:left;
	}
	.ie .leftCol	{
		width:70.9%;
	}
	.rightCol	{
		width:29%;
		float:left;
	}
	.announceList	{
		border-top:solid 1px #F2F2F2;
		overflow:hidden;
	}
	.ie6 .announceList	{
		overflow:visible;
	}
	.hasGrayBg .body	{
		background:#F2F2F2;
		min-height:80px;
	}
	.announceList .title	{
		float:left;
		width:25%;
	}
	.ie7 .announceList .title	{
		width:24.9%;
	}
	.announceList .title h3	{
		font:18px Georgia, "Times New Roman";
		color:#262626;
		padding:16px 20px 0 20px;
	}
	.announceList .body	{
		float:left;
		width:75%;
		overflow:hidden;
		position:relative;
		padding-bottom:12px;
	}
	.ie6 .announceList .body	{
		width:74.9%;
		overflow:visible;
	}
	.announceList .body .col	{
		float:left;
		width:33%;
		padding:23px 0 0 0;
	}
	.announceList .body .col ul	{
		padding:0 0 0 20px;
	}
	.announceList .body .second ul	{
		padding:0 0 0 20px;
	}
	.announceList .body .third ul	{
		padding:0 20px;
	}
	.announceList .body .col li	{
		min-height:153px;
		font-size:13px;
		padding-bottom:20px;
	}
	.ie .announceList .body .col li	{
		height:153px;
	}
	.announceList .body .col ul img	{
		display:block;
		margin-bottom:6px;
	}
	.announceList .body .col .allAnother	{
		padding-right:10px;
		padding-bottom:0;
		margin:-7px 0 0 6px;
	}
	.announceList .body .col .allAnother li	{
		height:auto;
		min-height:1px;
		font-size:11px;
		color:#808080;
		margin-bottom:12px;
		line-height:15px;
		padding-bottom:0;
	}
	.announceList .body .more	{
		background:url(../images/arrow_more.gif) 0 3px no-repeat;
		padding-left:17px;
		position:absolute;
		bottom:19px;
		left:20px;
	}
	.sectionSelect	{
		border:solid 1px #E5E5E5;
		border-left:none;
		padding:17px 0 18px 0;
		font-size:11px;
		position:relative;
	}
	.sectionSelect strong	{
		display:block;
		width:25%;
		text-align:right;
		font-weight:normal;
	}
	.sectionSelect select	{
		width:245px;
		font:11px Arial, sans-serif;
		color:black;
		position:absolute;
		top:15px;
		left:25%;
		margin-left:20px;
	}
	.outBlockHorAddLinks	{
		position:relative;
		padding-left:25%;
		margin:23px 0;
	}
	.outBlockHorAddLinks h3	{
		font:18px Georgia, "Times New Roman";
		color:#FF4400;
		position:absolute;
		left:20px;
		top:-7px;
	}
	.outBlockHorAddLinks .holder	{
/*		padding:0 20px;*/
	}
	.outBlockHorAddLinks table	{
		margin-bottom:-26px;
		position:relative;
		left:20px;
	}
	.outBlockHorAddLinks img	{
		margin-right:7px;
	}
	.outBlockHorAddLinks a	{
		color:black;
		font-size:11px;
		text-decoration:none;
	}
	.outBlockHorAddLinks .nnn-ad-img	{
		width:1px;
	}
	.outBlockHorAddLinks .nnn-ad-text	{
		width:33% !important;
		/*width:37% !important;*/
	}
	.ie7 .outBlockHorAddLinks .nnn-ad-text	{
		width:42%;
	}
	.outBlockHorAddLinks .nnn-ad-text a	{
		padding-right:10px;
		display:block;
	}
	.outBlockHorAddLinks .nnn-ad-text, .outBlockHorAddLinks .nnn-ad-img	{
		padding-bottom:26px;
	}
	.rightCol .padd	{
		padding:0 30px;
	}
	.outBlockVertAddLinks	{
	}
	.outBlockVertAddLinks .nnn-ad-img	{
		width:1px;
	}
	.outBlockVertAddLinks h3	{
		font:18px Georgia, "Times New Roman";
		color:#FF4400;
		margin:16px 0 10px 0;
	}
	.outBlockVertAddLinks table	{
		margin-bottom:19px;
	}
	.outBlockVertAddLinks td	{
		border-top:solid 1px #E5E5E5;
		padding:13px 8px 3px 0 !important;
	}
	.outBlockVertAddLinks td.nnn_teaser_title	{
		padding:13px 0 3px 0 !important;
	}
	.outBlockVertAddLinks td em	{
		font-style:normal;
		color:#B2B2B2;
		font-size:11px;
		display:block;
	}
	.outBlockVertAddLinks td a	{
		color:black;
	}
	.outBlockVertAddLinks .nnn-ad-img a	{
		text-decoration:none;
	}
	.outBlockVertAddLinks td a img	{
		text-decoration:none;
	}
	.sideAd	{
		display:block;
		margin:9px 0 25px 0;
	}
	.footer	{
		border-top:solid 1px #CCCCCC;
		padding:20px;
		position:relative;
		height:30px;
		font-size:11px;
	}
	.footer .copy	{
		position:absolute;
		color:#7F7F7F;
		top:20px;
		left:20px;
	}
	.footer .fooNav	{
		position:absolute;
		left:17%;
		padding-left:30px;
	}
	.footer .fooNav a	{
		color:#4C4C4C;
		margin-right:14px;
	}
	.footer .counters	{
		position:absolute;
		left:71%;
		top:17px;
		padding-left:30px;
	}
	.footer .counters img	{
		margin-right:5px;
	}
	
	
	
	.artcileBlock	{
		border-top:solid 1px #F2F2F2;
		overflow:hidden;
		position:relative;
	}
	.ie6 .artcileBlock	{
		overflow:visible;
	}
	.artcileBlock .title	{
		float:left;
		width:25%;
	}
	.artcileBlock .hasAdType1	{
		min-height:350px;
	}
	.ie6 .artcileBlock .hasAdType1	{
		height:350px;
	}
	.artcileBlock .title .ad1	{
		position:absolute;
		left:20px;
		bottom:30px;
	}
	.ie .artcileBlock .title .ad1	{
		bottom:25px;
	}
	.artcileBlock .hasAdType2	{
		min-height:720px;
	}
	.ie6 .artcileBlock .hasAdType	{
		height:720px;
	}
	.artcileBlock .title .ad1, .artcileBlock .title .ad2	{
		position:absolute;
		left:20px;
		bottom:30px;
	}
	.ie .artcileBlock .title .ad1, .ie .artcileBlock .title .ad2	{
		bottom:25px;
	}
	.artcileBlock .title h3	{
		font:18px Georgia, "Times New Roman";
		color:#262626;
		padding:16px 20px 0 20px;
	}
	.artcileBlock .body	{
		float:left;
		width:75%;
		overflow:hidden;
		position:relative;
		background:#F2F2F2;
	}
	.ie6 .artcileBlock .body	{
		overflow:visible;
	}
	.ie .artcileBlock .body	{
		width:74.9%;
	}
	.artcileBlock .body .holder	{
		padding:20px 20px 5px 20px;
	}
	.artcileBlock .body h1	{
		font:27px Georgia, "Times New Roman";
		color:#262626;
		margin-bottom:15px;
	}
	.artcileBlock .body p	{
		line-height:19px;
		margin-bottom:20px;
	}
	.artcileBlock .body .pic	{
		float:left;
		margin:0 20px 20px 0;
	}
	
	.multi .title h3 {
		font-size:20px;
	}
	.multi .body {
/* 		padding-bottom:15px; */
	}
	.multi .body .holder {
		border: solid 3px #ff9900;
		min-height: 108px;
	}
	.multi .multiImage {
		float:left;
	}
	.multi .multiImage img {
		margin:-3px 16px 0 -3px;
		width:100px;
		height:100px;
	}
	.multi .multiTitle {
		display: block;
		font: normal 20px Arial;
	}
	.multi em {
		position: absolute;
		left:138px;
		bottom:20px;
		font: normal 12px Arial;
		font-style: normal;
		color:#888;
	}
	.multiMore {
		position: absolute;
		right:20px;
		bottom:20px;
		color:#00377A;
	}

	.moreArticles	{
		border-top:solid 1px #F2F2F2;
		overflow:hidden;
		position:relative;
	}
	.ie6 .moreArticles	{
		overflow:visible;
	}
	.moreArticles .title	{
		float:left;
		width:25%;
	}
	.moreArticles .hasAdType1	{
		min-height:350px;
	}
	.ie6 .moreArticles .hasAdType1	{
		height:350px;
	}
	.moreArticles .hasAdType2	{
		min-height:760px;
	}
	.ie6 .moreArticles .hasAdType2	{
		height:760px;
	}
	.moreArticles .title .ad1, .moreArticles .title .ad2	{
		position:absolute;
		left:20px;
		bottom:30px;
	}
	.ie .moreArticles .title .ad1, .ie .moreArticles .title .ad2	{
		bottom:25px;
	}
	.moreArticles .title h3	{
		font:18px Georgia, "Times New Roman";
		color:#DD0000;
		padding:16px 20px 0 20px;
	}
	.moreArticles .body	{
		float:left;
		width:75%;
		overflow:hidden;
		position:relative;
	}
	.ie6 .moreArticles .body	{
		overflow:visible;
	}
	.ie .moreArticles .body	{
		width:74.9%;
	}
	.moreArticles .body .holder	{
		padding:20px 20px 5px 20px;
	}
	.moreArticles .hasAdType2	{
		min-height:720px;
	}
	.ie6 .moreArticles .hasAdType2	{
		height:720px;
	}
	.moreArticles .title .ad1, .moreArticles .title .ad2	{
		position:absolute;
		left:20px;
		bottom:30px;
	}
	.ie .moreArticles .title .ad1, .ie .moreArticles .title .ad2	{
		bottom:25px;
	}
	.moreArticles .body .item	{
		position:relative;
		margin:0 0 19px -3px;
		padding:0 0 50px 118px;
		border-bottom:solid 1px #D9D9D9;
		min-height:70px;
	}
	.ie6 .moreArticles .body .item	{
		height:70px;
	}
	.moreArticles .body .item .ill	{
		position:absolute;
		top:0;
		left:3px;
	}
	.moreArticles .body .item a strong	{
		font-size:18px;
		font-weight:normal;
	}
	.moreArticles .body .item cite	{
		position:absolute;
		left:119px;
		bottom:17px;
		color:#999999;
		font-style:normal;
	}
	.moreArticles .body .item em	{
		position:absolute;
		right:0;
		bottom:17px;
		color:#00377A;
		font-style:normal;
		font-size:11px;
	}
	.moreArticles .body .last	{
		border:none;
		margin-bottom:5px;
	}
	.ie6 .moreArticles .body .last	{
		margin-bottom:0;
	}
	
	.announceListTABLE	{
		margin:23px 0 10px 0;
	}
	.announceListTABLE .col1, .announceListTABLE .col2	{
		width:33%;
		padding-left:20px;
		height:1px;
	}
	.announceListTABLE .col3	{
		width:33%;
		padding:0 20px;
	}
	.announceListTABLE .col11, .announceListTABLE .col22	{
		width:33%;
		padding:5px 0 28px 20px;
	}
	.announceListTABLE .allAnother li	{
		height:auto;
		min-height:1px;
		font-size:11px;
		color:#808080;
		margin-bottom:12px;
		line-height:15px;
		padding-bottom:0;
	}