<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
body, html {
margin:0px; /*Это хорошая практика обнулять поля и отступы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}

#TopPicture{
	margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
	text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}

#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width:1150px;  /*задаем ширину макета в современных браузерах */
}
/*Здесь пишем стили для шапки сайта */
#header{
background-color:white;
color:blue;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
}
#header h1 {
	margin: 0; /* Обнуляем отступы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отступы для них. */
	padding: 10px 0; /* Задаем поля */
	text-align:center;
}


/* ***** THERE ARE STYLES FOR A MENU PANEL ***** */
#menu {width:1150px; height:35px; background:aqua; border-bottom:1px solid red; font-family:Arial, Helvetica, sans-serif;margin:0 auto;text-align:center;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {float:left;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; display:none; left:0; top:30px; border:1px solid #aaa;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu ul {background:aqua;}
#menu span,
#menu a {display:block; font:bold 12px arial,sans-serif; color:black; line-height:30px; text-decoration:none; padding:0 10px 0 20px; border-left:1px solid #aaa;}
#menu ul ul a {border:0;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover > ul {display:block;}
#menu li:hover {background:blue; color:#000; cursor:default;}
#menu a:hover {background:blue url(../index.files/arrow.gif) no-repeat 3px center; color:#000;}
#menu li:hover > a,
#menu li:hover > span {background:blue url(../index.files/arrow.gif) no-repeat 3px center; color:white;}


/*Пустой div минимальной высоты, который предотвращает наслоение нижележащих блоков. */
#emptyline{
	height:10px;
	font-size:1px;
	line-height:0px;
	clear:both;
}

#myimg {
	width:405px;
	float:left;	
}

/*Здесь пишем стили для блока контента */
#content{
background-color:white;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:0px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
/*основное значение имеет  clear:both; */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer{
width:1150px;
margin:0 auto;	/*выравниваем подвал по центру в современных браузерах */
color:white;
background-color:blue;
}
#footer p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /* задаем поля */
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
}