/* CSS Document */
body{
background-image:url(images/taustakuva.jpg);
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
overflow:-moz-scrollbars-vertical;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: underline;
}

a:visited {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #844554;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

.leipis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: black;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
}

/*Kokonaisuuden kasassapitävä iso divi*/

#iso_div {
width: 987px;
margin: 0 auto;
padding: 0;
}

#ylabanner a{
width: 987px;
height: 409px;
margin: 0;
padding: 0;
float:left;
background:url(images/header.png);
}


/*Tästä alkaa navigaatiopalkin painikkeet. Vali_* tarkoittaa painikkeiden välissä olevaa kuvaa.*/

#vali_1 {
width: 48px;
height: 41px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/vali_1.png);
}

#news a {
width: 80px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/news.jpg);
}

#news a:hover { 
width: 80px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/news.jpg);
}

#band a{
width: 81px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/band.jpg);
}

#band a:hover { 
width: 81px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/band.jpg);
}

#live a{
width: 73px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/live.jpg);
}

#live a:hover {
width: 73px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/live.jpg);
}

#media a{
width: 77px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/media.jpg);
}

#media a:hover {
width: 77px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/media.jpg);
}

#valiosa {
width: 284px;
height: 41px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/valiosa.jpg);
}

#contact a{
width: 90px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/contact.jpg);
}

#contact a:hover {
width: 90px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/contact.jpg);
}

#guestbook a{
width: 125px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/guestbook.jpg);
}

#guestbook a:hover {
width: 125px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/guestbook.jpg);
}

#press a{
width: 75px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/press.jpg);
}

#press a:hover {
width: 75px;
height: 41px;
text-indent: -9000px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/swap/press.jpg);
}

#vali_2 {
width: 54px;
height: 41px;
margin: 0;
padding: 0;
float:left;
position:relative;
overflow:hidden;
display:block;
background:url(images/vali_2.png);
}

#navigaatio {
width: 987px;
height: 41px;
margin: 0;
padding: 0;
position:relative;
float:left;
}

#sisasivu {
width: 987px;
margin: 0;
padding: 0;
position:relative;
float:left;
background:url(images/liuku.png) repeat-y;
}

#ylaosa {
width: 987px;
height: 195px;
margin: 0;
padding:0;
position:relative;
float:left;
background:url(images/ylaosa.png);
background-repeat:no-repeat;
z-index:-3;
}

#vasen_textarea {
width: 380px;
margin: 0;
padding:0px;
top:-140px;
text-align:left;
position:relative;
left:45px;
float:left;
}

#oikea_textarea{
width: 486px;
margin: 0;
top:-140px;
padding: 0;
text-align:left;
position:relative;
float:right;
right:45px;
}

#footer{
width: 987px;
height: 109px;
margin: 0;
padding: 0;
top:-65px;
text-align:center;
position:relative;
float:left;
background:url(images/footer.png);
}


/* CSS Document */