html {
background-image:  url(images/222.jpg);
background-size: cover;

}

body {
	background-image: linear-gradient(#ffffff, #A1C8FF);
	margin: 20px auto;
        width: 970px;
        align: auto;
	padding:0;
	text-align:justify;
	font-size:120%;
	color:#000000;
	font-family: Arial, sans-serif;
border-radius: 20px;
box-shadow: 0 0 15px;
}


.gradient {
    background: #5799F6; /* РfffР»С ССfffР`СfСfffСfff РaСfР`СРgСfРРf */
    background: -moz-linear-gradient(top, #5799F6, #ffffff); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#5799F6), color-stop(100%,#ffffff));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #5799F6, #ffffff);
    background: -o-linear-gradient(top, #5799F6, #ffffff); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5799F6, #ffffff); /* IE10 */
    background: linear-gradient(top, #5799F6, #f1da36); /* CSS3 */ 
    padding: 10px;
    border: 1px solid #333;
   }

.body1 {
P margin-left:30px;
P margin-right:20px;
font-size: medium;
P text-align: justify;
text-indent: 10px;
}

.body2 {
margin-left:30px;
margin-right:30px;
font-size: medium;
text-indent: 0px;
}

.body3 {
P margin-left:30px;
font-size: medium;
P text-align: justify;
text-indent: 10px;
line-height: 1.5;
}

.body4 {
margin-left:30px;
margin-right:30px;
font-size: medium;
P text-align: left;
text-indent: 15px;
}

.body5 {
margin-left:300px;
margin-right:30px;
font-size: medium;
text-align: left;
P text-indent: 300px;
}


.body6 {
margin:0px;
padding:0px;
text-indent: 0px;
}

.button1 {
  background: #77dd77;
  border: 2px outset #095bab;
  height: 40px;
  width: 300px;
  padding: 0 0 0 7px;
  overflow: hidden;
  display: block;
  webkit-border-radius: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
text-align: center;
 align: center;
cursor: pointer;

 background: -moz-linear-gradient(#0000ff, #1E90ff, #B0E0E6);
   background: -webkit-gradient(linear, 0 0, 0  100%, from(#0000ff), to(#B0E0E6), color-stop(0.5, #5BC9E1));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF');
     -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
  
 }

.button1:hover {
  width: 320px;
}

.button2 {
  background: #77dd77;
  border: 2px outset #095bab;
  height: 40px;
  width: 200px;
  padding: 0 0 0 7px;
  overflow: hidden;
  display: block;
align: center;
webkit-border-radius: 5px;
color: #000000;
font-size: 20px;
font-weight: bold;
text-align: center;
align: center;
cursor: pointer;
background: -moz-linear-gradient(#0000ff, #1E90ff, #B0E0E6);
background: -webkit-gradient(linear, 0 0, 0  100%, from(#0000ff), to(#B0E0E6), color-stop(0.5, #5BC9E1));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

 }








h1 {
text-align:center;	
 font-weight:bold;
	font-size:x-large;
	color:#193ED1;
margin-bottom: -50px;
margin-top: -5px;	
}

h2 {
	font-weight:bold;
	font-size:170%;
	color:#000000;
}

h3 {
	font-weight:bold;
	font-size:140%;
	color:#000000;
		
}

a:link, a:visited {
	text-decoration:none;
	color:#082567;
	font-weight:bold;

}

a:hover {
	color:#003399;

}

img {
	border:none;

}


}

#header {
	height: 150px;
	margin: 0;
	padding: 0 0 0 0;
}

#content {
padding: 0 30px 0 30px;
margin-left:30px;
margin-right:30px;
margin-top:50px;
font-size: medium;
P text-align: justify;
text-indent: 35px;
}

#dline {
    line-height: 1.5;
   }



#footer {
	width: 930px;
	height: auto;
	margin: 0;
	padding: 0 30px 0 30px;

}







.menu, .menu li ul{
	margin:-20px 0px 0px 0px;
	padding:0px;
	list-style:none;
	font-size:large;
}
.menu > li{
	float:left;
	background: #2461BD;
	text-align: center;
	padding: 7px 15px;
	margin-left: 1px;
	cursor: pointer;
}
.menu > li ul{
	display:none;
	position:absolute;
	text-align: left;
	z-index:100;
	background-color:#104493;
	width:210px;	
	margin-top:5px;
}
.menu > li > ul{
	margin-left:-13px;
	font-size:90%;
}
.menu > li:hover > ul{display:block;}
.menu > li:hover{
	background: #104493;
}
.menu > li li{
	padding:4px 0 4px 8px;
}
.menu > li > ul > li.dir{
	background:url('arrow.png') 96% center no-repeat;
}
.menu > li > ul > li:hover > ul{display:block;}
.menu > li > ul  li:hover{
	background-color:#2461BD;	
}
.menu > li > ul > li > ul{
	margin-left:190px;
	margin-top:-17px;
	width:220px;
}
.menu > li a{
	text-decoration: none;
	color: #D1D1D1;
	display:block;
}