html, body {

	margin: 0px;
	padding: 0px;
	border: 0px;

	font-family: Trebuchet MS, sans-serif;

	background: #f5bfd6;

}

h1 {
	display: block;

	margin: 0px;
	padding: 0px 5px;
	border: 0px;

	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	color: #dd137b;
	font-size: 20px;
}

h2 {
	display: block;

	margin: 0px;
	padding: 5px; 
	border: 0px;

	font-family: Georgia, serif;
	font-style: normal;
	font-weight: normal;
	color: #dd137b;
	font-size: 18px;
}

h3 {

	display: block;

	margin: 0px;
	padding: 3px 5px; 
	border: 0px;

	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	color: #dd137b;
	font-size: 14px;

}

p {
	margin: 0px;
	border: 0px;
	padding: 5px;

	font-family: Trebuchet MS, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;

	color: black;

}

li {
	margin: 0px;
	border: 0px;
	padding: 0px;

	font-family: Trebuchet MS, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}

a {
	outline-style: none;
	border: 0px;
}

a.intext {
	outline-style: none;
	border: 0px;

	font-family: Trebuchet MS, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;

	color: black;

}



img {
	
}

ul, ol {
	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 30px;
}

/*=============================================================================TopBlock==========================================================*/
/*Самый верхний блок, в который входит всё до ContentBlock.... Сама картинка задним фоном размера 1640 на 645... Блок высотой 655*/
#TopBlock {
	display: block;

	width: 100%;
	height: 655px;

	margin: 0px auto;
	border: 0px;
	padding: 0px;	

	background: url(../imgs/top_back.jpg) no-repeat; /*Сама картинка задним фоном размера 1640 на 645*/
	background-position: center top;
}


/*В этот блок входит Flash и навигация справа*/
div.TopNavigationBlock { 
	display: block;
	
	clear: both;

	width: 980px;
	height: 250px;

	margin: 0px auto;
	border: 0px;
	padding: 126px 0px 0px 0px;
}


/*Блок Flash баннера*/
div.TopFlash {  
	display: block;
	
	float: left;

	width: 635px;
	height: 250px;

	margin: 0px;
	border: 0px;
	padding: 0px;

}


/*Блок навигации справа*/

div.TopMenu { 
	display: block;
	
	float: right;

	width: 345px;
	height: 250px;

	margin: 0px;
	border: 0px;
	padding: 0px;

	background: #ffffff;
}

div.TopMenu a {
	color: #e43c91;
	text-decoration: none;
}

/*Список основного меню в спокойном состоянии*/
/*div.TopMenu ul { 
	display: block;
	width: 345px;
	
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	list-style: none;

	vertical-align: middle;
}


div.TopMenu ul li { 
	margin: 0px;
	padding: 0px;
	padding: 2px 0px;

	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;

}*/

/* Danch says */

#accordion h3 {
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14pt;
}

div.TopMenu a:link, div.TopMenu a:visited {
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
}

/*Отдельный класс для списка выпадающего меню*/
div.TopMenu ul { 
	display: block;
	width: 315px;
	
	margin: 0px;
	padding: 0px 0px 6px 30px;
	border: 0px;
	
	list-style: none;

	vertical-align: middle;
}

div.TopMenu ul li {
	
	margin: 0px;
	padding: 0px;
	padding: 0px;

	font-family: Georgia, serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
}

/*Так называемый блок "Новости одной строкой" */
#NewsLineBlock { 
	display: block;

	width: 980px;
	
	margin: 0px auto;
	border: 0px;
	padding: 0px;	
}


/*Отдельный блок для картинки-полоски, которая прям под Заголовком "Новости одной строкой".... В этот же блок входит сам заголовок H1*/
div.LineUp { 
	display: block;
		
	clear: both;

	width: 980px;
	height: 27px;

	margin: 0px 0px 10px 0px;
	border: 0px;
	padding: 0px 0px 10px 0px;
	
	background: url(../imgs/line_up.jpg) no-repeat;
	background-position: center bottom;
	background-color: #fff;

}


/*Описание заголовка H1*/
div.LineUp h1 { 
	display: block;
	clear: both;

	width: 925px;
	height: 17px;

	margin: 0px;
	border: 0px;
	padding: 0px 0px 0px 55px;
}

/*Блок для переключателя влево в разделе "Новости одной строкой"*/
/*
div.GoLeft { 
	display: block;
	
	float: left;
	
	text-align: center;
	vertical-align: middle;

	width: 53px;
	height: 117px;

	margin: 0px;
	border: 0px;
	padding: 78px 0px 0px 0px;
	
	background: #fff;
}
*/

/*Блок, представляющий собой полоску, состоящая из трех новостей*/
div.NewsLine {  
	display: block;
	
	float: left;

	width: 925px;
	height: 200px;

	margin: 0px;
	border: none;
	padding: 0px;
	
	background: white;
}


