body, td, p, div, input, textarea { margin:0px; padding:0px; font-family:tahoma,verdana; color:#5c8ed0; font-size:13px; }

body {
	background-color:#c2d2f1;
	overflow-y: scroll;
	text-align: center;
	  height: 100%;
	    position:relative;
	background: url("/i/grass2.jpg") no-repeat center center fixed; 
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a		{ color:#516eb9; }
a:link, a:visited               { text-decoration:none; }
a:hover, a:active               { text-decoration:underline; }

img { border:none; }

td.lang { padding-right:46px; font-weight:bold; font-size:11px; }
td.mi a { color:#ffffff; height:1px; font-family:verdana; font-size:11px; }

div.hdr { width:94%; height:29px; vertical-align:middle; font-size:20px; font-weight:bold; color:#41c243; background:url('../i/hb.jpg'); margin-top:19px; margin-bottom:19px; padding-left:42px; }

p.main { font-family:times; font-size:21px; font-style:italic; margin-bottom:10px; }

td.cont p { margin-bottom:30px; }

#hat {
  height: 217px;
  position: relative;
}

#hat .slides {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.slides .sliderArrow {
  position: absolute;
  width: 36px;
  height: 43px;
  top: -8px;
  bottom: 0;
  margin: auto;
  opacity: 0;
}

.slides:hover .sliderArrow {
  opacity: 1;
}

.slides .sliderArrow:hover {
  cursor: pointer;
  opacity: 1;
}

.slides .sliderArrow.right {
  right: 0;
  background: url("/images/slider_arrow_right.png") no-repeat 50% 50%;
}

.slides .sliderArrow.left {
  left: 0;
  background: url("/images/slider_arrow_left.png") no-repeat 50% 50%;
}

#hat .slides .slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#hat .slides .slide > * {
  display: block;
  width: 100%;
  height: 100%;
}

#menuWrapper {
  height: 32px;
  width: 100%;
  margin-top: -1px;
}


#menu[sticky=true]{
  width: 802px;
  position: fixed;
  top: 0px;
}

#menu {

}

#menu table {
  width: 100%;
  height: 32px;
  background: url('../images/menu-bg.png');
}

#menu table td.begin, #menu table td.end {
  width: 10px;
}

#menu table td.button {
}

#menu table td.button a {
  display: block;
  height: 100%;
  text-align: center;
  padding: 0px 16px;
  line-height: 32px;
  color: #111;
  font-size: 12px;
  font-family: verdana;
  white-space: nowrap;
  text-shadow: 1px 1px 0px #888;
}

#menu table td.button a:hover, #menu table td.button a[active] {
  background: url('../images/menu-bg.png') left bottom;
  color: #fff;
  text-decoration: none;
}



.wrapper {
  width: 802px;
  margin: 0 auto;
  margin-top:-7px;
  overflow: visible;
}

@media (max-width:802px){
  .wrapper {
    overflow: hidden;
  }
}