/* cAPS LOCK HELSINKI */

*	{
	margin: 0px;
	padding: 0px;
	}

html {height: 100%;}

body
	{
	background: url(kuvat/css/background_01.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align:center;
	height: 101%;
	}

div#bodywrapper
	{
	background: url(kuvat/css/background_02.gif) repeat-y;
	width: 800px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	}

table { width: 450px; }
td { width: 200px; vertical-align:top; padding-left: 20px; }
td.maarit { width: 450px; vertical-align:top; text-align: center; }

img
	{
	border: solid 0px;
	}

img.henkilo
	{
	margin: 0px;
	}

	
div#container
	{
	width: 780px;
	margin: 0 auto;
	text-align: left;
	}
	
div#content
	{
	float: left;
	width: 450px;
	padding: 0px;
	margin: 30px 0px 30px 40px;
	}

div#oikea_palsta
	{
	float:right;
	width:250px;
	padding: 0px;
	margin: 20px 20px 0px 0px;
	font-size: 11px;
	line-height: 16px;
	}
	
div#tiedotteet
	{
	background: #e3f3fb url(kuvat/css/tiedotteet.gif) no-repeat;
	padding: 0px 20px 20px 20px;
	margin: 0px 0px 20px 0px;
	}
	
		div#tiedotteet h2
		{
		text-indent: -10000px;
		margin: 0px 0px 25px 0px;
		}
		
div#linkit
	{
	background: #e3f3fb url(kuvat/css/linkit.gif) no-repeat;
	padding: 0px 20px 20px 20px;
	margin: 0px 0px 20px 0px;
	}
	
		div#linkit h2
		{
		text-indent: -10000px;
		margin: 0px 0px 25px 0px;
		}

div#navigointi
	{
	height:40px;
	width: 780px;
	background: #e3f3fb;
	padding: 0px;
	margin: 0 auto;
	}

	#navigointi ul { 
	list-style-type: none; 
	margin: 0px;
	padding: 0px 0px 0px 30px;
	}

	#navigointi ul li { display: inline; float: left; }

		#navigointi ul li a {
		display: block;
		padding: 0px;
		height: 40px;
		text-align: left;
		margin: 0px;
 		text-decoration: none;
		text-indent: -10000px;		
		}

		#navigointi ul li a#palvelut_act { width: 117px; background: url(kuvat/css/palvelut_02.gif) no-repeat }		
		#navigointi ul li a#palvelut:link { width: 117px; background: url(kuvat/css/palvelut_01.gif) no-repeat }
		#navigointi ul li a#palvelut:visited { width: 117px; background: url(kuvat/css/palvelut_01.gif) no-repeat }
		#navigointi ul li a#palvelut:active { width: 117px; background: url(kuvat/css/palvelut_01.gif) no-repeat }
		#navigointi ul li a#palvelut:hover { width: 117px; background: url(kuvat/css/palvelut_02.gif) no-repeat }
		
		#navigointi ul li a#tahti { width: 12px; background: url(kuvat/css/tahti.gif) }

		#navigointi ul li a#henkilokunta_act { width: 170px; background: url(kuvat/css/henkilokunta_02.gif) no-repeat }		
		#navigointi ul li a#henkilokunta:link { width: 170px; background: url(kuvat/css/henkilokunta_01.gif) no-repeat }
		#navigointi ul li a#henkilokunta:visited { width: 170px; background: url(kuvat/css/henkilokunta_01.gif) no-repeat }
		#navigointi ul li a#henkilokunta:active { width: 170px; background: url(kuvat/css/henkilokunta_01.gif) no-repeat }
		#navigointi ul li a#henkilokunta:hover { width: 170px; background: url(kuvat/css/henkilokunta_02.gif) no-repeat }
		
		#navigointi ul li a#yhteydenotto_act { width: 166px; background: url(kuvat/css/yhteydenotto_02.gif) no-repeat }
		#navigointi ul li a#yhteydenotto:link { width: 166px; background: url(kuvat/css/yhteydenotto_01.gif) no-repeat }
		#navigointi ul li a#yhteydenotto:visited { width: 166px; background: url(kuvat/css/yhteydenotto_01.gif) no-repeat }
		#navigointi ul li a#yhteydenotto:active { width: 166px; background: url(kuvat/css/yhteydenotto_01.gif) no-repeat }				
		#navigointi ul li a#yhteydenotto:hover { width: 166px; background: url(kuvat/css/yhteydenotto_02.gif) no-repeat }

div#english
	{
	height:20px;
	width: 760px;
	text-align: right;
	}

div#header
	{
	height:115px;
	width: 780px;
	}
	
div#header h1
	{
	width:286px;
	height:188px;
	padding: 0px 0px 0px 30px;
	}
	
h2	{
	line-height: 24px;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	}

h3	{
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	}
	
p	{
	padding: 0px 0px 30px 0px;
	}

p.henkilokunta	{
	padding: 0px 0px 30px 0px;
	line-height: 12px;
	}
	
ul	{
	list-style: disc;
	text-align: left;
	padding: 0px 0px 50px 5px;
	line-height: 20px;
	font-size: 11px;
	}
	
a:link { text-decoration: underline; color: #0068b4; }
a:visited { text-decoration: underline; color: #0068b4; }
a:hover { text-decoration: none; color: #0068b4; }
a:active { text-decoration: none; color: #0068b4; }

.pvm	{
	color: #007ca9;
	font-size: 11px;
	}
	

div#extra
	{
	clear:both;
	width:720px;
	background: #999;
	margin: 0px 20px 0px 40px;
	}

div#footer
	{
	clear:both;
	width: 780px;
	height: 50px;
	border-bottom: solid 10px #a7cde1;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	color: #000;
	}
	
div#footer p
	{
	line-height: 17px;
	font-size: 11px;
	}
	
div#alaosa { height: 50px; }

div#palsta_1
	{
	border-top: solid 1px #a7cde1;
	width:210px;
	float: left;
	margin: 0px 0px 0px 40px;
	padding: 10px 0px 0px 0px;
	}

div#palsta_2
	{
	border-top: solid 1px #a7cde1;
	width:200px;
	float: left;
	margin: 0px;
	padding: 10px 30px 0px 30px;
	}
	
div#palsta_3
	{
	border-top: solid 1px #a7cde1;
	width:220px;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}