/*Блок отдельной новости*/
div.NewsItem { 
	display: block;
	
	float: left;

	width: 279px;
	height: 195px;

	margin: 0px;
	border: 0px;
	padding: 0px 6px;
	
	background: #789803;
}


/*Блок для переключателя Вправо в разделе "Новости одной строкой"*/
div.GoRight { 
	display: block;
	
	float: left;

	text-align: center;
	vertical-align: middle;

	width: 53px;
	height: 117px;/*натура 195*/

	margin: 0px;
	border: 0px;
	padding: 78px 0px 0px 0px;
	
	background: #fff;
}

/*Блок для полоски внизу ленты новостей.. Сам размер картинок верхней и нижней полоски высотой 27, а 10 отступы сверху и снизу соответственно*/
div.LineDown { 
	display: block;
	
	clear: both;

	width: 980px;
	height: 27px;

	margin: 0px;
	border: 0px;
	padding: 10px 0px 0px 0px;
	
	background: url(../imgs/line_down.jpg) no-repeat center bottom;
	background-color: #fff;
}



/*Сам контент блок, короче говоря*/
#ContentBlock { 
	display: block;
	
	clear: both;

	overflow: hidden;

	width: 950px;

	margin: 0px auto;
	border: 0px;
	padding: 0px 15px;
	
	background: #ffffff;
}

#ContentBlock a {
	margin: 0px;
	border: 0px;
	padding: 5px;

	font-family: Trebuchet MS, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;

	color: black;
}

#ContentBloc ul {
	margin: 0px;
	border: 0px;
	padding: 0px;
	
}
/*Просто блок, дублирующий #ContentBlock, используется на страничке consult или вопрос ответ*/
div.ContentBlock { 
	display: block;
	
	clear: both;

	overflow: hidden;

	width: 950px;

	margin: 0px auto;
	border: 0px;
	padding: 0px 15px;
	
	background: #ffffff;
}

div.ContentBlock a {
	margin: 0px;
	border: 0px;
	padding: 5px;

	font-family: Trebuchet MS, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;

	color: black;

}

/*Левый контент блок*/
div.LeftContentBlock { 
	display: block;
	
	float: left;

	width: 643px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: #ffffff;
}


/*Блок для заголовка.......  Вообще на сайте используется 3 подобных блока... Это первый, шириной 643...Различаются они шириной фоновых закругленных изображений*/
div.TitleBlock {  
	display: block;
	
	clear: both;

	width: 643px;/*натуральные 643*/
	height: 36px;/*натуральные 36*/

	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: url(../imgs/title_back.jpg) no-repeat;
}

div.TitleBlock h1 {
	margin: 0px;
	border: 0px;
	padding: 5px 0px 0px 25px;
}

/*Это второй вид блока для заголовка, он шириной в 950, то есть во весь контент блок... центруется автоматически.....Третий вид "средний" используется на странчке проектов (вопрос ответ"*/
div.BigTitleBlock { 
	display: block;
	
	clear: both;

	width: 950px;/*натуральные 943*/
	height: 36px;/*натуральные 36*/

	margin: 0px auto;
	border: 0px;
	padding: 0px;
	
	background: url(../imgs/big_title_back.jpg) no-repeat;
}

div.BigTitleBlock h1 {
	margin: 0px;
	border: 0px;
	padding: 5px 0px 0px 25px;
}

/*Блок "О нас" на главной странице*/
div.AboutBlock { 
	display: block;
	
	clear: both;

	width: 603px;/*натуральные 643*/
	
	margin: 0px;
	border: 0px;
	padding: 20px 20px 10px 20px;
	
	background: #fae3ed;
}

div.AboutBlock img {
	display: inline;
	float: left;
}

/*Блок изобретенный просто для того, чтобы выровнить ссылки по правому краю, а в дальнейшем можно и контент*/
div.Right { 
	display: block;
	
	clear: both;
	
	text-align: right;

	margin: 0px;
	border: 0px;
	padding: 0px;
}

/*Блок, который делает закругленные нижние углы.. состоит из двух поблоков, левого - BottomAroundLeft и правого - BottomAroundRight. Они с фоновыми изображениями закругленных углов уходят направо и налево соответственно... а центральная часть заполняется просто background-color*/
div.BottomAround { 
	display: block;
	
	width: 100%;
	height: 20px;
	
	clear: both;

	margin-bottom: 30px;
	border: 0px;
	padding: 0px;
	
	background: #fae3ed;
}

/*Блок с фоновым изображением левого нижнего закругленного угла*/
div.BottomAroundLeft { 
	display: block;
	
	float: left;

	width: 20px;
	height: 20px;
	
	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: url(../imgs/bottom_left.jpg) no-repeat left bottom;
}


