HTML
{
	height: 100%;
}

BODY
{
	font-family: Verdana, Arial;
	background: #58745b;
	font-size: 10pt;
	color: #000000;
	margin: 0;
	padding: 0;
	vertical-align: top;
	height: 100%;
}

TABLE
{
	vertical-align: top;
}

/* Common styles */
	H3
	{
		text-align: left;
		color: #d64100;
	}

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

	P
	{
		font-size: 10pt;
		color: #222222;
		text-align: justify;
	}
	
	ACRONYM
	{
		cursor: help;
	}
	
	PRE
	{
		background-color: #f9f9f9;
		border: 1px dashed rgb(47, 111, 171);
		color: #000000;
		line-height: 1.1em;
		overflow: auto;
		padding: 1em;
	}
	
	.code
	{
		padding: 8px 2px 5px 35px; 
		font-size: 11px; 
		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: 10pt;
	}

	.note
	{
		color: gray;
		font-size: 6pt;
	}
	
	.site_title
	{
		font-weight: bold;
		font-size: 16pt;
		color: #ff5400;
		background: url(/imgs/styles/top_background.gif) 0px 0px no-repeat; 
		background-color: #58745b;
		height: 220px;
	}
	
	.site_title DIV
	{
		background: url(/imgs/styles/site_title.gif) 95% 30% no-repeat; 
		height: 220px;
	}
	
	.site_content
	{
		width: 819px;
	}
	
	.site_content DIV.content
	{
		padding: 0px 0px 0px 15px;
		background: url(/imgs/styles/content_left_edge.gif) repeat-y 0px 0px transparent;
		background-color: #ffffff;
		height: 100%;
	}
	
	.site_content DIV.content .right_edge
	{
		background: url(/imgs/styles/content_right_edge.gif) repeat-y 100% 0% transparent;
		padding: 0px 15px 0px 0px;
		height: 100%;
	}
	
	.site_content DIV.content, .site_content DIV.content .right_edge, .site_content PRE
	{
		max-width: 804px;
	}
	
	.site_content PRE
	{
		overflow: scroll;
	}
	
	.site_blocks
	{
		width: 150px;
		background: #58745b;
		padding-right: 5px;
	}

	.site_logotype
	{
		height: 50px;
		background: url(/imgs/styles/content_left_edge.gif) repeat-y 0px 0px transparent;
		background-color: #ffffff;
		vertical-align: middle;
	}
	
	.site_logotype .right_edge
	{
		height: 50px;
		padding: 5px 5px 5px 15px;
		background: url(/imgs/styles/content_right_edge.gif) repeat-y 100% 0% transparent;
	}
	
	.small
	{
		font-size: 8pt;
	}
	
	DIV .small
	{
		padding: 5px 0px;
	}
/* End of Common styles */

/* Menus */
	/* Main menu */
	#navigation-main
	{
		background: url(/imgs/styles/main_menu.gif) 0px 0px no-repeat;
		background-color: #58745b;
		height: 48px;
		vertical-align: top;
		margin: 0;
		padding: 0;
	}

	#navigation-main UL#navigation-main-common
	{
		margin: 0;
		padding: 0;
		padding: 15px 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-left: 1px solid #cda266;
		border-right: 1px solid #cda266;
		border-top: 1px solid #dbb179;
		border-bottom: 1px solid #dbb179;
	}
	
	.navigation-main-common-li-bgcolor
	{
		background-color: #eed0a8;
	}

	#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;
		background: green;
	}

	#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 */
/* End of Menus */

/* Path: navigation */
	.path
	{
		padding: 5px 0px;
		display: inline-table;
		font-family: Verdana,Arial;
		font-size: 8pt;
	}
	
	.path > DIV
	{
		float: left;
	}
	
	.path > DIV.path_note
	{
		padding-right: 5px;
		color: #383c36;
	}
	
	.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: 8pt;
	}
	
	.pcnt, .prev, .next, .curr, .prevs, .nexts, .dlft, .drght
	{
		float: left;
		padding: 4px;
		margin: 1px;
	}
	
	.pcnt
	{
		font-size: 8pt;
		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 */