HTML
{
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 900px;
}

BODY
{
	font-family: Verdana, Arial;
	background: fixed #58745b url('/imgs/styles/bg.gif') 0% 0% repeat;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
	vertical-align: top;
	height: 100%;
}

TABLE
{
	vertical-align: top;
}

TABLE TH
{
	font-weight: bold;
	background-color: #FFE4C0;
}

/* Common styles */
	A, A:link
	{
		color: #045EBB;
		text-decoration: underline;
	}
	
	A:hover
	{
		text-decoration: none;
	}
	
	A:active
	{
		color: #FF0000;
	}
	
	A:visited
	{
		color: #2B4765;
	}
	
	A.rubric
	{
		color: #F79960;
	}
	
	A.author
	{
		color: #A09898;
	}

	H3
	{
		text-align: left;
		font-size: 22px;
		font-weight: normal;
		color: #d64100;
		margin: 0;
		margin: 20px 0px 10px 0px;
	}

	H3 .main
	{
		color: #1b8c01;
	}
	
	H4
	{
		text-align: left;
		color: #d64100;
	}
	
	.describe
	{
		padding: 0px 0px 15px 0px;
	}

	P
	{
		font-size: 12px;
		color: #222222;
		text-align: justify;
	}
	
	ACRONYM
	{
		cursor: help;
	}
	
	PRE
	{
		background-color: #FCF9F4;
		border: 1px dashed #ACE0FF;
		color: #000000;
		line-height: 1.1em;
		overflow: auto;
		padding: 1em;
	}
	
	SMALL
	{
		font-size: 10px;
	}
	
	.code
	{
		padding: 8px 2px 5px 35px; 
		font-size: 12px; 
		background: url(/imgs/code_numbers.jpg) #f9f9f9 repeat-y; 
		line-height: 16px;
	}
	
	.icq-log
	{
		padding: 0;
		background: none;
		overflow: visible;
		border: none;
		font-family: Verdana, Arial;
		font-size: 12px;
	}

	.note
	{
		color: gray;
		font-size: 10px;
	}
	
	.site_title
	{
		font-weight: bold;
		font-size: 22px;
		color: #ff5400;
		/*background-color: #58745b;*/
		height: 100px;
	}
	
	.site_title TD
	{
		background: #ace0ff url(/imgs/styles/top_background.gif) 0% 0% no-repeat;
		height: 212px; /* image height */
	}
	
	.site_title DIV
	{
		background: url(/imgs/styles/site_title.gif) 294px 20% no-repeat; 
		height: 212px; /* image from <site_title TD> height */
	}
	
	.site_content
	{
		background-color: #ffffff;
		-moz-border-radius: 10px 10px 0px 0px;
		border-top-right-radius: 10px; border-top-left-radius: 10px;
	}
	
	.site_content .content
	{
		padding: 10px;
	}
	
	.site_content PRE
	{
		max-width: 804px;
	}
	
	.site_blocks
	{
		width: 245px;
		/*background: #58745b;*/
		padding-right: 5px;
		padding-bottom: 10px;
	}
	
	.site_logotype
	{
		height: 50px;
		background-color: #3D3D3D;
		vertical-align: top;
		padding-left: 0px;
	}

	.site_logotype .line
	{
		height: 4px; background-color: #785F38;
	}

	.site_logotype .content TD
	{
		padding: 4px;
	}
	
	.site_logotype .content > TD
	{
		padding: 10px;
		height: 45px;
	}
	
	.site_logotype .content SMALL
	{
		color: #FFE599;
	}
	
	.small
	{
		font-size: 10px;
	}
	
	DIV .small
	{
		padding: 5px 0px;
	}
	
	.second_info
	{
		color: #a09898;
	}
	
	.stimulator
	{
		text-align: right;
		padding-right: 5px;
	}
	
	.stimulator SPAN
	{
		font-family: Verdana;
		font-size: 10px;
		color: #73856E;
		cursor: help;
	}
/* End of Common styles */