/*Блок с фоновым изображением правого нижнего закругленного угла*/
div.BottomAroundRight { 
	display: block;
	
	float: right;

	width: 20px;
	height: 20px;
	
	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: url(../imgs/bottom_right.jpg) no-repeat right bottom;
}


/*Блок "О нас говорят" на главной странице*/
div.AboutUsSayBlock { 
	display: block;
	
	width: 603px;/*натуральные 643*/
	
	margin: 0px;
	border: 0px;
	padding: 20px 20px 10px 20px;
	
	background: #fae3ed;
}


/*Правый контент блок, где расположены логотипы Консультативного центра и Сообщества*/
div.RightContentBlock { 
	display: block;
	
	float: right;

	width: 307px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: #ffffff;
}

#Afisha { 
	display: block;
	
	text-align: center;

	width: 307px;

	margin: 0px 0px 30px 0px;
	border: 0px;
	padding: 0px;
	
	background: #ffffff;
}

div.RightContentBlock img {
	display: inline;
	margin: 0px;
	border: 0px;
	padding: 0px;
}


/*Блок Логотипов партнерских организаций*/
#PartnersBlock {     
	display: block;
	
	clear: both;

	width: 980px;
	
	margin: 0px auto ;
	border: 0px;
	padding: 0px;
	
	background: #ffffff;
}

/*Блок где расположены сами картинки логотипов*/
div.PartnersLogo {	
	display: block;
	
	width: 950px;
	
	margin: 0px auto;
	border: 0px;
	padding: 20px 0px 0px 0px;
	
	background: #fae3ed;
}

div.PartnersLogo img {
	margin: 0px;
	border: 0px;
	padding: 0px;
}


/*Немного видоизмененный блок для закругления нижних углов, описанный выше*/
#PartnersBlock div.BottomAround { 
	display: block;
	margin: 0px auto; 
	width: 950px;
}

/*Подвал... и еще блок-картинка, который использовался под лентой новостей.. Тоже описывался выше*/
#BottomBlock {		
	display: block;
	
	clear: both;

	width: 980px;

	margin: 0px auto;
	border: 0px;
	padding: 40px 0px 0px 0px;

	background: #ffffff;
	
}

div.Bottom {
	display: block;
	
	width: 950px;
	height: 90px;

	margin: 0px auto;
	border: 0px;
	padding: 0px;

	background: #ffffff;
}

div.LeftBottom {
	display: block;
	
	float: left;

	width: 768px;
	height: 90px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
}

div.LeftBottom img {
	display: block;
	float: left;

	margin: 0px;
	border: 0px;
	padding: 0px;
}

div.LeftBottom p {
	display: block;
	float: left;

	margin: 0px;
	padding: 8px 0px 0px 15px;
	border: 0px;

	text-align: left;
	color: #f267aa;
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
}

div.RightBottom {
	display: block;
	
	float: right;
	text-align: right;
	width: 175px;
	height: 90px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
}

div.RightBottom img {
	display: block;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

div.RightBottom p {
	display: block;

	clear: both;

	margin: 0px;
	border: 0px;
	padding: 0px;

	text-align: center;
	color: #f267aa;
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
}


/*========================================Страничка новостей, также по моему будут выглядеть побочные странички первого уровня*/


div.InfoItem {
	display: block;
	
	text-align: left;

	width: 950px;

	overflow: hidden;
	
	clear: both;

	margin: 20px 0px;
	padding: 0px;
	border: 0px;
}

div.InfoItem img {
	display: block;
	float: left;
	margin-right: 20px;
}

div.InfoItem p {
	text-align: left;
}

div.InfoItem h2 {
	text-align: left;
	font-weight: bold;
}

#ContentBlock div.InfoItem a {
	color: black;
	font-style: normal;
}



/*===========================================================================Типа ПОБОЧНАЯ СТРАНИЧКА второго уровня=========================================*/


/*Контент на побочных страничках... также используется большой блок-заголовок, и блок, закругляющий нижние углы*/
div.StampContent { 
	display: block;
	
	width: 950px;

	margin: 0px auto;
	border: 0px;
	padding: 0px;
	background: #fae3ed;
}

div.StampContent p {
	display: block;
	
	width: 910px;

	margin: 0px;
	border: 0px;
	padding: 10px 20px;
	background: #fae3ed;
}


/*Типа мини галереи на побочных страничках... Посмотришь, скажешь как его отрегулировать*/
div.StampGalleryBlock { 
	display: block;
	
	width: 950px;

	margin: 0px auto;
	border: 0px;
	padding: 0px;
}

div.StampGalleryBlock img {
	margin: 10px 14px 20px 0px;
	border: 0px;
	padding: 0px;
}



/*=====================================Страничка, где описываются проеты типа Консультативный Центр а также странчка вопросов и ответов===============*/


