body
{
	background-color: black;
	padding-bottom: 200px;
	font-family: garamond;
}



div.ylapalkki
{
	position: absolute;
	top: 0px;
	left: 60px;
	background-image: url(../wtweb_images/ylapalkki.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 755px;
	height: 226px;
}

div.vasen-reuna
{
	position: absolute;
	top: 0px;
	left: 60px;
	background-image: url(../wtweb_images/reunaviiva.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 1px;
	height: 100%;
	z-index: 10;
}

div.oikea-reuna
{
	position: absolute;
	top: 0px;
	left: 814px;
	background-image: url(../wtweb_images/reunaviiva.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 1px;
	height: 100%;
	z-index: 10;
}

div.ketjusahantera
{
	position: absolute;
	top: 254px;
	left: 60px;
	z-index: 6;
	background-image: url(../wtweb_images/ketjusahantera.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 755px;
	height: 31px;
}

div.tausta
{
	position: absolute;
	top: 254px;
	left: 60px;
	background-image: url(../wtweb_images/tausta.png);
	background-repeat:no-repeat;
	background-position: left top;
	color: white;
	width: 755px;
	height: 600px;
	z-index: 5;
}


div.content
{
	position: absolute;
	top: 60px;
	left: 50px;
	color: white;
	width: 700px;
	height: 550px;
}


div.linkit
{
	position: absolute;
	top: 221px;
	left: 60px;
	background-image: url(../wtweb_images/menun-tausta.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 755px;
	height: 34px;
	z-index: 10;
}

span.linkki-uutiset
{
	position: absolute;
	top: 2px;
	left: 34px;
	background-image: url(../wtweb_images/menu-uutiset.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 128px;
	height: 32px;
	z-index: 20;

	
}

span.linkki-tapahtumat
{
	position: absolute;
	top: 2px;
	left: 162px;
	background-image: url(../wtweb_images/menu-tapahtumat.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 203px;
	height: 32px;
	z-index: 20;
}

span.linkki-kerho
{
	position: absolute;
	top: 2px;
	left: 365px;
	background-image: url(../wtweb_images/menu-kerho.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 115px;
	height: 32px;
	z-index: 20;
}

span.linkki-foorumi
{
	position: absolute;
	top: 2px;
	left: 480px;
	background-image: url(../wtweb_images/menu-foorumi.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 144px;
	height: 32px;
	z-index: 20;
}

span.linkki-linkit
{
	position: absolute;
	top: 2px;
	left: 624px;
	background-image: url(../wtweb_images/menu-linkit.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 109px;
	height: 32px;
	z-index: 20;
}



div.headerpic
{
	position: relative;
	left: 260px;
	width: 600px;
	height: 190px;
	text-align: center;
}

/*
div.content
{
	position: relative;
	left: 190px;
	width: 475px;
	padding-left: 100px;
	padding-right: 120px;
	padding-top: 40px;
	padding-bottom: 30px;
	min-height: 350px;
	border: 3px solid #990000;
	background: silver;
	font-family: tahoma;
	font-size: 13px;
}
*/
div.content h1
{
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	font-family: garamond;
	clear: left;
}

div.content h2
{
	font-size: 14px;
	font-weight: bold;
	font-family: tahoma;
	clear: left;
} 

div.content a:link, a:active
{
	color: #990000;
	font-weight: bold;
	text-decoration: none
}

/* content: Links to upper right corner  */

div.content a:visited
{
	color: #990000;
	font-weight: bold;
	text-decoration: none
}


div.content ul.linklist
{
	list-style: none;
	text-align: right;
	margin: 10px;
	float:right;
}

div.content ul.linklist li.upper
{
	font-weight: bold;
	font-size: 19px;
	font-family: garamond;
}

div.content ul.linklist li.current
{
	font-weight: bold;
}

div.newstext
{
  position: relative;
  left: 130px;
  width: 440px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0px;
  padding: 0px;
}

div.newsarticle
{
  margin-top: 0px;
  margin-bottom: 20px;
  border: 0px;
  padding: 5px;
  width: 400px;
}

span.newsdate
{
  position: relative;
  margin-top: 0px;
  margin-bottom: 25px;
  margin-left: 0px;
  margin-right: 0px;
  border: 0px;
  padding: 0px;
  font-weight: normal;
  font-family: serif;
  font-size: 20px;
}

span.newsheader
{
  position: relative;
  left: 40px;
  margin-top: 0px;
  margin-bottom: 25px;
  margin-left: 0px;
  margin-right: 0px;
  border: 0px;
  padding: 0px;
  font-weight: normal;
  font-family: serif;
  font-size: 20px;
}

/* Links for page navigation */

div.links
{
	position: fixed;
	border: none;
	top: 230px; left: 130px; width: 120px;
}

/* explorer */
* html div.links
{
	position: absolute;
	border: none;
	top: 230px; left: 130px; width: 120px;
}

div.links span.navi
{ 
	background-color: #ff0000;
	border: 3px solid #990000;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	display: block;
}

div.links a:link, a:active, a:visited
{
	font-weight: bold;
	color: black;
	text-decoration: none
}

div.links a:hover
{
	font-weight: bold;
	color: white;
	text-decoration: none
}

div.adminlinks
{
	position: relative;
	left: 20px;
	width: 510px;
}

span.adminnavi
{
	padding: 5px;
}

div.gallery
{
	position: relative;
	height: 400px;
}

div.pic1
{
	position: absolute;
	left: 120px;
	top: 120px;
}

div.pic2
{
	position: absolute;
	left: 310px;
	top: 120px;
}

div.pic3
{
	position: absolute;
	left: 500px;
	top: 120px;
}


div.pic4
{
	position: absolute;
	left: 120px;
	top: 260px;
}

div.pic5
{
	position: absolute;
	left: 310px;
	top: 260px;
}

div.pic6
{
	position: absolute;
	left: 500px;
	top: 260px;
}


div.pic7
{
	position: absolute;
	left: 120px;
	top: 400px;
}

div.pic8
{
	position: absolute;
	left: 310px;
	top: 400px;
}

div.pic9
{
	position: absolute;
	left: 500px;
	top: 400px;
}