﻿html,body{margin:0;padding:0}
body{font: 98% verdana,sans-serif;text-align:center}
p{margin:0 10px 10px}
div#header 
{height: 166px;
	background-image: url(pictures/logo.jpg);
	background-repeat: no-repeat;
	background-position: right;}
div#container{text-align:left}
div#content p{line-height:1.4}

div#footer p{margin:0;padding:5px 10px}

div#container{width:980px;margin:0 auto}
div#content{float:right;width:740px}
div#navigation{float:left;width:240px}


div#extra{float:left;clear:left;width:240px}

div#footer{clear:both;width:100%}
div#footer{background: #155583;color: #FFF}
 
/* похоже на лист с загнутым уголком */
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 96%;
}
/*Горизонтальное меню*/ 
div#header1 ul.primary-menu {
background: #333333;
background: linear-gradient(#333366, #006699);
margin: 0;
padding: 0;
width: 100%;
display: inline-block;
}
ol {line-height: 2em;}
ul.primary-menu li {
background: #333333;
background: linear-gradient(#333366, #006699);
float: left;
position: relative;
list-style: none;
}
ul.primary-menu li a {
padding: 10px 10px;
display: block;
border-right: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
ul.primary-menu li a:hover,
ul.primary-menu li:hover > a {
background-color: #006699;
}
ul.primary-menu li ul,
ul.primary-menu li ul.sub-menu li ul {
margin: 0;
padding: 0;
display: none;
}
ul.primary-menu li:hover ul {
display: block;
position: absolute;
top: 37px;
z-index: 100;
}
ul.primary-menu li ul.sub-menu li:hover ul {
left: 200px;
top: 0px;
display: block;
position: absolute;
z-index: 100;
}
ul.primary-menu li:hover ul li {
float: none;
width: 200px;
}
ul.primary-menu li:hover ul li:hover {
background: #006699;
}
ul.primary-menu li:hover ul li a {
padding: 10px 20px;
}

.curlycontainer .innerdiv{
background: transparent url(pictures/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 3px 15px 3px;
}
/*Меню слева*/
p.ex{
	margin: 0 10px 10px;
	color: #cc0000;
	font: bold;
}
ul.menu {padding: 0; /* Убираем поля */
    margin-left: 15px; /* Отступ слева */ 
}

a.menu { display: block; padding: 5px;  color: Black;
	
}
a:visited{
 color: Purple;	
}
a:active{
	 color: #0000CD;
}
a:hover{
	 color: Red;
}
/* Обтекание картинки текстом */
 .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }