/* -- Sivun tausta -- */
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url('layout/bg.gif');
	background-repeat: repeat-x;
	background-color: #C4E1F4;
	min-height: 100%;
	}

/* -- Itse sivun keskittäjä; sisältää kaikki muut divit -- */
#center {
	margin: 0 auto;
	width: 800px;
	height: 100%;
	}

/* -- Pitää sisällään text_right:in ja text_left:in sekä luo sisällölle raamit -- */
#container {
	background-image: url('layout/borders.gif');
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 792px;
	}

/* -- Pitää sisällään logo-divin sekä navigaatiolinkit -- */
#header {
	padding:0;
	margin: 20px auto 0 auto;
	width: 792px;
	height: 224px;
	}

/* -- Alapalkki -- */
#footer {
	background-image: url('layout/footer.gif');
	background-repeat: repeat-none;
	padding:0;
	margin: 0 auto;
	width: 792px;
 	height: 24px;
	}

/* -- Yläkuvien ulkoasut -- */
#logoyleista {
	margin: 0 auto;
	height: 202px;
	width: 792px;
	background-image: url('layout/logoyleista.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	background-color: transparent;
	}

#logokilpailut {
	margin: 0 auto;
	height: 202px;
	width: 792px;
	background-image: url('layout/logokilpailut.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	background-color: transparent;
	}

#logoesittelyt {
	margin: 0 auto;
	height: 202px;
	width: 792px;
	background-image: url('layout/logoesittelyt.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	background-color: transparent;
	}

#logojasensivut {
	margin: 0 auto;
	height: 202px;
	width: 792px;
	background-image: url('layout/logojasensivut.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	background-color: transparent;
	}

#logoharjoitustilat {
	margin: 0 auto;
	height: 202px;
	width: 792px;
	background-image: url('layout/logoharjoitustilat.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	background-color: transparent;
	}

#logomuuta {
	margin: 0 auto;
	height: 202px;
	width: 792px;
	background-image: url('layout/logomuuta.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	background-color: transparent;
	}

/* -- Pääsisältö, oltava oikeanpuoleista palstaa pidempi -- */
#text_left {
	margin: 0 0 0 15px;
	border-right: solid 1px #A4C3DF;
	width: 550px;
	}

/* -- Toissijainen sisältö -- */
#text_right {
	clear: right;
	display: block;
	float: right;
	margin: 0;
	width: 220px;
	}
#text_right img {
	border: solid 1px #A4C3DF;
	margin: 20px 0 0 5px;
	padding: 0;
}

/* -- Pääsisältö, jos käytössä vain yksi palsta -- */
#text {
	margin: 0 0 0 15px;
	width: 770px;
	}
#text td {
	background-color: #EDF6FF;
	height: 20px;
	padding: 0 10px;
}

#text td.tulos {
	width: 70px;
}

#text td.kysely {
	background-color: transparent;
	font-size: 1em;
	height: 20px;
	padding: 0;
	margin: 0;
}

#text p.pienisisennys {
	padding-left: 3px;
}

#text img {
	border: solid 1px #A4C3DF;
	margin: 20px;
	padding: 0;
}


/* -- Copyright-teksti -- */
#footer p {
	float: left;
	color: #fff;
	margin: 0;
	padding: 4px 8px;
	font-family: verdana,tahoma,arial,helvetica;
	font-size: 0.7em;
	}

/* -- Sivun alkuun -linkki -- */
#footer a {
	float: right;
	color: #fff;
	margin: 0;
	padding: 4px 8px 0 0;
	font-family: verdana,tahoma,arial,helvetica;
	font-size: 0.7em;
	}

/* -- Nuoli ylös -- */
#footer img {
	float: left;
	border: 0;
	margin: 0 5px 0 0;
	padding: 0;
}

/* -- Pääotsikko -- */
h1 {

	margin: 0;
	padding: 10px 5px 5px 0;
	font-family: verdana,tahoma,helvetica;
	font-weight: normal;
	font-size: 1.4em;
	}

/* -- Väliotsikko -- */
h2 {
	margin: 0;
	padding: 10px 5px 5px 0;
	font-family: verdana,tahoma,arial,helvetica;
	font-weight: bold;
	font-size: 0.8em;
	}

/* -- Paragrafin ulkoasu -- */
p {
	margin: 0;
	padding: 10px 5px 5px 0;
	font-family: verdana,tahoma,arial,helvetica;
	font-size: 0.8em;
	}

/* -- Paragrafi, fonttina Courier New -- */
p.courier {
	margin: 0;
	padding: 10px 5px 5px 0;
	font-family: courier new,verdana,tahoma,arial,helvetica;
	font-size: 0.8em;
}

/* -- Formi -- */
form {
	margin: 0;
	padding: 0;
}

/* -- Taulukkosolu -- */
td {
	font-family: verdana,tahoma,arial,helvetica;
	font-size: 0.8em;
}

/* -- Listaus -- */
ul {
	margin-top: 0;
	margin-bottom: 0;
	}
#text_left li, #text_right li {
	padding-right: 2px;
	font-family: verdana,tahoma,arial,helvetica;
	font-size: 0.8em;
	}

/* -- Linkkien ulkoasu -- */
a:link { 
	color: #0262B8;
	text-decoration: none;
	}
a:visited { 
	color: #0262B8;
	text-decoration: none;
	}
a:hover { 
	color: #4496DF;
	text-decoration: none;
	}
