/* -:-:-:-:- TAGIT -:-:-:-:- */


body
	{
	background-color:			#FFF;
	font-family:				arial, sans-serif;
	padding:					0;
	color:						#000;
	font-size:					14px;
	}

a:link, a:visited, a:active, a:hover
	{
	text-decoration:			none;
	font-weight:				bold;
	}

a:link
	{
	color:						#090;
	}

a:visited
	{
	color:						#060;
	}

a:active, a:hover
	{
	color:						#000;
	background-color:			#DEA;
	}

ol li
	{
	margin:						10px 0;
	}

dl
	{
	margin-left:				15px;
	}

dt
	{
	letter-spacing:				2px;
	font-weight:				bold;
	margin-top:					10px;
	font-size:					16px;
	}


/* -:-:-:-:-:- /TAGIT -:-:-:-:-:- */


/* -:-:-:-:- LUOKAT -:-:-:-:- */


/* ----- Sivun ylälaidan vihreät osat ----- */


.vasen /* elementti, joka sisältää logo- ja päänavigointi -elementit*/
	{
	background-color:			#8A6;
	width:						200px;
	}

.logo /* elementti, joka sisältää logon */
	{
	margin:						10px 15px 0;
	background-color:			transparent;
	}

.logo img
	{
	border:						none;
	}

.navi /* elementti, joka sisältää päänavigoinnin */
	{
	font-size:					12px;
	font-weight:				bold;
	letter-spacing:				2px;
	text-transform:				uppercase;
	padding:					5px 10px 5px 20px;
	margin:						10px 0 15px;
	background-color:			#BC8;
	list-style-image:			url(merkki.gif);
	list-style-type:			square;
	list-style-position:		inside;
	}

.navi li
	{
	margin:						0;
	}

.navi .taalla  /* tyyli sen sivun linkille, jolla parhaillaan ollaan */
	{
	list-style-image:			url(taalla.gif);
	}

.info .metatieto /* index.html:n elementti, joka sisältää linkit sivukarttaan, metatietoihin ja päivityshistoriaan */
	{
	text-transform:				uppercase;
	font-weight:				normal;
	}

.info .metatieto, .info .navipolku /* jälkimmäinen on alasivujen elementti, joka sisältää kulloisenkin alasivun sijaintipolun */
	{
	padding:					10px 50px 10px 0;
	margin-top:					0;
	margin-bottom:				20px;
	font-size:					10px;
	letter-spacing:				1px;
	color:						#000;
	font-weight:				bold;
	}

.info .banneri /* index.html:n elementti yläpalkkiin mahdollisesti tulevalle bannerille */
	{
	padding:					10px 20px;
	}

.banneri img
	{
	border:						none;
	}

.navi a:link, .navi a:visited, .metatieto a:link, .metatieto a:visited, .navipolku a:link, .navipolku a:visited
	{
	color:						#000;
	}

.navi a:active, .navi a:hover, .metatieto a:active, .metatieto a:hover, .navipolku a:active, .navipolku a:hover
	{
	background-color:			#DEA;
	color:						#000;
	}

.metatieto a:link, .metatieto a:visited, .metatieto a:active, .metatieto a:hover
	{
	font-weight:				normal;
	}

.banneri a:hover, .logo a:hover
	{
	background-color:			transparent;
	}


/* ------ /Sivun ylälaidan vihreät osat ------ */


/* ----- Sivun otsikointi ja alasivujen linkit ----- */


.alalinkit /* alasivujen elementti, joka sisältää alasivulle alisteisten sivujen linkit */
	{
	font-size:					16px;
	letter-spacing:				1px;
	font-weight:				bold;
	color:						#684;
	}
	
.alalinkit a:link, .alalinkit a:visited, .alalinkit a:active, .alalinkit a:hover
	{
	text-decoration:			none;
	color:						#000;
	font-weight:				bold;
	}


/* ------ /Sivun otsikointi ja alasivujen linkit ------ */


/* ----- index.html:n laatikot ----- */


.yhteys /* elementti, joka sisältää killan yhteystiedot */
	{
	float:						right;
	border:						2px dotted #030;
	padding:					5px;
	margin-left:				10px;
	background-color:			#DEA;
	margin-bottom:				10px;
	width:						260px;
	}

.tapahtuu /* elementti, joka sisältää tulevia tapahtumia */
	{
	background-color:			#BC8;
	float:						right;
	clear:						right;
	width:						260px;
	padding:					0 5px 5px 5px;
	margin-left:				10px;
	margin-bottom:				10px;
	border:						2px dotted #030;
	}

.tapahtuu h3
	{
	letter-spacing:				1px;
	text-align:					center;
	margin-top:					15px;
	}

.tapahtuu h4
	{
	letter-spacing:				1px;
	margin-bottom:				0;
	}

.tapahtuu p
	{
	margin-bottom:				10px;
	margin-top:					0;
	}


