/*Страница-тело*/
body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
html {
overflow: scroll;
}

/*Общий блок*/
#mainblock{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width:800px; /* ширина нашего макета*/
}

/*Логотип*/
#logo{
margin:0 0 0 0;
padding:0px;
height:80px;
}

/*Левая колонка сайта*/
#leftmodule{
width:180px; /*ширина левой колонки */
background-color:none;
float:left; /*обазятельное выравнивание колонки по левому краю с включением обтекания */
}
/*Пишем стиль для блока Левое меню*/
#leftmenu{
margin:0px;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
width:180px;/*задаем ширину меню*/
border:1px solid #000; /*задаем рамку*/
}

/*Пишем стиль для блока заголовка Левого меню*/
#leftmenuheader{
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
height:30px;
width:180px;/*задаем ширину меню*/
font:12px/30px Verdana, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
color:#FFF;
background: url(images/leftmenuback.png) repeat-x left top;
text-indent:5px;

}


/*Пишем стиль для основного списка*/
#leftmenunav{
border:0px solid #000; /*задаем рамку*/
border-bottom:0px;/*убираем рамку снизу, т.к. она будет задана у ссылок*/
list-style:none;/*убираем маркеры списка*/
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
width:auto;/*задаем ширину меню*/
font:12px Verdana, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
}
/*Пишем стиль для ссылок внутри списка*/
#leftmenunav a{
background-color: #FFF;/*цвет фона ссылок*/
border-bottom:1px  dotted #CCC;/*рамка снизу*/
color: #000;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
padding:5px 10px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
text-decoration:none;/*убираем подчеркивание ссылки*/
}

* html #leftmenunav li a { height: 1%; } /*специальный хак для IE 6.0. который не понимает блочный элемент, если для него не задана высота*/

/*Пишем стиль для ссылок в момент наведения на них курсора */
#leftmenunav a:hover{
background-color: #09F  ;/*фоновый цвет */
color:#000000;/*цвет самой ссылки*/
}

/*Блок контента без меню*/
#content{
margin-top:10px; /*обнуляем отступы сверху и снизу*/
margin-left:0px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
margin-bottom:10 px;
display: inline;
}

a:link {
color: black ;
text-decoration:none;
}
a:visited{
color: black ;
text-decoration:none;
}
a:hover {
color: blue ;
text-decoration:none;
}
a:active {
color: black ;
text-decoration:none;
}


/*Блок контента c меню слева*/
#content2{
margin-top:10px; /*обнуляем отступы сверху и снизу*/
margin-left:190px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
margin-bottom:10 px;

}

#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
font:14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
} 
#content2 h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
font:14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
} 


#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#content2 p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
font:12px Verdana, Arial, Helvetica, sans-serif;
text-indent:10mm; /* Отступ первой строки*/
line-height:1.5; /* Межстрочный интервал*/
}
#content2 p2 {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
font:12px Verdana, Arial, Helvetica, sans-serif;
line-height:1.5;
}

#content2 ul {

font:12px Verdana, Arial, Helvetica, sans-serif;

line-height:1.5;
}
#content2 table {
font:12px Verdana, Arial, Helvetica, sans-serif;
}

/*Блок контента без меню*/
#content3{
margin-top:10px; /*обнуляем отступы сверху и снизу*/
margin-left:0px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
margin-bottom:10 px;

}
#content3 p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
font:12px Verdana, Arial, Helvetica, sans-serif;
text-indent:10mm;
line-height:1.5;
}
#content3 h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
font:14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}

/*Подвал*/
#footer{
	height: 48px;
	margin:0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background: url(images/footerline.png) repeat-x left top;
	 
}



/*Верхнее меню*/
#topmenu {

}
#hornav {
list-style:none;
margin:0;
padding:0;
height:30px;
z-index: 1;
background: url(images/topmenuback.png) repeat-x left top;
font:12px/30px Verdana, Arial, Helvetica, sans-serif;
width:800px;
border:0px;
	}

#hornav li { float:left; }
#hornav a{
	display:block;
	color:#FFF;
	padding:0 20px;
	text-align:center;
	text-decoration:none;
	position:relative;
	float:left;
}
#hornav a:hover{
background: url(images/topmenu-hover.png) no-repeat center top;
text-decoration:none;
color: #0099FF;
}
.rightpic{
	border:0px;
	float:right;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

.leftpic{
	border:0px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}