@import url(/Chair_menu.CSS);
@import url(/_/jQuery/Slideshow_from_JonRaasch.com.css);

.Advertising {
      text-align:                   center;
      /*margin-left:                  15px;*/
}

.Advertising object {
      margin-bottom:                4px;
}

#Content a.Impress {
    color:                  DarkRed;
    font-weight:            Bold;
    background-image:       url(/Images/Icons/star-off.gif);
    background-repeat:      no-repeat;
    background-position:    0px 2px;
    padding-left:           15px !important;
    margin-left:            -11px;
}

    #Content a.Impress:hover,
    #Content a.Impress:visited {
        background-image:       url(/Images/Icons/star-on.gif);
    }

    #Content a.Impress:visited {
        font-weight:    normal;
    }

/*
#Content .Success hr
{
      color:                        black;
      BACKGROUND-COLOR:             black;
}
*/

#Content .Success h1
{
      font-size:                    250%;
      text-align:                   center;
}

/*
.Advertising a img {
	filter:				Gray alpha(opacity=50);
}
.Advertising a:hover img {
	filter:				None;
}
*/
.AdvertisingText {
      text-align:               left;
      background-color:         #00679E;
      background-image:         url(/Images/Clouds.jpg);
      border:                   1px solid #00679E;
      width:                    200px;
      margin:                   auto;
      margin-bottom:            4px;
}

.AdvertisingText,
.AdvertisingText h3 {
      /*font-family:            Verdana, Tahoma, Arial, sans-serif;*/
      font-family:            Comic Sans MS, serif;
}

.AdvertisingText div,
.AdvertisingText h3 {
    margin:                 8px;
    text-align:             center;
}


.AdvertisingText small
{font-size:                   80%;}

.AdvertisingText h3 {
      padding:                0px !important;
      margin-bottom:          5px;
}

table td.Side .AdvertisingText p
{margin:                      .5em 0em;}

table td.Side .AdvertisingText a,
table td.Side .AdvertisingText span.Description,
table td.Side .AdvertisingText,
table td.Side .AdvertisingText p,
table td.Side .AdvertisingText table
{
      color:                  White;
}

.AdvertisingText strong,
.AdvertisingText a:hover {
      color:                  gold;
}

.AdvertisingText table
{
      width:                  100%;
}

.AdvertisingText table,
.AdvertisingText table td
{
      
      margin:                 0px;
      padding:                0px;
}

table td.Side {
	width:				200px;
	padding:			0px;
      padding-bottom:         16px;
}

table td.Side p,
table td.Side h2,
table td.Side h3
{
	padding:			0px;
	padding-left:		8px;
	padding-right:		8px;
}

table td.Side h2 {
	padding-top:		8px;
}

.Side li {
	margin-bottom:			8px;
}

#Content_root_Container
{
      background:             White;
      border:                 1px solid #00679E;
      border-top:             none;
      border-bottom:          none;
      padding:                0;
      padding-left:           4;
      padding-right:          4;
}

.Side a:hover,
#Content a:hover {
	text-decoration:		none;
}
/*
   Автор: Цынков Д.В.
    Дата: 16.02.2008 21:50
  Версия: 3.0
Описание: (изменено)
	
	изменена ширина у td #Right_side
*/

#Left_side,
#Right_side
{
	width:					225px;
}

#Left_side
{
	/*padding-right:                      8px;*/
}

#Right_side
{
	/*padding-left:                       8px;*/
    text-align:                         center;
}

/*
#Header {
	background-image:		url(/Images/Clouds.jpg);
}
*/
#Organization,
#Header {
	height:					96px;
}

#Organization,
#Header,
#Footer,
#Content {
	width:					100%;
}

.Menu .Item {
	/*width:				256px;*/
	width:				240px;
	/*width:				250px;*/
}

.Menu .Longitem
{
      width:				100%;
}

#Content .Menu a {
	padding-left:		0px;
	white-space:		nowrap;
	text-decoration:	none;
}

#Content .Menu {
	font-size:			175%;
	font-weight:		normal;
}

#Content .Menu a {
	padding:				4px;
	padding-left:			8px;
	padding-right:			8px;
	border-left:			1px solid;
	/*
	border-top:				none;
	border-bottom:			none;
	border-right:			none;
	*/
}

.Menu .Item {
	display:				inline;
	vertical-align:			top;
}

.Menu .Item .Submenu {
	padding-left:			24px;
	font-size:				50%;
}

#Content .Menu .Submenu a {
	display:				inline-block;
	padding:				2px;
	padding-left:			4px;
	padding-right:			4px;
}

#Search_bar {
	width:					100%;
}

table#Layout_Main {
	table-layout:			fixed;
}

.Notices {
	font-size:				109%;
}

.Notices h2 {
    text-align:             left;
    margin-top:             0px;
}

.AdvertisingText .Description,
.Notices .Description {
	font-size:				75%;
	margin-top:				4px;
	/*display:				inline-block;*/
	display:				block;
	color:					Gray;
}