/*====Общий блок, где рассказывается про проект== */
div.ProjectsBlock {
	display: block;
	
	width: 950px;
	height: 365px;

	margin: 0px;
	border: 0px;
	padding: 0px;
}

/*Блок логотипа проекта*/
div.ProjectsLogo {
	display: block;
	
	float: left;

	width: 358px;
	height: 365px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: black;

}

/*Блок подгоняющий контент к картинке, так как логотип проекта отрезан частично с задним фоном*/
div.ProjectsContent {
	display: block;

	width: 592px;
	height: 323px;

	float: right;

	margin: 42px 0px 0px 0px;
	border: 0px;
	padding: 0px;
}

/*Заголовок проекта .... Третий вид блока-заголовка, так называемый средний... Предыдущие два описаны выше*/
div.ProjectsTitle {
	display: block;

	width: 592px;
	height: 36px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: url(../imgs/vopros_otvet_1.jpg) no-repeat;
}

div.ProjectsTitle h1 {
	margin: 0px;
	border: 0px;
	padding: 5px 0px 0px 10px;
}

/*Блок, где расположен сам текст о проекте*/
div.ProjectsText {
	display: block;

	width: 592px;
	height: 226px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
	background: #fae3ed;
}


/*Блок вообще во всю ширину в 980, с отдельным заднима фоном, где указаны часы приема психолога и врача*/
div.ConsultsData {
	display: block;

	width: 980px;

	clear: both;

	text-align: center;
	
	margin: 0px auto;
	border: 0px;
	padding: 12px 0px;
	
	background: #ef67a5;
}

div.ConsultsData p {
	display: block;

	margin: 0px;
	border: 0px;
	padding: 0px;

	font-size: 18px;
	color: #fff;
}


/*Блок-формочка слева для  вопроса*/

div.QuestionsFormBlock {
	display: block;
	
	width: 499px;
	height: 205px;
	
	float: left;
	
	margin: 0px 0px 30px 0px;
	border: 0px;
	padding: 20px 20px 0px 20px; 

	background: url(../imgs/question_field.jpg) no-repeat;
}


/*Текстовое поле для задания вопроса*/
div.QuestionsFormBlock textarea {
	margin: 0px;
	padding: 0px;
	
	border: 0px;
		
	font: 12pt "Trebuchet MS", sans-serif;
	font-weight: bold;
	color: #2f0301;
	
	width: 476px;
	height: 180px;
	
}


/*Блок справа, в котором объединены формочки с информацией о пользователе*/
div.InfoFormBlock {
	display: block;

	width: 411px;
	height: 205px;

	float: right;

	margin: 0px;
	border: 0px;
	padding: 0px;
	
	
}

/*Отдельный блок для каждого вида данных о пользователе*/
div.InfoBlock {
	display: block;

	width: 352px;
	height: 36px;

	clear: both;

	margin: 0px 0px 5px 0px;
	border: 0px;
	padding: 5px 10px;
	
	background: url(../imgs/form_back.jpg) no-repeat;

}

div.InfoBlock input.text {
	margin: 0px;
	padding: 0px;
	
	border: 0px;
	
	font: 10pt "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: gray;
	
	width: 332px;
	height: 26px;
}

div.InfoBlock select {
	margin: 0px;
	padding: 0px;
	
	border: 0px;
	
	font: 10pt "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: gray;
	
	width: 332px;
	height: 26px;
}



/*Блок где дан пример вопроса вообще во всю ширину в 980, с отдельным заднима фоном*/
div.QuestionBlock {
	display: block;

	width: 940px;
	
	clear: both;

	margin: 0px auto;
	border: 0px;
	padding: 10px 20px;

	background: #f5bfd6;
}

/*Блок где дан пример ответа вообще во всю ширину в 980, с отдельным заднима фоном*/
div.AnswerBlock {
	display: block;

	width: 940px;
	
	clear: both;

	margin: 0px auto;
	border: 0px;
	padding: 10px 20px;

	background: #fff;
}

div.QuestionBlock h2, div.AnswerBlock h2 {
	font-style: italic;
}

img.news {
	float: left;
	padding: 0px 10px 10px 0px; 
}

div.PageSwitchBlock {
	display: block;
	text-align: center;
	margin: 0px auto;
	border: 0px;
	padding: 0px;
}

#ContentBlock  div.PageSwitchBlock a {
	font-style: normal;
	font-weight: bold;
}

div.FullWidthBlock {
	display: block;
	float: none;
	padding: 0px;
	margin: 20px 0px;

	text-align: left;
	overflow: hidden;
	clear: both;
	width: 950px;
}

div.FullWidthBlock img {
	float: left;
	padding: 0px 3px;
	margin: 0px;
	border: 0px;
}

div.social_icons {
	display: block;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border: 0px;
	text-align: center;
}