html, body { height: 100%;}
body { margin: 0px; padding: 0px; }
div, form, h1, h2, p, input { margin: 0px; padding: 0px; }
h2 {font-size: 16px; }
img { border: none; margin-right: 0px;  }
html, body { height: 100%; }
body { background: #FFFFFF; background-image: url(/img/00back.gif); color: black;}
body, input, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
div.c { clear: both; height: 1px; overflow: hidden; }
a { color: #0033FF; }
a.more span { visibility: hidden; }
a.more { float:right; color: #0033FF; background-image: url("/img/06readmore.gif"); background-repeat: no-repeat; background-position: 220px 0px; width: 330px; height: 42px;  margin-top: 10px;  margin-bottom: 10px; display: block;  text-decoration: none;  }

#container { position: absolute; height: 100%; width: 1080px; padding: 0px 0px 0px 0px;}
#header { position: relative; width: 980px; margin: 0px auto 0px auto; }
#greycell { position: absolute; margin: 0px; padding: 0px; width: 100px; height: 100%; overflow:hidden; background: #FFFFFF; background: url(/img/02greyruler.gif); }
#content { position: relative; width: 370px; margin-left: 100px; padding-left: 40px; padding-right: 40px; padding-bottom: 10px; font-size: 13px; background-image: url(/img/11middle_small.gif); }
#content h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 22px; color: #009999; padding-bottom: 10px; padding-top: 15px; }
#content h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 26px; color: #777777; padding-bottom: 5px; padding-top: 15px; }
#content p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; padding-bottom: 10px; }

#top { position: relative; width: 540px; height: 40px; margin-left: 100px; background: url(/img/10top.gif) no-repeat; }
#top2 { position: relative; width: 540px; height: 40px; margin-left: 250px; background: url(/img/10top.gif) no-repeat; }
#top4 { position: relative; width: 450px; height: 40px; margin-left: 100px; background: url(/img/10top_small.gif) no-repeat; }

#content2 {  display: block; position: relative; width: 395px; margin-left: 100px; padding-left: 70px; padding-right: 70px;  padding-bottom: 10px; font-size: 14px; background-image: url(/img/11middle.gif); }
#content2 h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 30px; color: #009999; padding-bottom: 10px; padding-top: 15px; }
#content2 h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 26px; color: #777777; padding-bottom: 5px; padding-top: 15px; }
#content2 p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; padding-bottom: 10px; }

#bottom { position: relative; width: 540px; height: 40px; margin-left: 100px; background: url(/img/12bottom.gif) no-repeat; }
#bottom2 { position: relative; width: 540px; height: 40px; margin-left: 250px; background: url(/img/12bottom.gif) no-repeat; }
#bottom3 { position: relative; width: 450px; height: 40px; margin-left: 100px; background: url(/img/12bottom_small.gif) no-repeat; }

#navi2 { float:left;  width: 120px; left: 100px; margin-top: 10px; padding: 0px 0px 0px 120px; font-size: 13px; }
#navi2 h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 26px; color: #777777; padding-bottom: 5px; padding-top: 15px; }

#content3 { position: relative; width: 395px; margin-left: 250px; padding-left: 70px; padding-right: 70px;  padding-bottom: 10px; font-size: 14px; background-image: url(/img/11middle.gif); }
#content3 h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 30px; color: #009999; padding-bottom: 10px; padding-top: 15px; }
#content3 h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 26px; color: #777777; padding-bottom: 5px; padding-top: 15px; }
#content3 p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; padding-bottom: 10px; }


#content4 {  display: block; position: relative; margin-top: 0px; margin-left: 100px; padding-left: 20px; padding-right: 20px;  padding-bottom: 0px; font-size: 14px; }
#content4 h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 22px; color: #009999; padding-bottom: 5px; padding-top: 15px; }

#mainnavi { border-right: 0px solid; position: relative; margin-left: 100px; padding-left: 10px; bottom: 0px; height: 66px; width: 1000px; background: #FFFFFF; }
#headline { position: relative; margin-left: 100px; padding-left: 0px; bottom: 0px; height: 52px; width: 680px; }
#map { float: right; padding-right: 270px; width: 250px; height: 380px; margin-top: 20px; }
#smallmap { position: absolute; left: 640px; width: 126px; height: 152px; margin-top: 25px; padding: 0px; }
#subtopic { position: relative; left: 100px; margin-top: 10px; padding-left: 10px; bottom: 0px; height: 58px;}
#countrybox { border-right: 0px solid; clear: both; position: relative; left: 100px; padding: 25px 20px; width: 780px;}
#countrybox p {  float:left;  font-size: 14px; font-weight: bold; color: #777777; }
#flags { float:left; width: 380px; margin-right: 20px; padding: 0px; }
#flags img { float:left; border: none; margin: 0px 0px 5px 5px;  }
#flags h2 {  margin-left: 15px; margin-bottom: 10px; }
#countrybox select { float:left; margin-top: 7px; margin-left: 20px; border: 1px solid; color: #0033FF; }

div.nav#mainnavi a span { visibility: hidden; }
div.nav#mainnavi a.index { float:left; width: 68px; height: 66px; text-decoration: none; background: url(/img/00navi00c.gif) no-repeat; }
div.nav#mainnavi a.index:hover { background-image: url(/img/00navi00b.gif); }
div.nav#mainnavi a.what { float:left; width: 174px; height: 66px; text-decoration: none; background: url(/img/00navi01c.gif) no-repeat; }
div.nav#mainnavi a.what:hover { background-image: url(/img/00navi01b.gif); }
div.nav#mainnavi a.wetr { float:left; width: 172px; height: 66px; text-decoration: none; background: url(/img/00navi08c.gif) no-repeat; }
div.nav#mainnavi a.wetr:hover { background-image: url(/img/00navi08b.gif); }
div.nav#mainnavi a.history { float:left; width: 78px; height: 66px; text-decoration: none; background: url(/img/00navi02c.gif) no-repeat; }
div.nav#mainnavi a.history:hover { background-image: url(/img/00navi02b.gif); }
div.nav#mainnavi a.projects { float:left; width: 85px; height: 66px; text-decoration: none; background: url(/img/00navi03c.gif) no-repeat; }
div.nav#mainnavi a.projects:hover { background-image: url(/img/00navi03b.gif); }
div.nav#mainnavi a.news { float:left; width: 70px; height: 66px; text-decoration: none; background: url(/img/00navi04c.gif) no-repeat; }
div.nav#mainnavi a.news:hover { background-image: url(/img/00navi04b.gif); }
div.nav#mainnavi a.discussion { float:left; width: 99px; height: 66px; text-decoration: none; background: url(/img/00navi05c.gif) no-repeat; }
div.nav#mainnavi a.discussion:hover { background-image: url(/img/00navi05b.gif); }
div.nav#mainnavi a.contact { float:left; width: 83px; height: 66px; text-decoration: none; background: url(/img/00navi06c.gif) no-repeat; }
div.nav#mainnavi a.contact:hover { background-image: url(/img/00navi06b.gif); }
div.nav#mainnavi a.members { float:left; width: 90px; height: 66px; text-decoration: none; background: url(/img/00navi07c.gif) no-repeat; }
div.nav#mainnavi a.members:hover { background-image: url(/img/00navi07b.gif); }

div.nav#mainnavi a.index_curr { float:left; width: 68px; height: 66px; text-decoration: none; background: url(/img/00navi00c.gif) no-repeat; }
div.nav#mainnavi a.index_curr:hover { background-image: url(/img/00navi00b.gif); }
div.nav#mainnavi a.what_curr { float:left; width: 174px; height: 66px; text-decoration: none; background: url(/img/00navi01c.gif) no-repeat; }
div.nav#mainnavi a.what_curr:hover { background-image: url(/img/00navi01b.gif); }
div.nav#mainnavi a.wetr_curr { float:left; width: 172px; height: 66px; text-decoration: none; background: url(/img/00navi08c.gif) no-repeat; }
div.nav#mainnavi a.wetr_curr:hover { background-image: url(/img/00navi08b.gif); }
div.nav#mainnavi a.history_curr { float:left; width: 78px; height: 66px; text-decoration: none; background: url(/img/00navi02c.gif) no-repeat; }
div.nav#mainnavi a.history_curr:hover { background-image: url(/img/00navi02b.gif); }
div.nav#mainnavi a.projects_curr { float:left; width: 85px; height: 66px; text-decoration: none; background: url(/img/00navi03c.gif) no-repeat; }
div.nav#mainnavi a.projects_curr:hover { background-image: url(/img/00navi03b.gif); }
div.nav#mainnavi a.news_curr { float:left; width: 70px; height: 66px; text-decoration: none; background: url(/img/00navi04c.gif) no-repeat; }
div.nav#mainnavi a.news_curr:hover { background-image: url(/img/00navi04b.gif); }
div.nav#mainnavi a.discussion_curr { float:left; width: 99px; height: 66px; text-decoration: none; background: url(/img/00navi05c.gif) no-repeat; }
div.nav#mainnavi a.discussion_curr:hover { background-image: url(/img/00navi05b.gif); }
div.nav#mainnavi a.contact_curr { float:left; width: 83px; height: 66px; text-decoration: none; background: url(/img/00navi06c.gif) no-repeat; }
div.nav#mainnavi a.contact_curr:hover { background-image: url(/img/00navi06b.gif); }
div.nav#mainnavi a.members_curr { float:left; width: 90px; height: 66px; text-decoration: none; background: url(/img/00navi07c.gif) no-repeat; }
div.nav#mainnavi a.members_curr:hover { background-image: url(/img/00navi07b.gif); }