@charset "utf-8";
/* CSS Document */

html, body 
{
	background-color: #a4c5dc;
	height: 100%;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #00477f;
}


/*--------------------------------
	FONTIT
---------------------------------*/

.otsikko /*SGH otsikko*/
{
	font-family:"Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
}

.paksuSininenFont
{
	font-family:arial, sans-serif;
	font-size: large;
}

.valkoinenFont
{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
}

.tummaSininenFont /*valittuNavi*/
{
	font-family:Arial, Helvetica, sans-serif;
	color: #003759;
	font-size:15px;
}


/*--------------------------------
	LINKIT
---------------------------------*/

A.linkvalkoinen /*navivalikko*/
{
		font-family:		arial, sans-serif;
		color:				#FFFFFF;
		font-size: 			15px;
		text-decoration:	none;
		display:			block;
		width:				100%;
		height:				21px;
		padding-top:		1px;
	}
	A:visited.linkvalkoinen
	{
	
	}
	A:active.linkvalkoinen
	{
		color:				#FF3300;
	}
	A:hover.linkvalkoinen
	{
		background:			#569ad8 url(kuvat/osat/naviblockHover.jpg);
}

A.linkvalkoinenVasen /*navivalikko*/
{
		font-family:		arial, sans-serif;
		color:				#FFFFFF;
		font-size: 			15px;
		text-decoration:	none;
		display:			block;
		width:				100%;
		height:				21px;
		padding-top:		1px;
	}
	A:visited.linkvalkoinenVasen
	{
	
	}
	A:active.linkvalkoinenVasen
	{
		color:				#FF3300;
	}
	A:hover.linkvalkoinenVasen
	{
		background:			#569ad8 url(kuvat/osat/naviblockVasenHover.jpg);
}

A.linkvalkoinenOikea /*navivalikko*/
{
		font-family:		arial, sans-serif;
		color:				#FFFFFF;
		font-size: 			15px;
		text-decoration:	none;
		display:			block;
		width:				100%;
		height:				21px;
		padding-top:		1px;
	}
	A:visited.linkvalkoinenOikea
	{
	
	}
	A:active.linkvalkoinenOikea
	{
		color:				#FF3300;
	}
	A:hover.linkvalkoinenOikea
	{
		background:			#569ad8 url(kuvat/osat/naviblockOikeaHover.jpg);
}

A.linkLogo /*logo*/
{
		border:				0;
		display:			block;
		width:				115px;
		height:				100px;
		background:			url(kuvat/osat/logo.png);
	}
	A:visited.linkLogo
	{
	
	}
	A:active.linkLogo
	{
	}
	A:hover.linkLogo
	{
		background:			url(kuvat/osat/logoHover.png);
		
}

A.linkperusValkoinen /*mainTekstiLinkki*/
{
		font-family:		arial, sans-serif;
		color:				#FFFFFF;
		text-decoration:	none;
	}
	A:visited.linkperusValkoinen
	{
	
	}
	A:active.linkperusValkoinen
	{
		color:				#FF3300;
	}
	A:hover.linkperusValkoinen
	{
		color:				#ff9d3b;
		
}

A.linkIsoSininen /*linkIsoSininen*/
{
		font-family:Arial, Helvetica, sans-serif;
		color: #00477f;
		font-size: large;
	}
	A:visited.linkIsoSininen
	{
	
	}
	A:active.linkIsoSininen
	{
		color:				#FF3300;
	}
	A:hover.linkIsoSininen
	{
		color:				#ff9d3b;
		
}

/*--------------------------------
	TAUSTAKUVA ASETTELU
---------------------------------*/

.bgOikea
{
	background-position:right;
	background-repeat:repeat-y;
}
.bgVasen
{
	background-position:left;
	background-repeat:repeat-y;
}
.bgValiviiva
{
	background-position:center;
	background-repeat:no-repeat;
}


/*--------------------------------
	DIVIT
---------------------------------*/

#logoYla {
	position:relative;
	left:730px;
	top:-20px;
	width:10px;
	height:10px;
	z-index:2;
}

#logoAla {
	position:relative;
	left:-42px;
	bottom:100px;
	width:5px;
	height:5px;
	z-index:1;
}

#sivuotsikko {
	position:relative;
	left:-20px;
	top:0px;
	width:600px;
	height:10px;
	z-index:3;
}