/* Menus */
	.top_navigate
	{
		height: 67px;
		background-color: #FFE4C0;

		background: -moz-linear-gradient(top, #FEDFBA 0%, #FEDFBA 59%, #F9CC9A 88%, #F4B089 96%, #9B5C3B 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEDFBA), color-stop(59%,#FEDFBA), color-stop(88%,#F9CC9A), color-stop(96%,#F4B089), color-stop(100%,#9B5C3B)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top, #FEDFBA 0%,#FEDFBA 59%,#F9CC9A 88%,#F4B089 96%,#9B5C3B 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top, #FEDFBA 0%,#FEDFBA 59%,#F9CC9A 88%,#F4B089 96%,#9B5C3B 100%); /* Opera11.10+ */

		background: -ms-linear-gradient(top, #FEDFBA 0%,#FEDFBA 59%,#F9CC9A 88%,#F4B089 96%,#9B5C3B 100%); /* IE10+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEDFBA', endColorstr='#9B5C3B',GradientType=0 ); /* IE6-9 */

		background: linear-gradient(top, #FEDFBA 0%,#FEDFBA 59%,#F9CC9A 88%,#F4B089 96%,#9B5C3B 100%); /* W3C */
	}
	
	.top_navigate .line
	{
		height: 4px;
		background: none;
		background-color: #F89A60;
	}

	/* Main menu */
	#navigation-main
	{
		/*background-color: #ffe4c0;*/
		height: 38px;
		vertical-align: top;
		margin: 0;
		padding: 0;
	}

	#navigation-main UL#navigation-main-common
	{
		margin: 0;
		padding: 0;
		padding: 7px 0px 0px 10px;
		list-style-type: none;
		float: left;
	}

	#navigation-main UL#navigation-main-common, #navigation-main UL#navigation-main-common A
	{
		color: #512102;
		font-family: Verdana, Tahoma, Arial, Sans Serif;
		font-size: 12px;
		font-weight: bold;
	}

	#navigation-main UL#navigation-main-common SPAN
	{
		color: #50584C;
		font-size: 9px;
		font-weight: normal;
	}

	#navigation-main UL#navigation-main-common LI
	{
		padding: 7px;
		margin-right: 5px;
		display: inline;
		border: 1px solid #F89A60;
		border-top: none;
		height: 30px;
		background-color: #ffab74;
		
		-webkit-box-shadow: 0px 3px 5px #91734D;
		-moz-box-shadow: 0px 3px 5px #91734D;
		box-shadow: 0px 3px 5px #91734D;
	}
	
	#navigation-main UL#navigation-main-common LI:hover
	{
		background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera11.10+ */

		background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

		background: linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */

		-webkit-box-shadow: 0px 6px 8px #A38A6B;
		-moz-box-shadow: 0px 6px 8px #A38A6B;
		box-shadow: 0px 6px 8px #A38A6B;
	}
	
	#navigation-main UL#navigation-main-common LI.selected
	{
		background-color: #9cccff;
		border: 1px solid #82BEFE;
		border-top: none;
	}
	
	#navigation-main UL#navigation-main-common LI.selected:hover
	{
		background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera11.10+ */

		background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */

		background: linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
	}
	
	#navigation-main UL#navigation-main-common LI.selected A
	{
		color: #003408;
	}
	
	.navigation-main-common-li
	{
		-moz-border-radius: 0px 0px 10px 10px;
		border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
	}
	
	.navigation-main-common-li-bgcolor
	{
		background-color: #ffe4c0;
	}

	#navigation-main UL#navigation-main-left
	{
		margin: 0;
		padding: 0;
		padding: 5px 180px 5px 5px;
		list-style-type: none;
		float: left;
		background: blue;
	}

	#navigation-main UL#navigation-main-left LI
	{
		padding: 2px 5px;
	}

	#navigation-main UL#navigation-main-left, #navigation-main UL#navigation-main-left A
	{
		color: #50584c;
		font-family: Verdana, Tahoma, Arial, Sans Serif;
		font-size: 11px;
		font-weight: normal;
    }
	/* End of Main menu */
	
	/* Section menu */
	#section-menu
	{
		height: 38px;
		vertical-align: top;
		margin: 0;
		padding: 0;
	}

	#section-menu UL#section-menu-common
	{
		margin: 0;
		padding: 0;
		padding: 7px 0px 0px 10px;
		list-style-type: none;
		float: left;
	}

	#section-menu UL#section-menu-common, #section-menu UL#section-menu-common A
	{
		color: #512102;
		font-family: Verdana, Tahoma, Arial, Sans Serif;
		font-size: 12px;
	}
	
	#section-menu UL#section-menu-common SPAN
	{
		color: #50584C;
		font-size: 9px;
		font-weight: normal;
	}

	#section-menu UL#section-menu-common LI
	{
		padding: 7px;
		margin-right: 5px;
		display: inline;
		border: 1px solid #d7b180;
		height: 30px;
		background: #f2eed8;
		-moz-border-radius: 10px;
		border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
	}
	/* End of Section menu */
/* End of Menus */

/* Path: navigation */
	.path_steps
	{
		background: url("/imgs/styles/path_steps.gif") no-repeat 0% 0% transparent;
		width: 24px;
		height: 63px;
		overflow: hidden;
	}
	
	.path
	{
		padding: 5px 5px 8px 10px;
		font-family: Verdana,Arial;
		font-size: 10px;
	}
	
	.path > DIV.menu
	{
		color: #ff5400;
	}
	
	.path > DIV.menu #path_now
	{
		color: black;
	}
	
	.path > DIV.menu A
	{
		color: #045ebb;
	}
/* End of Path: navigation */

/* Page navigation */ /* todo: вынести в отдельный контейнер навигационную менюшку, задать ему класс. а эти стили прописать для этого класса */
	.p_navigate
	{
		display: inline-table;
		padding: 6px;
		border-bottom: 1px dashed gray;
		font-family: Tahoma, Verdana, Arial;
		font-size: 11px;
	}
	
	.pcnt, .prev, .next, .curr, .prevs, .nexts, .dlft, .drght
	{
		float: left;
		padding: 4px;
		margin: 1px;
	}
	
	.pcnt
	{
		font-size: 10px;
		color: gray;
		text-align: center;
	}
	
	.prev
	{
		background-color: #dbeeec;
	}
	
	.dlft A:hover, .drght A:hover
	{
		color: #700055;
	}
	
	.prevs A:hover, .nexts A:hover
	{
		color: red;
	}
	
	.prev A:hover
	{
		color: red;
	}
	
	.next A:hover
	{
		color: green;
	}
	
	.next
	{
		background-color: #bddea9;
	}
	
	.curr
	{
		background-color: #fff4c2;
	}
/* End of Page navigation */

.colored_line
{
	background-color: #fcf5ea;
	border: #ffe4c0 solid 1px;
	padding: 5px;
}