/*Это Резинка
-----------------------------------------------------*/
* {
	margin: 0px;
	padding: 0;
}
/*Здесь дан шрифт размер 14, междустрочное расстояние 18. Шрифт, всё можно изменить
-----------------------------------------------------------------------------------------*/
body {
	font: 14px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
background-image:url(images/bg-light.png);
}
/*Цвет и стиль ссылок. Всё можно изменить
-------------------------------------------------------------------------------*/
a {
	color: #612720;
	outline: none;
	text-decoration: underline;
}
/*Стиль ссылок при наведённом курсор. Можно изменить
----------------------------------------------------------------------------*/
a:hover {
	text-decoration: inherit;
}
/*Отступ параграфа. Снизу 12 пикселей. Всё можно изменить.
--------------------------------------------------------------------------------*/
p {
	margin: 0 0 12px
}
/*Отмена рамки у картинок-------------*/
img {
	border: none;
}
/*Стили для основного Главного блока, в который вставлены все главные блоки
о---------------------------------------------------------------------------------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align:left;
    border: 0px solid #666666;
    webkit-box-shadow: 0 0 20px #969696;
    moz-box-shadow: 0 0 20px #969696;
    box-shadow: 0 0 20px #969696;
background-color: #FFFFFF;/*Цвет для главного блока*/
margin-top: 10px; /*отступ главного блока  от верха  */
}
/*Стили меню------------*/
#menu {
margin-left:35px;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 250px;
	background-image: url(images/header.jpg);
border-bottom:solid 1px #CCCCCC;
}
/* Средняя часть, сюда вставлены все основные блоки 
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	position: relative;
background-color: #FFFFFF;/*Цвет фона*/
}
#middle:after {
	content: '';
	clear: both;
	display: table;
}
/*Контейнер, сюда вставлен блок с основным контентом. Блок немного меньше по ширине. Это связано
с внутренними отступами текста в 10пикс. Смотри следующий стиль.
--------------------------------------------------------------------------------*/
#container {
	width: 790px;/*Блок 790px------------------------------------------------------*/	
	float:right;
	overflow: hidden;
	}
/*Блок с Основным контентом. Здесь я сделал внутренние отступы 10пикс, что бы текст отделить от границ
Всё можно исправить-------------------------------------------------------------------------------*/	
#content {
margin:0px; background-color:#ffffff;/*Цвет для  основного контента сайта*/
padding:15px; /*Отступ основного контента сайта*/
}
/* Левый сайдбар.Здесь я сделал отступ внутри, что бы отделить текст от границ в 5пикс
-----------------------------------------------------------------------------------------------*/
#richt {
	float: right;
	width: 200px;
	padding:5px;
	position: relative;
	background-color: #f0eae4; /*Цвет для сайтбара*/
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 100px;
	background-image:url(images/footer.jpg);
}
.font {
font:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #CCCC00;
}
<style type="text/css">

.arrowlistmenu{
width: 180px; /*ширина меню*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial; /* шрифт в заголовках*/
color: white; /*цвет шрифта в заголовке*/
background: black url(media/titlebar.png) repeat-x center left; /*Вставляем рисунок для заголовка можно сделать свой*/
margin-bottom: 10px; /*расстояние снизу от заголовка до пунктов меню*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*настройки текста в заголовке 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*расстояние снизу в каждом пункте ul до букв*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*расстояние снизу между пунктами меню*/
}

.arrowlistmenu ul li a{
color: #A70303; /*цвет текста пунктов меню*/
background: url(media/arrowbullet.png) no-repeat center left; /*рисунок перед пунктом меню*/
display: block;
padding: 2px 0;
padding-left: 19px; /*расстояние надписи пункта меню 19px слева*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada; /*Нижний бордер*/
font-size: 90%; /*размер шрифта*/
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*стили при наведении*/
color: #A70303;
background-color: #ffffff;
}
/*стили горизонтального меню----------------------------------------------------------------------*/
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}
#copy{
padding-top:30px;
color: #FFFFFF;
font: 12px/5px Arial, Tahoma, Verdana, sans-serif;
}
</style>