/* stylesheeteillä määritellään sivujen kaikki muotoilu */

body{
/* body osio määrittelee runkosivuun taustakuvan*/
background-image: url('tausta.jpg');
background-repeat: no-repeat;
}

div.main{
/* main div on ikkunan osa johon kaikki sivut avautuvat, muuttamalla pikseliarvoja voi vaikuttaa ikkunan kokoon, ja asetteluun */
overflow:auto;
/*position: absolute;*/
/*height: 420px;*/
width: 620px;
padding-bottom: 00px;
padding-left:10px;
padding-right:20px;
padding-top:0px;
}

.nav{

/* div nav on navigaatiopalkin ikkunanosa, muuttamalla tätä muotoilua vaikuttaa siis navigaatiopalkkiin */
position: relative;
top: 0;
}

p.nav{
	/* navigaatiopalkin tekstien muotoilu */
	text-align: left;
	padding-bottom:00px;
	font-size:20px;
	margin-top:30px;
	margin-bottom: 00px;
}
span.subnav{
	/* navigaatiopalkin tekstien muotoilu */
	display:none;
	text-align: left;
	padding-bottom:00px;
	font-size:20px;
	margin-top:00px;
	margin-left:30px;
	margin-bottom: 00px;
}

/* navigaatiopalkin linkkien värimuotoilu */
span.nav:link {color: 0000FF;}     													/* unvisited link */
span.nav:visited {color: 0000CC;}  													/* visited link */
span.nav:hover {color: #FFFFFF; background-color: #CC0000; text-decoration: none;}   	/* mouse over link */
span.nav:active {color: #FFFFFF;}   													/* selected link */

/* navigaatiopalkin linkkien värimuotoilu */
span.subnavitem:link {color: 0000FF;}     													/* unvisited link */
span.subnavitem:visited {color: 0000CC;}  													/* visited link */
span.subnavitem:hover {color: #FFFFFF; background-color: #CC0000; text-decoration: none;}   	/* mouse over link */
span.subnavitem:active {color: #FFFFFF;}   													/* selected link */

td.main{
	/* main osion taulukon muotoilua */
	padding-top: 3px;
	vertical-align: top;
}