html
{
  overflow: scroll;
  overflow-x: auto;
}

body
{
  width: 845px;
  margin: 0 auto;
  text-align: center;
  background-image: url('/images/tausta.png');
  background-position: top center;
}

body.club
{
  background-image: url('/images/club-body-background.jpg');
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #000000;
}

body.frontpage
{
  background-color: #000000;
  background-image: none !important;
}

body.frontpage a
{
  text-decoration: none;
}

#container
{
  background-position: top center;
  background-repeat: no-repeat;
  text-align: left;
  width: 845px;
  height: 615px;
  z-index: 0;
}

#container a img
{
  border-style: none;
}

#navigation
{
  position: absolute;
  top: 108px;
  line-height: 20px;
  height: 20px;
  margin-left: 230px;
  text-transform: uppercase;
  font-size: 13px;
  z-index: 100;
}

body.club #navigation
{
  top: 101px;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation ul li
{
  display: inline;
  background-image: url('/images/pub-navigation-separator.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-left: 13px;
}

body.club #navigation ul li
{
  background-image: url('/images/club-navigation-separator.gif');
}

html > body.club #navigation ul li
{
  background-image: url('/images/club-navigation-separator.png');
  background-position: left bottom;
  padding-bottom: 3px;
}

#navigation ul li.etusivu
{
  background-image: none !important;
  padding-left: 0;
}

#navigation ul li a
{
  color: #CEC6BF;
}

body.club #navigation ul li a
{
  color: #b3ff00;
}

#navigation ul li.selected a,
#navigation ul li a:hover,
body.club #navigation ul li.selected a,
body.club #navigation ul li:hover a
{
  color: #ffffff;
}

#content
{
  position: absolute;
  top: 140px;
  margin-left: 270px;
  height: 420px;
  width: 535px;
  overflow: auto;
}

#content-text
{
  padding: 15px 10px 0;
}

body.etusivu #content-text
{
  width: 340px;
}

html > body.etusivu #content-text
{
  width: 320px;
}

#content-extra
{
  position: absolute;
  top: 0;
  margin-left: 360px;
  width: 160px;
}

body.club #content-extra
{
  margin-left: 380px;
  width: 150px;
  color: #ffffff;
}

#container a:link,
#container a:visited
{
  text-decoration: none;
}

#container a:hover,
#container a:visited:hover
{
  text-decoration: underline;
}

#footer
{
  position: absolute;
  top: 573px;
  width: 845px;
}

#footer,
#footer a
{
  color: #CEC6BF;
}

body.club #footer,
body.club #footer a
{
  color: #ffffff;
}

#footer #facebook
{
  float: left;
  margin-left: 45px;
  margin-top: -3px;
}

#footer div.vcard
{
  float: right;
  margin-right: 40px;
  line-height: 20px;
  height: 20px;
}

#frontpage a img
{
  border: none;
}

#footer div.vcard span.street-address,
#footer div.vcard span.locality,
#footer div.vcard span.postal-code,
#footer div.vcard span.tel,
#footer div.vcard a.email
{
  display: block;
  float: left;
  padding-left: 10px;
  padding-bottom: 1px;
}

#footer div.vcard span.tel,
#footer div.vcard a.email
{
  background-image: url('/images/pub-footer-separator.gif');
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-left: 10px;
  margin-left: 5px;
}

body.club #footer div.vcard span.tel,
body.club #footer div.vcard a.email
{
  background-image: url('/images/club-footer-separator.gif');
}

#footer div.vcard a.email:hover
{
  color: #ffffff;
}

body.pub #content-text a:link,
body.pub #content-text a:visited
{
  color: #000000;
}

body.club #content-text,
body.club #content-text a:link,
body.club #content-text a:visited
{
  color: #ffffff;
}