a:active { 
	color: #4496DF;
	text-decoration: none;
	}

/* -- Navigaatiolinkkien ulkoasu -- */
#header ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	}
#header li {
	display:inline;
	font-size: 0.8em;
	background-color: transparent;
	}

#header a.yleista {
	cursor: default;
	background-image: url('layout/yleista.gif');
	background-repeat: repeat-none;
	background-position: 0 0;
	font-family: verdana,tahoma,arial,helvetica;
	float:left;
	text-decoration:none;
	height: 21px;
	width:122px;
	color: #000;
	padding: 1px 0 0 10px;
	}
#header a.yleista:hover {
	color: #000;
	background-image: url('layout/yleista.gif');
	background-position: -132px 0;
	}

#header a.kilpailut {
	cursor: default;
	background-image: url('layout/kilpailut.gif');
	background-repeat: repeat-none;
	background-position: 0 0;
	font-family: verdana,tahoma,arial,helvetica;
	float:left;
	text-decoration:none;
	height: 21px;
	width:122px;
	color: #000;
	padding: 1px 0 0 10px;
	}
#header a.kilpailut:hover {
	color: #000;
	background-image: url('layout/kilpailut.gif');
	background-position: -132px 0;
	}

#header a.harjoitustilat {
	cursor: default;
	background-image: url('layout/harjoitustilat.gif');
	background-repeat: repeat-none;
	background-position: 0 0;
	font-family: verdana,tahoma,arial,helvetica;
	float:left;
	text-decoration:none;
	height: 21px;
	width:122px;
	color: #000;
	padding: 1px 0 0 10px;
	}
#header a.harjoitustilat:hover {
	color: #000;
	background-image: url('layout/harjoitustilat.gif');
	background-position: -132px 0;
	}

#header a.esittelyt {
	cursor: default;
	background-image: url('layout/esittelyt.gif');
	background-repeat: repeat-none;
	background-position: 0 0;
	font-family: verdana,tahoma,arial,helvetica;
	float:left;
	text-decoration:none;
	height: 21px;
	width:122px;
	color: #000;
	padding: 1px 0 0 10px;
	}
#header a.esittelyt:hover {
	color: #000;
	background-image: url('layout/esittelyt.gif');
	background-position: -132px 0;
	}

#header a.jasensivut {
	cursor: default;
	background-image: url('layout/jasensivut.gif');
	background-repeat: repeat-none;
	background-position: 0 0;
	font-family: verdana,tahoma,arial,helvetica;
	float:left;
	text-decoration:none;
	height: 21px;
	width:122px;
	color: #000;
	padding: 1px 0 0 10px;
	}
#header a.jasensivut:hover {
	color: #000;
	background-image: url('layout/jasensivut.gif');
	background-position: -132px 0;
	}

#header a.muuta {
	cursor: default;
	background-image: url('layout/muuta.gif');
	background-repeat: repeat-none;
	background-position: 0 0;
	font-family: verdana,tahoma,arial,helvetica;
	float:left;
	text-decoration:none;
	height: 21px;
	width:122px;
	color: #000;
	padding: 1px 0 0 10px;
	}
#header a.muuta:hover {
	color: #000;
	background-image: url('layout/muuta.gif');
	background-position: -132px 0;
	}

/* -- Javascript-menun alimenu -- */
#dropmenudiv {
	padding:0;
	position:absolute;
	margin-left:5px;
	margin-top:1px;
	border-left:1px solid #0262B8;
	border-right:1px solid #0262B8;
	border-top:1px solid #0262B8;
	line-height:18px;
	z-index:1;
	}
#dropmenudiv a {
	width: 116px;
	color: #000;
	font-family: verdana,tahoma,arial,helvetica;
	font-size: 0.7em;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #0262B8;
	padding: 2px;
	text-decoration: none;
	}
#dropmenudiv a:hover {
	background-color: #FFF5D5;
	}
	
/* -- Kalenterihässäkät --*/
/* -- Päivä-div -- */
.paiva {
	float: left;
	margin: 0;
}

/* -- Kalenterin alapuoli -- */
.alla {
	clear: both;
	padding: 5px;
}

/* -- Viikkonumero-paragrafi -- */
.viikkonumero {
	font-weight: bold;
	margin-left: 55px;
}

/* -- Kello-paragrafi -- */
.kellox {
	margin: 0;
	padding: 2px 2px 0 2px;
	width: 48px;
	height: 40px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.kello {
	margin: 0;
	padding: 2px 2px 0 2px;
	width: 48px;
	height: 20px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.kello2 {
	margin: 0;
	background-color: #eee;
	padding: 2px 2px 0 2px;
	width: 48px;
	height: 20px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* -- Päivämäärä-paragrafi -- */
.paivamaara {
	margin: 0;
	padding: 2px 2px 0 2px;
	width: 95px;
	height: 40px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* -- Puumerkki-paragrafi -- */
.puumerkki {
	text-align: center;
	color: #152f46;
	margin: 0;
	background-color: #a9d5f7;
	padding: 2px 2px 0 2px;
	width: 95px;
	height: 20px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* -- Puumerkki-paragrafi (tyhjä) -- */
.puumerkkityhja {
	margin: 0;
	padding: 2px 2px 0 2px;
	width: 95px;
	height: 20px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.puumerkkityhja2 {
	margin: 0;
	background-color: #f7f7f7;
	padding: 2px 2px 0 2px;
	width: 95px;
	height: 20px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}