body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin-top:40px; background-image: url(img/grass.jpg); background-repeat: repeat-x; background-position: left 45px;}
h1 {font-size:24px; color:#697189; text-align:center;}
.lang {position:absolute; top:5px; right:0px;}
.lang img {margin-right:20px; border:1px solid #cbcdd5}
.logo-text {position:absolute; top:10px; right:20px;}
.logo-text h1 {font: bold 180%/100% Georgia, 'Times New Roman', Times, serif; position: relative; color: #A1D398;}
.logo-text h1 span {background: url(/img/logo-text.png) repeat-x; position: absolute; display: block; width: 100%; height: 31px;}
h2 {font-size:18px; font-style:italic;}
table {font-size:80%; border-top: solid 1px #999999; border-left: solid 1px #999999;}
td, th {text-align:center; border-bottom: solid 1px #999999; border-right: solid 1px #999999;}
dt {clear:both; font-style:italic;}
.slogan {text-align: center; width:390px; margin-bottom:20px; /*font-weight:bold;*/ font-size: 115%;}
p.back {text-indent:0px;}
.back a:link {text-decoration:underline;}
.podm a:link {font-weight:bold; color:#1c46d5; text-decoration:underline;}
.mid {background:url(img/middle.gif) repeat-y;}
.top {background:url(img/top.gif) no-repeat left top;}
.bottom {background:url(img/bottom.gif) no-repeat left bottom;}
.mid_s {background:url(img/middle_s.gif) repeat-y 0 0;}
.top_s {background:url(img/top_s.gif) no-repeat left top;}
.bottom_s {background:url(img/bottom_s.gif) no-repeat left bottom;}
.center {background-image: url(img/droplet.gif); background-repeat: no-repeat; background-position: center bottom; background-attachment: scroll;}
#content {margin: 0 50px; padding: 30px 0; color:#30343f;}
#content p {text-align:justify; text-indent:30px;}
#content p a {text-decoration:none; color:#000;}
#footer {height:90px;}
a#about{width:156px; background-image:url(img/images/about.gif);}
a#water {width:180px; background-image:url(img/images/water.gif);}
a#more {width:180px; background-image:url(img/images/more.gif);}
a#contacts {width:184px; background-image:url(img/images/contacts.gif);}
a:hover#about, a:hover#water, a:hover#more, a:hover#contacts{background:none;}
#logo {margin-left: 349px;}
#page {width:700px;}
#home {width:1024px; margin:0 auto;}
#wow {float:right; width:242px; height:122px; margin-left: 0px; margin-bottom:10px; background:url(img/wow.gif) bottom left no-repeat;}
#test {float:left; height:60px; width:449px; margin:2px 0 10px 9px; background:url(img/test.jpg) bottom left no-repeat;}
*html #test {margin-left: 4px; margin-top: -3px;}
.img_float {float: left; margin-right: 10px; margin-bottom: 10px;}
.img_float_r {float:right; margin-left: 10px; margin-bottom: 10px;}
.claster{font-size:75%; text-align:center; margin-top:5px; font-style:italic;}
.table_list li {margin-top: 20px;}
ul.drop_list{list-style:none;}
.drop_list li{background: url(/img/drop.jpg) top left no-repeat; padding-left: 20px; line-height:25px; font-weight:bold; color:#1c46d5; text-decoration:underline; font-size:120%;}
/*.drop_list a{text-decoration:none; color:#333333; font-size:120%;}*/
html,body {height:100%;}
#middle {background-color:#fff;margin:0 auto;min-width:1100px;max-width:1100px;min-height:100%;}
#middle,.content,.left,.right {position:relative;overflow:hidden;}
.wrap {padding:0 201px;height:100%;}
.content,.left,.right {float:left;margin-bottom:-32767px;padding-bottom:32767px;}
.content {background-color:#fff;margin-right:-100%;width:100%;}
.left {background: repeat-y #fff;left:-201px;width:200px;}
.right {background: repeat-y #fff;float:right;right:-201px;width:200px;}
*html #middle {
  width:expression(
  (document.compatMode && document.compatMode == 'CSS1Compat') ?
  (document.documentElement.clientWidth < 1100 ? "1100px" :
  (document.documentElement.clientWidth > 1100 ? "1100px" : "auto")) :
  (document.body.clientWidth < 1100 ? "1100px" :
  (document.body.clientWidth > 1100 ? "1100px" : "auto")));
}
*html #middle {overflow:visible;height:100%;}

/* common styling */
.menu {width:750px; position:relative; z-index:100; height:67px; background:url(img/menu.gif) top left repeat-y;
}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; height:67px; text-align:center; color:#697189; background:none; line-height:55px; font-size:18px; overflow:hidden;}
.menu ul li ul li a, .menu ul li ul li a:visited {display:block; text-decoration:none; text-align:center; color:#000; font: normal 12px Verdana; border-bottom:1px solid #bbb; text-indent:3px; padding: 2px 0; font-weight: bold; width: 200px; height:15px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none; border: 1px solid #BBB; border-bottom-width: 0; line-height:18px; background-color: white;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#697189}
.menu ul li:hover ul {display:block; position:absolute; top:60px; left:0; width:200px;}
.menu ul li:hover ul li a {display:block; color:#000;}
.menu ul li:hover ul li a:hover {background:#F0F0F0; color:#000;}

.footer {padding:15px; background:repeat-x left top; font:10px Tahoma; color:#797979;}
.footer a {color:#797979;}
.footer a:active {color: #52632c;}
.footer a:hover {color: #52632c;}
.footer a:visited {color: #797979;}