/*обшее*/

body {
  background-color: #afdbfb;
  color: black;
  font-family: Arial, Helvetica;
  font-size: 90%;
  margin: 0;
  padding: 0;
  min-width: 1000px;
  }

h3 {
  display: none;
  }

h4 {
  font-size: 110%;
  }

a:link, a:visited {
  color: #075992;
  text-decoration: underline;
  }

a:hover, a:active {
  color: #075992;
  text-decoration: none;
  }

img {
  border: 0;
  }

input {
  margin: 5px 5px 5px 0;
  }

textarea {
  border: 1px solid grey;
  }

table {
  padding: 3px;
}
td {
padding: 3px;
}
/*шапка*/

#header {
  width: 100%;
  height: 386px;
  background: url(img/header_bg.jpg) top left repeat-x;
  position: relative;
  }

#header h1 {
  display: none;
  }

#sky {
  width: 100%;
  height: 386px;
  background: url(img/sky.jpg) top center no-repeat;
  position: absolute;
  z-index: 1;
  }

#header p {
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0;
  top: 30px;
  z-index: 2;
  }

#forum {
  position: absolute;
  width: 107px;
  height: 73px;
  background: url(img/forum.png) top left no-repeat;
  top: 0;
  right: 20px;
  z-index: 3;
  text-align: center;
  padding: 20px 0 0 0;
  }

#forum a:link, #forum a:visited { 
  color: white;
  font-size: 150%;
  text-decoration: underline;
  }

#forum a:hover, #forum a:active { 
  color: white;
  font-size: 150%;
  text-decoration: none;
  }

a#logo {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 4;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  }

#logo img {
  border: 0;
  }

a#ppl {
  position: absolute;
  top: 90px;
  right: 22px;
  z-index: 3;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  }

#ppl img {
  border: 0;
  }

/*вступление*/

#intro {
  position: relative;
  margin: -200px auto 30px auto;
  background: url(img/intro2.jpg) top left repeat-y;
  width: 904px;
  z-index: 5;
  }

#intro1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 904px;
  height: 148px;
  background: url(img/intro1.jpg) top left no-repeat;
  z-index: 5;

  }

#intro3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 904px;
  height: 19px;
  background: url(img/intro3.jpg) bottom left no-repeat;
  z-index: 5;
  }

#intro_text {
  position: relative;
  margin: 0 20px 0 30px;
  padding: 10px 0 10px 0;
  font-size: 90%;
  z-index: 6;
  }

#intro_text p.p1 {
  font-size: 110%;
  }

#intro_text ul {
  font-size: 90%;
  }

#content {
  position: relative;
  width: 100%;
  }

/*левое меню*/

#left_menu1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 201px;
  height: 341px;
  background: url(img/decade.png) top left no-repeat;
  font-size: 90%;
  }

#left_menu2 {
  position: absolute;
  top: 380px;
  left: 0;
  width: 201px;
  height: 267px;
  background: url(img/about.png) top left no-repeat;
  font-size: 90%;
  }

#right_menu1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 196px;
  height: 307px;
  background: url(img/training.png) top right no-repeat;
  font-size: 90%;
  }

#right_menu2 {
  position: absolute;
  top: 314px;
  right: 0;
  width: 196px;
  height: 307px;
  background: url(img/interesting.png) top right no-repeat;
  font-size: 90%;
  }

#left_menu1 ul, #left_menu2 ul {
  margin: 55px 20px 0 20px;
  padding: 0;
  list-style-type: none;
  }

#right_menu1 ul, #right_menu2 ul {
  margin: 55px 20px 0 20px;
  padding: 0;
  list-style-type: none;
  }

#left_menu1 li, #left_menu2 li, #right_menu1 li, #right_menu2 li {
  padding: 0 0 5px 0;
  }

#left_menu1 a:link, #left_menu2 a:link, #right_menu1 a:link, #right_menu2 a:link, #left_menu1 a:visited, #left_menu2 a:visited, #right_menu1 a:visited, #right_menu2 a:visited {
  color: white;
  text-decoration: underline;
  }

#left_menu1 a:hover, #left_menu2 a:hover, #right_menu1 a:hover, #right_menu2 a:hover, #left_menu1 a:active, #left_menu2 a:active, #right_menu1 a:active, #right_menu2 a:active {
  color: white;
  text-decoration: none;
  }

/*текст*/

#info {
  margin: 0 220px 0 220px;
  background-color: #d7edfd;
  min-height: 630px;
  font-size: 90%;
  }

#info h2 {
  width: 100%;
  background: url(img/head2.png) top left repeat-x;
  height: 42px;
  position: relative;
  padding: 10px 0 0 0;
  font-size: 150%;
  font-weight: normal;
  }

#head1 {
  width: 11px;
  height: 61px;
  position: absolute;
  top: 0;
  left: -11px;
  background: url(img/head1.png) top left no-repeat;
  }

.record {
  padding: 0 20px 10px 20px;
  clear: both;
  
  }

.date {
  font-size: 85%;
  }

#gallery {
  padding: 0 20px 0 20px;
  }

#gallery table {
  width: 100%;
  padding-top: 10px;
  }

#gallery td {
  padding-bottom: 20px;
  vertical-align: top;
  width: 20%;
  text-align: center;
  }
  
#page a {
  font-size: 200%;
  text-decoration: none;
  }

/*подвал*/

#footer {
  padding: 40px 20px 0 20px;
  font-size: 75%;
  clear: both;
  }
  
a.back, a.back:link, a.back:visited {
  text-decoration: none;
  border: #1969d9 1px solid;
  color: black;
  font-size: 11px;
  padding: 3px;
  background: #f0f0ff;
  }

a.back:hover {
  text-decoration: none;
  border: #1969d9 2px solid;
  color: black;
  font-size: 11px;
  padding: 3px;
  background: #f0f0ff;
  }
a.back1 {
  text-decoration: none;
  border: #1969d9 2px solid;
  color: black;
  font-size: 11px;
  padding: 3px;
  background: #f0f0ff;
  }