.irkki /* elementti, joka sisältää killan irkkikannun tiedot */
	{
	float:						right;
	clear:						right;
	border:						2px dotted #030;
	padding:					5px;
	margin-left:				10px;
	background-color:			#DEA;
	margin-bottom:				10px;
	width:						260px;
	}

/* ------ /index.html:n laatikot ------ */


/* ----- Sisältö ----- */


.main /* elementti, joka sisältää sisalto-elementin, sekä etusivulla yhteys- ja tapahtuu-elementit, käytetään asemoinnin apuna */
	{
	padding-bottom:				30px;
	padding-top:				20px;
	border-top:					3px dotted #8A6;
	}

.sisalto /* elementti, joka sisältää sivun varsinaisen sisällön */
	{
	background-color:			transparent;
	padding:					0px 15px 10px 15px;	
	}

.sisalto h1
	{
	font-size:					32px;
	font-weight:				normal;
	letter-spacing:				1px;
	margin-bottom:				30px;
	color:						#030;
	}

.sisalto h2
	{
	font-size:					24px;
	font-weight:				normal;
	letter-spacing:				2px;
	color:						#030;
	}

.sisalto h3

	{
	font-size:					20px;
	letter-spacing:				3px;
	}


/* ------ /Sisältö ------ */


/* ----- Valokuva-albumin tyylit ----- */


.peukut img /* albumisivulla käytetty elementti, joka sisältää thumbnail-kuvat */
	{
	margin:						10px;
	border: 					solid 1px #000;
	}

.peukut a:hover
	{
	background-color:			transparent;
	}

.kuva /* kuvasivulla käytetty elementti, joka sisältää koko sivun sisällön */
	{
	text-align:					center;
	width:						650px;
	padding:					10px;
	margin-left:				auto;
	margin-right:				auto;
	}

.kuva img
	{
	border:						solid 1px #000;
	}

.albnavi /* kuvasivulla käytetty elementti, joka sisältää kuvan yläpuolella olevan navigoinnin */
	{
	padding:					10px;
	font-weight:				bold;
	}

.kuvanavi /* kuvasivulla käytetty elementti, joka sisältää kuvan alapuolella olevan navigoinnin */
	{
	font-size:					0.9em;
	}

.kuvateksti /* kuvasivulla käytetty elementti, joka sisältää kuvatekstin */
	{
	letter-spacing:				1px;
	margin-top:					10px;
	font-size:					1.1em;
	}


/* ------ /Valokuva-albumin tyylit ------ */


/* ----- ilmo.html:n ja kokoukset.html:n tyylit ----- */


.kokous h3 /* .kokous on elementti, joka sisältää kokoukset.html:n .sisalto-elementin - ainoa tarkoitus helpottaa otsikon oman tyylin käyttöä */
	{
	font-weight:				normal;
	margin-bottom:				-5px;
	}

.reunus /* elementti, joka sisältää ilmoituksen / kokousyhteenvedon */
	{
	border:						double 3px #696;
	padding:					0 10px 10px 10px;
	margin-bottom:				20px;
	}

.reunus h4
	{
	letter-spacing:				2px;
	margin-top:					-10px;
	}


/* ------ /ilmo.html:n ja kokoukset.html:n tyylit ------ */


/* ----- hallitus.html:n tyylit ----- */


.palsta /* elementti, jonka avulla hallituksen jäsenet saadaan palstoitettua */
	{
	float:						left;
	}

.hallitus /* elementti, joka sisältää aina yhden hallituslaisen tiedot */
	{
	clear:						left;
	margin-bottom:				40px;
	margin-right:				20px;
	}
	
.hallitus img
	{
	float:						left;
	margin-bottom:				15px;
	margin-right:				15px; 
	border:						solid 1px #000;
	}

.hallitus p
	{
	margin-left:				80px;
	}


/* ------ /hallitus.html:n tyylit ------ */


/* ----- Tenttikysymysarkiston tyylit ----- */

.aak /* listatyyli, jolla järjestetty lista saadaan käyttämään aakkosia */
	{
	list-style-type:			lower-alpha;
	}

.tentit /* taulukkotyyli, jolla saadaan taulukolle yksinkertainen reuna */
	{
	border:						1px #000 solid;
	}

/* ------ /Tenttikysymysarkiston tyylit ------ */


/* ----- Sekalaisia tyylejä ----- */


.pienryhmä /* fuksi.html:n elementti, joka sisältää aina yhden pienryhmäohjaajan esittelyn */
	{
	margin-bottom:				30px;
	}

.pienryhmä img
	{
	border:						solid 1px #000;
	float:						left;
	margin:						0 5px 5px 0;
	}

.biologipv /* lehdykka/2_99.html:n taulukkotyyli */
	{
	border: 					solid #000 1px;
	}

.biologipv td
	{
	border: 					solid #000 1px;
	padding:					2px 10px;
	}


/* ------ /Sekalaisia tyylejä ------ */


/* -:-:-:-:-:- /LUOKAT -:-:-:-:-:- */