/*********** базовые стили ***********/

html, body { height: 100%; }
 
body { margin: 0px; padding: 0px; color: #333; background-color: #CCC; text-align: center; font: 12px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif, Tahoma; }

#container {position: relative; min-height: 100%; height: 100%; width: 100%; margin: 0 auto; text-align: left; background-color: #FFF; }

html>body #container { height: auto; } /* 4FF */

/*********** основные элементы ***********/

/*********** заголовки, параграфы, разделители, списки, ссылки ***********/

	h1 { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-size: 20px; color: #0054a6; text-align: left; }

	h2 { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-size: 14px; color: #244b76; text-align: left; }
	h2 a:link, h2 a:visited { color: #244b76; text-decoration: none; }
	h2 img { margin: 0 !important; }

	h3 { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-size: 12px; color: #BBB; 	color: #000; text-align: left; }
	h3 a:link, h3 a:visited { color: #000; text-decoration: none; }

	h4 { margin: 0 0 10px 0; padding: 0; text-transform: uppercase; font-size: 14px; color: #0054a6; text-align: left; }
	h4 a:link, h4 a:visited { color: #0054a6; text-decoration: none; }	
                                                                                                                  
	h5 { margin: 0; padding: 33px 0 0 0; text-transform: uppercase; font-size: 11px; color: #666666; text-align: center; }
	h5 a:link, h5 a:visited { color: #0054a6; text-decoration: none; }

		h6 { margin: 9px 0 0 0; padding: 0; text-transform: uppercase; font-size: 14px; color: #244b76; }
		h6 a:link, h6 a:visited { color: #244b76; text-decoration: none; }	

	p { margin: 0; }
	ul { margin: 0; padding: 0; list-style-type: none; }	
	li { margin: 0; }

	hr { color: #FFF; border: none; border-bottom: 1px dotted silver; margin: 0; }
	html>body hr { margin: 10px 0; }

	a:link, a:visited { color: #0054a6; text-decoration: none; }
	a:hover { color: #0054a6; text-decoration: underline; }
	a img { border: none; }

	table { position: relative; border: none; margin: 0; font-size: 11px; text-align: justify; }
	table td { margin: 0; padding: 0; }
   

/*********** дополнительные элементы ***********/

		.promo-menu { color: #0AF; }
		.colour { color: #0054a6; }
		.grey { color: #666666; }
		.red { color: #F00; }
		.fineprint { font-size: 9px; color: #777; }

		.date { margin: 0 0 0 0; padding: 0; text-transform: uppercase; font-size: 9px; font-weight: bold; color: #999; }
		.phone { font-size: 20px; color: #0054a6; }

		.left { float: left; border: 1px solid #CCC; }
		.right { float: right; }

		.info { font-size: 9px; text-transform: uppercase; text-align: right; margin: 0 20px 0 0; color: #666666; }

		.quo { font-size: 19px; vertical-align: middle; color: color:#0054a6; }

		.menu { font-size: 9px; text-transform: uppercase; text-align: left; }

	sup { line-height: 20px; }

        
/*********** колонтитулы ***********/

	#header { position: relative; height: 350px; background-color: #b2c7e9; background-image: url('panorama.jpg'); background-repeat: no-repeat; background-position: top right; }
	#header img { position: absolute; top: 40px; left: 9%; }

	#footer { position: absolute; bottom: 0; width: 100%; height: 80px; text-align: center; border-top: 1px solid #DDD; background-color: #f0f0f0; }

	#stripe { position: absolute; top: 334px; left: 0px; width: 100%; height: 16px; background-image: url('square16.gif'); background-repeat: repeat-x; }
	#stripe p { text-indent: -2000px; }
	#stripe h1 { text-indent: -2000px; }

/*********** блоки основного контента ***********/

	#content { position: relative; padding: 30px 0 110px 0;  }
	#content p { margin-bottom: 10px; line-height: 14px; }

	#content-box ul { margin: 0 0 10px 15px; padding: 0; list-style-type: disc; }	
	#content table { width: 100%; }

	.right-column { width: 260px; }	
	.left-column { width: 260px; }	

	#content-box-right { position: absolute; right: 40px; top: 0; width: 200px; text-align: center; padding-top: 70px; }

	#content-box { position: relative; margin: 0 30px 20px 30px; padding: 0; font-size: 12px; text-align: justify; }
	
		#content-box ul { margin-bottom: 10px; }			/* не используется? */
		#content-box ul ul { margin: 0px 10px; font-size: 10px; }	/* не используется? */

	  #content-item { position: relative; margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px dotted silver; height: 100px; min-height: 100px; }
	  #content-item.episcopacy { height: 250px; min-height: 250px; }
html>body #content-item { height: auto; }
html>body #content-item.episcopacy { height: auto; }

	  #content-box img.left { margin: 0 10px 5px 0; background-color: #f5f5f5; float: left; clear: both; border: 1px solid #000; }

	#pic { margin: 15px 0; padding: 5px 0; }
	#pic img { border: 1px solid black; margin: 3px 0 0 0; }

	#pix { margin: 15px 0; padding: 5px 0; text-align: center; }
	#pix img { border: 1px solid black; margin: 3px 0 0 0; }

     
/*********** форма отправки комментария ***********/

#content-fast-reply { position: relative; margin: 0 0 20px 0; padding: 15px 0 0 0; font-size: 10px; text-align: right; } 	/* изменено 30.01.2007 */

#content-fast-reply p.info {margin: 0 0 20px 0; } 										/* изменено 30.01.2007 */

#comment-author-info { position: relative; }

#comment-author-name { position: relative; margin: 0 0 3px 0; text-align: right; margin-top: 10px; }
#comment-e-mail  { position: relative; margin: 0 0 3px 0; text-align: right; }
#comment-title { position: relative; margin: 0 0 3px 0; text-align: right; }
#comment-text textarea { position: relative; margin: 0 0 3px 0; width: 100%; border: 1px solid silver; }
#protection-code { position: relative; text-align: right; }
#protection-code img { position: relative; margin: 0 0 3px 0; border: 1px solid black; background-color: #CCC; }
#shield { position: relative; margin: 0 0 10px 0; text-align: right; }

input#name-field, input#email-field { width: 19em; border: 1px solid silver; }
input#comment-title-field { width: 19em; border: 1px solid silver; }
input#shield-field { width: 5em; border: 1px solid silver; }

label.overlabel { color: #666666; text-transform: uppercase; text-align: right; }
label.overlabel-apply { position: absolute; top: 3px; left: 5px; z-index: 1; color: #999; }

#submit { position: relative; width: 100%; text-align; right; }
#submit input { margin: 2px 0 0 0; border: 1px solid black; }

	#account-login { position: relative; margin: 0 40px; font-size: 10px; width: 37em; } 
	#account-login form { padding: 2em; margin: 0; border: 1px dotted silver; text-align: left; } 
	#account-login p { font-size: 9px; text-align: right; margin: 5px 20px 0 0; text-transform: uppercase; }

	#account-name { position: relative; margin: 10px 0 3px 0; width: 33em; text-align: right; }
	#account-password { position: relative; margin: 0 0 3px 0; width: 33em; text-align: right; }
	#account-e-mail { position: relative; margin: 0 0 3px 0; width: 33em; text-align: right; }
	#account-submit { position: relative; margin: 0 0 3px 0; width: 33em; text-align: right; }
	#account-submit input { border: 1px solid black; }
	input#password-field { width: 19em; border: 1px solid silver; }


/*********** блоки правой колонки + реклама в меню ***********/

	#promote { position: relative; width: 200px; text-align: center; margin: 5px 40px 20px 0; }
	#promote p { margin: 5px 0 0 0; }

#subscribe { position: relative; width: 220px; text-align: left; border-top: 1px dotted silver; padding: 15px 0 0 0; margin: 0 40px 0 0; font-size: 11px; }
html>body #subscribe { margin: 5px 40px 20px 0; }
#subscribe p { margin: 0; }
#subscribe p.info { text-align: left; }
#s-email { float: left; height: 20px; margin-right: 2px; border: 1px solid black; }
#s-email input { width: 147px; height: 18px; background-color: #FFF; border: none; }
#s-submit { float: left; height: 20px; margin-top: 2px; }
#s-submit input { width: 65px; height: 16px; border: 1px solid black; }

	#rss { position: relative; width: 220px; text-align: left; border-top: 1px dotted silver; margin: 0 40px 20px 0; }
	#rss p { margin: 20px 0 0 0; }

	#relevant { position: relative; width: 220px; padding: 5px 0 0 0; margin: 0px 40px 20px 0; font-size: 11px; }
	#relevant p { margin: 5px 0 0 0; }
	#relevant ul { margin: 5px 0 0 10px; text-align: left; }
	#relevant li { margin: 0 0 10px 0; text-indent: -10px; }
	#relevant li a { color: #666666; }
 

/*********** имитация простых таблиц ***********/

	#table-like { width: 100%; margin: 100px 0 20px 0; }
	#table-like ul { margin: 0; padding: 0; list-style-type: none; }
	#table-like ul li { background-color: #F5F5F5; color: #333; }
	#table-like ol { margin: 0; padding: 0; list-style-type: none; }
	#table-like li { margin: 0; padding: 5px; border-bottom: 1px dotted silver; }

		.topedge { border-top: 1px dotted silver; }
     

/*********** навигация по сайту ***********/

	#navigation { position: relative; width: 260px; padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; }

	#navigation ul { margin: 0 0 25px 25px; text-align: left; list-style-type: none; }
	#navigation ul a:link, #navigation ul a:visited { display: block; padding: 5px 5px 5px 10px; color: #000; font-size: 13px; text-decoration: none; }
	#navigation ul a:hover { color: #0054a6; }
		
		#navigation ul ul { margin: 0; }
		#navigation ul ul a:link, #navigation ul ul a:visited { padding: 5px 5px 0 10px; color: #999; font-size: 10px; }
		html>body #navigation ul ul a:link, html>body #navigation ul ul a:visited { padding: 0 5px 5px 20px; }
		#navigation ul ul a:hover { color: #7fa9d2; }
		#navigation ul ul li { border-top: 1px dotted #FFF; }

	#navigation li { border-bottom: 1px dotted #FFF; border-top: 1px dotted #CCC; }
	#navigation li.first { border-top: none; }

	#navigation ul li.selected { font-size: 13px; color: #0054a6; padding: 5px 5px 5px 10px; }
	#navigation ul li.first-selected { font-size: 13px; color: #0054a6; padding: 5px 5px 5px 10px; border-top: none; } 			/* добавлено 13.02.2007 - стиль первого выбранного пункта */

	#navigation ul ul li.selected { font-size: 10px; color: #7fa9d2; padding: 5px 5px 0 10px; }
	html> body #navigation ul ul li.selected { padding: 0 5px 5px 20px; }

	#navigation ul ul li.first-selected { font-size: 10px; color: #7fa9d2; padding: 5px 5px 0px 10px; border-top: none; } 
	html> body #navigation ul ul li.first-selected { padding: 0 5px 5px 20px; }

/*********** рекламные блоки ***********/ /* добавлено 13.02.2007 */

	#pages { position: relative; padding: 0; margin: 0; font-size: 9px; color: #777; }
	#pages a { font-weight: bold; }
	#pages.edge { position: relative; padding-bottom: 10px; margin-bottom: 10px; font-size: 9px; color: #777; border-bottom: 1px dotted silver; }

	#comments { position: relative; margin: 20px 0; }
	#comments p { margin: 0 0 5px 0; }
	#comments hr { margin: 10px 0; }



	#liveinternet { position: absolute; top: 0; left: -1000px; }




	textarea { width: 100%; }
	label ( text-align: left; )