body {

  background: #ffffff none;

	color: #636060;

	font-family: "MS Sans Serif", Geneva, sans-serif;

	font-size: 0.8em;

	line-height: 135%;

	margin: 0;

	border: 0;

	padding: 0;

}

#header {

   width: 100%;

   height: 200px;

	background-image: url(images/header_back.jpg);
	
	background-repeat: repeat-x;

	text-align: left;

}

#header_left, #header_right {

  float: left;

	width: 49%;

}

#header_right {

  text-align: right;

}

#navbar {

  font-family: "MS Sans Serif", Geneva, sans-serif;

	margin-top: 2%;
	
	margin-left: 25px;
	
	float: left;

	width: 20%;

	line-height: 160%;

	color: #636060;

  text-decoration: none;

	height: 100%;

	font-size: small;

}

#navbar ul {

  list-style-type: none;

	margin: 0;

	padding: 0;

}

#navbar li {

	margin-left: 0;

	padding-left: 4%;

	padding-top: 1%;

	padding-bottom: 1%;

	display: block;
	
	border-bottom: 1px dashed #666666;
	
	background-image: url(images/list_bullet.gif);
	
	background-repeat: no-repeat;

}

#navbar li#active {

  color: #636060;

	text-decoration: none;

	background: #ffffff none;

}

#navbar a {

  margin-left: 15px;

  color: #636060;

	text-decoration: none;
	

}



#navbar a:link {

  color: #636060;

	text-decoration: none;

}

#navbar a:active {

  color: #636060;

	text-decoration: none;

}

#navbar a:visited {

  color: #636060;

	text-decoration: none;

}

#navbar a:hover {

  color: #ED843C;

	text-decoration: none;

}

#sisalto {

   margin-left: 2%;

	margin-top: 1%;

	margin-bottom: 2%;

	padding-left: 1%;
	
	padding-right: 1%;

	padding-bottom: 1%;

	float: left;

	width: 42%;

}

#news {

  float: left;

	width: 22%;

	margin-left: 2%;

	margin-top: 0;

	margin-bottom: 2%;

	padding-left: 1%;
	
	background-image: url(images/news_back.jpg);
	
	background-repeat: repeat-x;

}

#footer {

  height: 20px;

	width: 98%;

	margin-left: auto;

	margin-right: auto;

	padding-top: 20px;

	text-align: center;

	font-weight: bold;

	clear: left;

}


h1 {

	font-size: 1.3em;

	font-weight: bold;

	color: #666666;

	margin-bottom: 20px;

}

h2 {

	font-size: 1.1em;

	font-weight: bold;

	color: #666666;
	
	display: block;
	
	clear: left;

}

h3 {

	font-size: 1.0em;

	font-weight: bold;

	color: #666666;

}

p {

  margin-bottom: 20px;
  padding-left: 4px;

}

a {
text-decoration: underline;
color: #F48F45;
}

ul.sisempi_lista {

  list-style-type: none;

}

th {

  text-align: left;

}

.news_h1 {

	margin-top: 45px;
	
	margin-left: 20px;
	
	border-bottom-style: none;
	
	
}

.news_p {

   padding-top: 2px;
	
	margin-left: 20px;
	
	margin-right: 30px;
}

.yhteystiedot {
	
	padding-right: 25px; 
}
.henkilokunnan_kuvat {
  width: 150px;
	float: left;
	text-align: center;
	margin: 5px;
}

table {
  font-size: 1em;
}

fieldset {
  width: 300px;
	padding-left: 10px;
	}
legend {
  color: #636060;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 1em;
}
table.aikataulu {
  border: 1px solid #636060;
	font-size: 11px;
	vertical-align: top;
	margin: 0;
	width: 100%;
}
table.aikataulu td {
  border: 1px solid #636060;
	font-weight: normal;
	vertical-align: top;
  height: 50px;
	margin: 0;
}
table.aikataulu th {
  text-align: center;
	border: 1px solid #636060;
	vertical-align: top;
	margin: 0;
}
table.aikataulu td.vihrea, table.aikataulu th.vihrea {
  background: #00cc33 none;
	color: #ffffff;
}
table.aikataulu td.punainen, table.aikataulu th.punainen {
  background: #ff0000 none;
	color: #ffffff;
}
table.aikataulu td.keltainen, table.aikataulu th.keltainen {
  background: #ffff00 none;
}
table.aikataulu td.sininen, table.aikataulu th.sininen {
  background: #0099ff none;
	color: #ffffff;
}
.vihrea_laatikko, .keltainen_laatikko, .punainen_laatikko, .valkoinen_laatikko, .sininen_laatikko, .oranssi_laatikko, .purppura_laatikko {
  border: 1px solid #636060;
	padding: 3px;
	margin-bottom: 20px;
}
.vihrea_laatikko, .vihrea_laatikko h2 {
  background: #00cc33 none;
	color: #ffffff;
}
.keltainen_laatikko, .keltainen_laatikko h2 {
  background: #ffff00 none;
}
.punainen_laatikko, .punainen_laatikko h2 {
  background: #ff0000 none;
	color: #ffffff;
}
.sininen_laatikko, .sininen_laatikko h2 {
  background: #0099ff none;
	color: #ffffff;
}
.oranssi_laatikko, .oranssi_laatikko h2 {
  background: #ff6600 none;
	color: #ffffff;
}
.purppura_laatikko, .purppura_laatikko h2 {
  background: #800080 none;
	color: #ffffff;
}