body{
	background-image: url(images/tausta-vihr.jpg);
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	color: #000; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #003300; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1 {
	font-size: 1.2em;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: 0px;
	padding-top: 0px;
}
h2 { font-size: 1.1em; margin-bottom: 1em; margin-top: 0px; padding-top: 0px;}
h3 { font-size: 1em; line-height: 1; margin-bottom: 1em; padding:0;}
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


p, span, div, td, input, textarea{
	font-size: 1em;
	color: #000; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
}

strong { 
  color: #003300; 
}

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul      { margin:0 1.5em 1.5em 1.5em; 
		 list-style-type: disc; }
		 
ol li {
	margin-bottom:10px;
}


a { color:#006600; }

a:hover { color:#003300; }

img{ border:none; }

#ylaviivat {
	background-image: url(images/ylaviivat.gif);
	background-repeat: repeat-x;
	height: 12px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#tausta {
	background-image: url(images/oiktausta-vihr.jpg);
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#vasen{
	width: 980px;
	background-image: url(images/tausta-pystytoisto.jpg);
	background-repeat: repeat-y;
}

#oikea {
	width: 100%;
	background-image: url(images/oiktausta-liuku.jpg);
	background-repeat: repeat-x;
}

#keskiosa {
	float:left;
	background-image: url(images/kokotausta.jpg);
	height: auto;
	min-height:566px;
	background-repeat: no-repeat;
	width: 980px;
	margin: 0px;
	padding: 0px;
}

#logo {
	position:relative;
}

#valikko {
	position:relative;
	float:left;
	top:30px;
	left:10px;
	width:140px;
	height:450px;
	padding-right:10px;
}

#valikko ul{
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-left:7px;
}

#valikko ul li{
	margin-bottom:12px;
	margin-left:0;
	padding-left:0px;
	list-style-type: none;	
}

#valikko ul li.active{
	margin-bottom:12px;
	list-style-image: url(images/valkpallo.gif);
	list-style-type: disc;
	list-style-position: outside;
}

#valikko ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#valikko ul li a:hover{
	color: #003300;
}

/* Alivalikko */

#valikko ul ul ul{
	padding-left:5px;
	padding-top:3px;
}

#valikko ul li li li{
	display:none;
}

#valikko ul li li.active li{
	margin-bottom:3px;
	list-style-image: none;
	list-style-type:none;
	display:block;
}

#valikko ul li li.active li.active{
	margin-bottom:3px;
	list-style-image: none;
	list-style-type:none;
	display:block;
}

#valikko ul li li.active li a{
	color: #ffffff;
}

#valikko ul li li.active li.active a{
	color: #006600;
}

/* Alivalikko */

#sisalto {
	position:relative;
	left:45px;
	float:left;
	top:30px;
	padding-bottom:50px;
	width:700px;
}

#sisalto #kuvat{
	float:left;
	width: 300px;
	text-align:left;
}

#sisalto img{
	border: 1px solid #FFFFFF;	
	margin-bottom:15px;
	margin-top:5px;
	padding-bottom:0px;
	padding-top:0px;
}

#sisalto #tekstit{
	position:relative;
	left:30px;
	float:left;
	width: 270px;
	text-align:left;
}

#sisalto #tekstilevea{
	position:relative;
	left:0px;
	float:left;
	width: 600px;
}

#sisalto ul{
	margin-left:10px;
	margin-top:0;
	padding-top:0;
	padding-left:10px;
}

#sisalto #arkisto td img{
	margin-right:15px;
}

#sisalto #aikataulu td{
	vertical-align:top;
	padding-bottom:10px;
}

#sisalto #linkit td{
	vertical-align:middle;
	padding-bottom:10px;
	padding-right:30px;
}

#sisalto #linkit td.logo{
	text-align:center;
}

#sisalto #linkit td img{
	border:none;
}


#alaviivat {
	background-image: url(images/alaviivat.gif);
	background-repeat: repeat-x;
	height: 13px;
	width: 100%;
	text-align:right;
}

#madeby{
	margin-right:10px;
}


#madeby a{
	font-size:9px;
	color:#669966;
	text-decoration:none;
}

#madeby a:hover{
	color:#ccc;
}