/*
   Автор: Цынков Д.В.
    Дата: 08.02.2008 19:40
  Версия: 1.0
Описание: (для opera 8,9 и ff2)

Главные разделы в центре: бордер, расположенный слева от ссылки (для opera и ff)
	в opera и ff бордер отображается из-за того, что
	 - сначала в index.html подключается style.css, а вместе с ним и Color.css, в котором прописано присвоение бордеру белого цвета, и синего при наведении
	 - наличие этого бордера прописано в index.css, который загружается после style.css и color.css, а значит присвоение цвета бордеру происходит до того как задана его толщина, видимо поэтому opera и ff отсутствующему бордеру белый цвет и не присваивают

поэтому следующую часть css-кода нужно перенести из color.css
и вставить его после
#Content .Menu a {...} - здесь прописан бордер (его толщина)
*/
#Content .Menu a {
	border-color:			White;
}

#Content .Menu a:hover {
	border-color:			Black;
}

/*
   Автор: Цынков Д.В.
    Дата: 16.02.2008 22:05
  Версия: 2.0
Описание:
	
	#Content_root и #Search_bar растянуты до 100%, в style.css ширина была фиксированной 780px,
	text-align:center для #Content_root центрует #Content для ie6
	margin:0px auto  центрует #Content для opera и ff2

	отступы сделаны процентным отношением ширины #Content к ширине #Content_root
		остановился на этом варианте, т.к. margin сдвигает содержимое div-a, находящегося в ячейке таблицы,
		под соседнюю ячейку, т.е. содержимое перекрывается;
		padding в opera 9 и ff2 растягивает ячейку таблицы, поэтому возникали проблемы с центровкой рекламы
*/
#Content_root,
#Search_bar {
	width:					100%;
}

#Content_root {
	text-align:				center;
      border:                       none;
}

#Content {
	margin:					0px auto;
	text-align:				      left;
	width:					98%;
}

/*
   Автор: Цынков Д.В.
    Дата: 19.02.2008 16:40
  Версия: 2.0
Описание: 

	Выравнивание содержимого, расположенного в #Header
*/
#Organization_image {
	width:					100%;
	height:					94px;
	background-image:		url(/Images/Clouds.jpg);
	background-position:	center;
}

html:root #Organization_image {
	width:					100%;
	height:					96px;
}

#Logo {
	margin-left:			0px;
	left:					20px;
}

#Service {
	margin-left:			0px;
	right:					20px;
      background:                   White;
      border:                       1px solid #00679E;
      padding:                      2px 8px 4px 8px;
}

#Service a {
      color:                        #00679E;
}

#Service a:hover {
      color:                        Black;
      text-decoration:              none;
}

#Service a,
#Service img {
	vertical-align:			top;
	margin:					0px;
	padding:				0px;
}

#Service img {
      margin-right:                  4px;
}

.MainmenuAppendix {
      margin-top:                   8px;
}

#Visitor_menu {
      /*float:                  right;*/
}

.VisitorItem {
      margin-top:                   8px;
      margin-left:                  8px;
      padding-top:                  4px;
      border-top:                   1px solid #00679E;
      border-left:                  1px solid #eeeeee;
}

/**** Opera 8 & 9 *************************************************************/
/*
   Автор: Цынков Д.В.
    Дата: 16.02.2008 16:15
  Версия: 2.0
Описание: (Для opera 8,9)

	Главные разделы в центре и предпросмотры новостей
	margin-left: -2px; margin-right: -2px; - убираем расстояние между div-ами,
		которое в opere появляется по умолчанию
*/
html:first-child .Item {
	display:				inline-block;
	width:					240px;
	margin-left:			-2px;
	margin-right:			-2px;
}

/**** Firefox 2 *************************************************************/

/*
   Автор: Цынков Д.В.
    Дата: 12.02.2008 10:00
  Версия: 1.0
Описание: (Для ff2)

	Верхний див
	Наличие бордеров вызывает появление горизонтальной полосы прокрутки
*/
html:root #Header {
	margin-left:			-2px;
	margin-right:			-2px;
}

/*
   Автор: Цынков Д.В.
    Дата: 13.02.2008 10:25
  Версия: 2.0
Описание: (Для ff2)

	Главные разделы в центре

	html:root - хак для firefox
	display: -moz-inline-stack; организация div-ов в виде таблицы,
		при использовании -moz-inline-stack, содержимое div-а становится "неактивным",
		т.е., если в div-е содержится ссылка, то она будет не активна,
		для того, чтобы сделать ее активной используется position:relative;

		при использовании -moz-inline-stack элементы, составляющие содержимое div-a
			располагаются от координаты (0,0), т.е. перекрывают друг друга, для их
			корректного отображения применяется display: table; и margin
*/
html:root .Menu {
	width:					100%;
	display:				table;
	vertical-align:			top;
}

html:root .Item,
html:root .Submenu a {
	/*display:				-moz-inline-stack;*/
	display:				inline;
	vertical-align:			top;
}

html:root .Item {
      display:				block;
      float:                        left;
      width:                        240px;
      height:                       210px;
      margin-left:                  8px;
      margin-bottom:                16px;
      clear:                        right;
}

html:root .Item a {
	position:				relative;
}

html:root .Mainmenu {
	padding:				0px;
	display:				table;
}

html:root .Submenu {
	padding:				0px;
	display:				table;
	margin-top:				0px;
	margin-left:			20px;
}

html:root .Mainmenu a,
html:root .Submenu a {
	margin-left:			4px;
	margin-bottom:			3px;
}

/*
#Entity_menu {
    width:              800px;
}
*/