* { margin: 0; padding: 0; }

body {
	color: #333;
	background: #F4F8EA url(/pics/bg.gif) 0px 0px repeat-x;
	font-family: "Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
	width: 965px;
	margin: 0 auto;
	padding-bottom: 50px;
	}
	
	body#subpage {
		background: #EDF4DD url(/pics/bg-subpage.jpg) 0px 0px repeat-x;
		}

	a { text-decoration: none; }
	a:hover { border-bottom: solid 1px; }
	
	#header {
		position: relative;
		z-index: 99;
		margin: 0 auto;
		background: transparent;
		width: 100%;
		height: 137px;
		}

		#header #emergency {
			position: absolute;
			right: 10px;
			top: 79px;
			height: 25px;
			width: auto;
			background: transparent url(/pics/crisis-bg.gif) top right no-repeat;
			z-index: 100;
			}
			
			#header #emergency a { 
				display: block;
				height: 25px;
				padding: 6px 10px 0 10px;
				color: #fff;
				background: transparent url(/pics/crisis-a-bg.gif) top left no-repeat;
				font-size: 12px;
				font-weight: bold;
				}
				
			#header #emergency a:hover { border-bottom: none; }
		
		#header #logo {
			position: absolute;
			top: 23px;
			left: 13px;
			z-index: 2;
			}
			
		#headerOptional #logo {
			position: absolute;
			top: 23px;
			left: 13px;
			z-index: 2;
		
			}
			
			#header #logo img, #headerOptional #logo img { border: none; }
		
			#header a#logo:hover, #headerOptional a#logo:hover { border: none; }
			
			#headerOptional img#projectBanner { position: absolute; left: 305px; top: 20px; }
			
		
		#header #slogan, #headerOptional #slogan { 
			position: absolute; 
			top: 28px; 
			left: 323px; 
			width: 349px; 
			height: 65px;
			z-index: 1; 
		}
			#header #slogan a, #headerOptional #slogan a { font-size: 12px; color: #807f83; }
			#header #slogan a:hover, #headerOptional #slogan a:hover { border-bottom: none; text-decoration: underline; }
		
		#header #slogan.english, #headerOptional #slogan.english { top: 21px; } 
		#header #slogan.english a, #headerOptional #slogan.english a { font-size: 11px;} 

    	#headerOptional #slogan { left: 440px; }	
    					
		#header img#sloganPic { position: absolute; top: 0px; left: 223px; width: 519px; height: 76px; z-index: 1; }

		#header #languageSelection {
			position: absolute;
			right: 0px;
			top: 5px;
			}
			
			#languageSelection p { font-size: 11px; color: #286EB4; }
			
			#languageSelection a {
				font-size: 11px;
				color: #296EB4;
				margin: 0 5px;
				}	

				#languageSelection a:hover { background: #EBF5FB; }


		#header #browserHelp {
			position: absolute;
			right: 0px;
			top: 20px;
			z-index: 2;
			}

			#browserHelp li { display: inline; }

			#browserHelp li a { 
				color: #296EB4;
				font-size: 12px;
				font-weight: bold;
				background: transparent url(/pics/browserHelp-a.gif) right center no-repeat;
				padding-right: 10px;
				}

			#browserHelp li a#last { background: none; padding-right: 0;}	

		
		#header #search {
			position: absolute;
			top: 45px;
			right: 0px;
			text-align: right;
			z-index: 99;
			}

			#search fieldset { border: none; }

			#search #inputSearch { 
				position: relative;
				width: 205px; 
				border: solid 1px #9C9C9C; 
				border-right: solid 1px #D2D3D4; 
				border-bottom: solid 1px #D2D3D4; 
				font: normal normal 12px arial;
				padding: 2px 3px;
				}
				
			#search #submitSearch {
				position: relative;
				background: transparent url(/pics/searchInput.gif) no-repeat;
				height: 21px;
				width: 25px;
				border: none;
				color: #fff;
				font-size: 11px;
				}

    	#headerOptional {
    		position: relative;
			z-index: 99;
    		height: 87px;
    		background: transparent url(/pics/headeropt-bg.gif) bottom left repeat-x;
    		border-bottom: 4px solid #006EBB;
    		}
    		
    		#headerOptional #print {
    			position: absolute;
    			right: 0px;
    			bottom: 0px;
    			color: #fff;
    			background: transparent url(/pics/headeropt-print-bg.gif) bottom left repeat-x;
    			height: 20px;
				padding: 4px 0;
    			}
				
				#print a {
					color: #fff;
					font: bold 12px arial;
					padding: 14px 8px 5px 5px;
					}
					
				#print a.first { background: transparent url(/pics/headeropt-print-a-bg.gif) bottom left no-repeat; padding-left: 20px; }

				#print a:hover { border-bottom: none; text-decoration: underline; }

		#nav {
			position: absolute;
			z-index: 99;
			bottom: 0;
			width: 100%;	
			}

			#nav ul {
				background: transparent url(/pics/ul.jpg) bottom center no-repeat;
				height: 58px;
				list-style-type: none;
				padding-left: 15px;
				}

				#nav li {
					background: transparent url(/pics/li.jpg) top left no-repeat;
					padding-left: 6px;
					height: 25px;
					float: left;
					margin-right: 2px;
					}

					#nav li.selection {
						background: transparent url(/pics/li-selected.jpg) top left no-repeat;
						padding-left: 10px;
						}

				#nav li a {
					display: block;
					background: transparent url(/pics/li-a.jpg) top right no-repeat;
					color: #1770AD;
					font-size: 12px;
					padding: 6px 15px 4px 10px;
					float: left;
					}

					#nav li.selection a {
						background: transparent url(/pics/li-a-selected.jpg) top right no-repeat;
						color: #fff;
						font-weight: bold;
						}
						

					#nav li a:hover, #nav li.selection a { border: none; }

				#nav ul ul { 
					background: none; 
					position: absolute;
					z-index: 99;
					width: 970px;
					top: 32px;
					height: auto;
					padding: 0;
					left: 1px;
					background: transparent url(/pics/ul-footer.jpg) bottom left no-repeat;
					z-index: 99;
					}

					#nav ul ul li { 
						background: none; margin: 0; }
					
					#nav ul ul a { 
						float: left;
						background: none; 
						font-size: 11px; 
						color: #fff; 
						padding: 0;
						display: block;
						padding: 0px 4px;
						white-space: nowrap;
						margin-bottom: 5px;
						}

					#nav li.selection ul a { background: none; font-weight: normal; }

					#nav li li.selection a { background: none; font-weight: normal; text-decoration: underline;}
					#nav li li.selection { background: none; }
 
					
	#page {
		position: relative;
		z-index: 1;
		background: transparent url(/pics/page-ie6.jpg) top right no-repeat;
		font-size: 12px;
		}
		
		#page h1#pageTitle, #page h1#sectionTitle {
			font-family: georgia;
			font-size: 24px;
			font-weight: normal;
			color: #2a8a14;
			margin: 0px 0px 10px 0px;
			padding-bottom: 8px;
			border-bottom: 4px solid #F1F1F1;
			}
		
		#page h1#pageTitleMargin, #page h1#sectionTitleMargin {
			font-family: georgia;
			font-size: 24px;
			font-weight: normal;
			color: #2a8a14;
			margin: 0px 0px 10px 311px;
			padding-bottom: 8px;
			border-bottom: 4px solid #F1F1F1;
			}
			
		#page .extraMargin { margin-left: 280px; }
		
		#subpage #page { background: #fff; padding: 20px; }
	
		#page #content { min-height: 500px; }	
			
		#subpage #page #contentNav { position: relative; height: 30px; width: 100%; font-size: 12px; overflow: hidden; z-index: 2; margin-bottom: 10px; }
		#subpage #page #contentNav ul { position: absolute; display: block; list-style-type: none; margin: 3px 0 3px -15px; }
		#subpage #page #contentNav ul li { display: inline; float: left; padding: 0px 15px; border-left: 1px solid #545454; }
		#subpage #page #contentNav ul li a { display: block; color: #545454; font-weight: bold; }
		#subpage #page #contentNav ul li.selection a { color: #f00; }

			#page p { font-size: 12px; margin: 0 0 10px 0; }
			#page h4.fourthHeader { margin: 0 0 10px 0; }
			#page a { color: #2B7EC2; border-bottom: none; }
			#page a:hover { text-decoration: underline; border-bottom: none; }
			#page ul, #page ol { margin: 10px 0px 10px 25px; }
			
			#page #content span { color: #545454; margin: 0 0 10px 0; }

			#page #content .vines { position: absolute; width: 449px; height: 156px; background: transparent url(/pics/page-small.gif) no-repeat; right: 15px; z-index: 1; }
			#page #content #osio { top: 35px; }
			#page #content #osasto { top: 75px; }
			
			#page #content #contentLeft { 
				position: relative;
				float: left;
				width: 475px;
				margin: 0px 15px 20px 0;
				}

			#page #currentRight {
				position: relative;
				width: 405px;
				margin-left: 490px;
				z-index: 2;
				}

			#page #content .osio { top: 41px; }

			#page #currentRight #navWrapper {
				background: transparent url(/pics/current-nu-trans.png) top left no-repeat;
				padding: 15px 18px;
				margin-left: 24px;
				min-height: 350px;
				width: 405px;
				}
			
			#currentRight h3 {
					background: transparent url(/pics/current-title.gif) top left no-repeat;
					text-transform: uppercase;
					font: normal bold 15px georgia;
					color: #fff;
					margin: 0 0 0 -6px;
					padding: 6px 7px 0 8px;
					height: 37px;
					width: 360px;
					}
					
				#currentRight #navWrapper li {
					background: transparent url(/pics/current-msg.gif) 0px 1px no-repeat;
					font: normal normal 11px arial;
					width: 350px;
					color: #595959;
					margin: 10px 0 5px -5px;
					padding: 0 0 10px 20px;
					}
		
					#currentRight #navWrapper ul { list-style-type: none; margin: 12px 0; }

					#currentRight #navWrapper li a {
						display: block; 
						color: #2A8A14;
						font-size: 12px;
						font-weight: bold;
						margin: 3px 0 0 0;
						padding-right: 10px;
						}
						
			#currentRight h5, #postScriptum h5.grey {
				color: #545454;
				text-transform: uppercase;
				font: normal bold 15px georgia;
				margin: 0 0 10px 0;
				}
				
				#currentRight #navWrapper #currentEvents { padding: 5px; }
				#currentRight #navWrapper #currentEvents a { display: block; width: 350px; color: #666; font: bold 12px arial; margin: 6px 0; }
				
				#currentRight #navWrapper #postScriptum { width: 355px; padding: 5px; }
				
				#postScriptum h1, #postScriptum h2, #postScriptum h3, #postScriptum h4, #postScriptum h5, #postScriptum h6 { font: normal bold 12px/15px georgia, arial, helvetica, sans-serif; color: #545454; border: none; margin: 5px 0; padding: 0; background: none; }
				#postScriptum a { color: #2B7EC2; }
				#navWrapper #postScriptum ul { list-style-type: disc; }
				#navWrapper #postScriptum ul li, #postScriptum ol li { margin: 0 0 0 20px; padding: 0; background: none; }
				#navWrapper #postScriptum ul li a { display: inline; margin: 0; padding: 0; background: none; color: #2B7EC2; }

					

		#pageInfo { position: relative; padding: 0 15px 8px 15px; background: transparent; height: 1px; z-index: 5; }
		#shortUrl, #updateInfo, #shortUrl a { position: relative; font: normal normal 11px arial; color: #545454; }
		#shortUrl { float: left; margin-bottom: 8px; }
		#updateInfo { float: right; margin-bottom: 8px; }
		
		/* theme */

		#theme {
			margin: 15px 0 0 19px;
			min-height: 650px;
			}
			
			#theme #themeText { 
				position: relative;
				padding: 5px 20px 5px 0px;
				margin: 0 0 30px 0;
				}
			
			.frontpageTheme { width: 485px; }

			#theme h1 {
				font: normal normal 24px georgia;
				color: #737373;
				border-bottom: solid 4px #F1F1F1;
				margin: 0px 0px 15px 0px;
				padding: 0 0 8px 0;
				}
				
			#theme h2.themeTitle { 
				text-transform: uppercase;
				font: normal bold 15px georgia;
				margin: 0 0 10px 0;
				}

			#theme p {
				font-size: 12px;
				line-height: 17px;
				padding: 0;
				}

		/* introduction */

		#page #introduction {
			margin: 0 0 5px 0;
			border-bottom: solid 4px #ECEDEC;
			background: transparent url(/pics/introduction.jpg) bottom repeat-x;
			padding: 0px 10px 10px 20px;
			font-size: 12px;
			}

			#page #introduction h1 {
				font: normal normal 24px georgia;
				color: #027AB8;
				border-bottom: none;
				margin: 0 0 10px 0;
				}

			#page #introduction p { color: #323232; padding: 5px 0 8px 0;}
			#page #introduction p.txtleipa { color: #323232; padding: 0;}



		
		/* subnavigation */
		
		#subNav {
			position: relative;
			width: 268px;
			margin-right: 0.5em;
			float: left;
			background: transparent url(/pics/subnav-bg-trans.png) 4px 0px no-repeat;
			min-height: 500px;
			}
			
			img#subnavEmpty { position: absolute; top: 5px; left: 13px; }


			#navWrapper {
				background: transparent;
				padding: 15px 15px 15px 0;
				margin-left: 24px;
				min-height: 500px;
				}

			#subNav	h3 {
				position: relative;
				background: #7AB82A url(/pics/subNav-h3.gif) bottom left no-repeat;
				width: 215px;
				left: -6px;
				margin: 0;
				padding: 5px 5px 10px 15px;
				font-family: arial, verdana, helvetica, sans-serif;
				font-size: 16px;
				font-weight: normal;
				color: #fff;
				overflow: hidden;
				}
				
				#subNav h3 a { color: #fff; }


					#page #subNav ul { list-style-type: none; margin: 0; margin-left: -5px; }
					
						#page #subNav ul ul { margin: 0 0 3px 0px; }
						#page #subNav ul ul ul { padding-left: 6px; }
					
					#subNav li a {
						position: relative;
						height: 1%;
						font-size: 12px;
						display: block;
						font-weight: bold;
						padding: 6px 5px 5px 8px;
						border-bottom: solid 1px #E3E3E3;
						color: #3B3B3B;
						overflow: hidden;
						}
						
						#subNav li.selection a, 
						#subNav li.selection li.selection a,
						#subNav li.selection li.selection li.selection a,
						#subNav li.selection li.selection li.selection li.selection a,
						#subNav li.selection li.selection li.selection li.selection li.selection a,
						#subNav li.selection li.selection li.selection li.selection li.selection li.selection a {
							font-weight: bold;
							}

						#subNav li.selection li a, 
						#subNav li.selection li.selection li a, 
						#subNav li.selection li.selection li.selection li a, 
						#subNav li.selection li.selection li.selection li.selection li a,
						#subNav li.selection li.selection li.selection li.selection li.selection li a,
						#subNav li.selection li.selection li.selection li.selection li.selection li.selection li a { 
							font-weight: normal; 
							border-bottom: none; 
							padding: 4px 5px 4px 8px;
							}
						
					#subNav li a:hover, #subNav li.selection a { 
						border-bottom: solid 1px #A5A5A5; 
						color: #242424; 
						background: transparent url(/pics/subNav-hover.gif) bottom repeat-x;
						}	
						
						#subNav li.selection li a, #subNav li li.selection a { background: none; border-bottom: none; }
						
						#subNav li li a:hover {
							border: none;
							text-decoration: underline;
							background: none;
							}
			
		
		/* current */


		#currentWrapper {
			width: 405px;
			margin-right: 15px;
			margin-top: 3em;
			position: absolute;
			right: 10px;
			top: 0px;
			background: transparent url(/pics/current-nu-trans.png) 4px 0px no-repeat;
			}
			
			#currentWrapper #bottom {
				position: absolute;
				bottom: 0px;
				height: 10px;
				width: 400px;
				background: transparent url(/pics/current-bottom-bg.png) bottom center repeat-x;
				}

			#current { 
				float: right;
				padding: 15px 18px 15px 0;
				width: 385px;
				}

				#current h3 {
					position: relative;
					background: transparent url(/pics/current-title.gif) no-repeat;
					margin: 0 0 0 17px;
					color: #fff;
					text-transform: uppercase;
					padding: 7px 0 12px 10px;
					font: bold 16px georgia;
					}
					
					#current a.showAll, #currentRight a.showAll, #currentEvents a.showAll {
						display: block;
						position: relative;
						font: normal bold 12px arial, helvetica, sans-serif;
						border-top: 1px solid #f1f1f1;
						color: #2a8a14;
						}
						
						#current a.showAll { margin: 0 0 10px 25px; border: none; }
						#currentRight a.showAll { width: 355px;  margin: -10px 0 20px 0; padding-top: 7px; }
						#currentRight #navWrapper #currentEvents a.showAll { width: 355px; margin: -15px 0 10px 0; padding-top: 7px; }
				
				#current p { font-size: 11px; padding: 4px 0 0 0;}

				#current p strong a {
					display: block;
					background: #F3F7F2 url(/pics/current-a.gif) bottom repeat-x;
					color: #2A8A14;
					font: normal bold 16px georgia,arial; 
					border-bottom: solid 1px #fff;
					margin: 0 0 7px -5px;
					padding: 6px 10px 6px 5px;
					}

					#current p strong a:hover { border-bottom: solid 1px #2A8A14; text-decoration: none; }

				#current h4 { font: normal normal 12px/17px arial; color: #575757; margin: 8px 0 25px 0; border-bottom: solid 1px #E3E3E3; padding: 0 0 10px 0;}

				#current li {
					background: transparent url(/pics/current-msg.gif) 0px 2px no-repeat;
					font: normal normal 11px arial;
					color: #595959;
					margin: 8px 0 4px 0;
					border-bottom: solid 1px #E3E3E3;
					padding: 0 0 10px 15px;
					}
		
					#current ul { list-style-type: none; }

					#current li a {
						display: block; 
						color: #2A8A14;
						font-size: 12px;
						font-weight: bold;
						margin: 0 0 3px 2px;
						}

					#current li a:hover { border: none; text-decoration: underline;}


		/* shortcuts */

		#shortcuts {
			position: relative;
			background: transparent url(/pics/shortcuts-ie6.gif) top left no-repeat;
			height: 182px;
			width: 488px;
			margin: 0;
			}
			
		#shortcuts h3 {
				position: absolute;
				height: 36px;
				width: 152px;
				text-indent: -10000px;
				top: 5px;
				left: 38px;
				}
				
				#shortcuts h3 img { position: absolute; top: 2px; left: 0px; }
					#shortcuts h3.shortsuomi { background: transparent url(/pics/shortcuts-suomi.gif) top left no-repeat; }
					#shortcuts h3.shortsvenska { background: transparent url(/pics/shortcuts-svenska.gif) top left no-repeat; }
					#shortcuts h3.shortenglish { background: transparent url(/pics/shortcuts-english.gif) top left no-repeat; }

				#shortcuts ul { 
					list-style-type: none; 
					position: absolute;
					left: 70px;
					top: 48px;
					}

				#shortcuts li { display: inline; }
				#shortcuts li a {
					background: transparent url(/pics/shortcuts-li.gif) center left no-repeat;
					font: normal bold 12px arial;
					color: #EA7C00;
					padding: 3px 0px 4px 15px;
					display: block;
					width: 160px;
					float: left;
					}
					
					#shortcuts li a:hover { border: none; text-decoration: underline; }

		/* events */

		#events {
			float: left;
			font-family: arial;
			width: 250px;
			margin: 15px 0 0 0;
			}
			
			#events h3, #publications h3 {
				font: normal bold 14px georgia;
				color: #7B7F71;
				text-transform: uppercase;		
				margin-bottom: 10px;		
				}
				
			#events ul, #publications ul { list-style-type: none; margin: 0;}
			
			#events li { font-size: 11px; margin-bottom: 5px; }
			
			#events a, #publications a {
				display: block;
				font-size: 12px;
				height: 1%;
				border-bottom: solid 1px #D7DDC7;
				color: #5F6258;
				padding-bottom: 5px;
				}	
				
				#events a:hover {
					color: #4C4E45;
					border-bottom: solid 1px #4C4E45;
					text-decoration: none;
					}
				
	
		/* publications */

		#publications {
			float: left;
			width: 15em;
			margin: 15px 0 0 20px;
			}
			
		#publications h3 {
			margin-bottom: 10px;
			}	
			
		#publications li { margin-bottom: 5px; font-family: arial;}	
			
		#publications a {
			background: transparent url(/pics/li-publications.gif) 0px 3px no-repeat;
			padding: 0 0 5px 15px;
			}	

			
			#publications a:hover { color: #4C4E45; border-bottom: solid 1px #4C4E45; text-decoration: none;}

			#events h3 a, #publications h3 a { background: none; border: none; padding: 0; margin: 0; }
			#events h3 a:hover, #publications h3 a:hover { border: none; text-decoration: underline; }

	#footer { background: #fff; }
			
	#copyright { 
		background: #0069B1 url(/pics/footer.gif); 
		height: 32px;
		clear: both;
		padding: 0 15px;
		margin-top: 15px;
		}

	#copyright p, address {
		color: #fff;
		font: normal normal 12px arial;
		float: left;
		padding-top: 7px;
		}

		#copyright address { float: right; }
		#copyright address a { color: #fff; }

	/* --- anchor-navi --- */

	#subpage #page #anchorContent {
		position: relative;
		background: #fff;
		color: #575757;
		margin-left: 311px;
    	width: 58%;
		font: normal normal 12px/16px arial, helvetica, sans-serif;
		}
		
		#subpage #page #anchorContent a { color: #2B7EC2; }
		#subpage #page #anchorContent a:hover { border-bottom: none; text-decoration: underline; }
		#subpage #page #anchorContent a.anchorLink { color: #2B7EC2; padding-left: 12px; background: transparent url(/pics/shortcuts-li-blue.gif) 0px 2px no-repeat; font-weight: bold; margin-left: 2px; }

		#subpage #page #anchorContent ul#fo { list-style-type: none; padding-bottom: 4px; border-bottom: 4px solid #F1F1F1; margin: 0 2px; }
		
	/* --- publishing & contact persons --- */
	
	#publishing, #contacts { position: relative; margin: 0 0 15px 311px; width: 58%; padding: 0; font: normal normal 12px/15px arial; }
	#publishing a, #contacts a, div.contactPerson a { color: #2B7EC2; font-weight: bold; }
	#publishing a:hover, #contacts a:hover, div.contactPerson a:hover { border-bottom: none; text-decoration: underline; }
	#subpage #page #publishing h1 { color: #737373; }
	#publishing h2.publishedTitle { font: normal normal 18px/25px georgia; margin: 0 0 8px 0;  }
	#publishing #titleInfo { margin: 0 0 10px 0; line-height: 18px; }
	#publishing #selected, p#alphabets #selected { background: #bbddff; padding: 1px 3px; }
	#publishing p#letters, p#alphabets { font: normal normal 12px arial; color: #ccc; border-bottom: 4px solid #eee; padding-bottom: 6px; text-align: center; }
	#publishing p#none { margin: 15px 0; }

	#publishing ul { margin: 0 0 15px 0; padding: 0; list-style-type: none; }
	#publishing ul li { margin: 3px 0; padding: 5px 2px; border-top: 1px solid #ccc; }
	#publishing ul li:first-child { border-top: none; }
	
	/* --- contact persons --- */
	
	#contacts { border-bottom: 4px solid #eee; padding-bottom: 20px; }
	#contacts h4 { margin: 15px 0 5px 0; }
	#contacts p.normal { margin: 0 0 5px 0; }
	#contacts p.leaders { margin: 0 0 5px 0; padding: 2px 0 8px 0; border-bottom: 1px solid #eee; }
	#contacts input { border: 1px solid #ccc; background: #fff; width: 200px; padding: 2px; margin: 10px 5px 10px 0; }
	#contacts button { margin: 10px 0; }
	
	div.contactPerson, a.department { 
		position: relative;
		display: block;
		float: left;
		padding: 15px;
		margin: 8px;
		width: 220px; /* tarkistetaan toiminta t�ll� leveydell� */
		border: 1px solid #ccc;
		background: #f6f6f6;
		font: normal normal 12px/15px arial;
		}
		
	#contacts a.department { width: 85%; font-weight: bold; color: #2B7EC2; text-align: center; font-size: 14px; border-bottom: 1px solid #ccc; }
	#contacts a.department:hover { text-decoration: underline; border-bottom: 1px solid #ccc; }
	
	/* --- login --- */
	
	#page #login { display: block; font: normal normal 12px arial; }
	#page #login h2 { margin: 0 0 10px 0; padding: 0 0 3px 0; color: #822; font: normal normal 20px georgia, "times new roman", serif; }
	#page #login p { font: 12px arial; }
	#page #login form { position: relative; margin: 10px; text-align: right; width: 260px; height: 100px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background: #eee; padding: 0 15px; }
	#page #login form label { font-weight: bold; }
	#page #login form input { border: 1px solid #ccc; padding: 1px; margin: 10px 0 0 5px; }
	#page #login form input:focus { background: #f6f6f6; border-color: #999; }
	#page #login form button { position: absolute; top: 70px; left: 130px; width: 75px;}
	
	
	/* ------ TAPATURMAT ------ */
	

	#tapaturmat {
		margin-left: 280px;
		}
	
	#tapaturmalinkit { margin-bottom: 20px; }	
	#page #tapaturmalinkit ul, #page #tapaturmaNews { margin: 0; list-style-type: none; }
	#tapaturmalinkit li { background: transparent url(/pics/li-green.gif) 0px 2px  no-repeat; padding-left: 15px; }
	#tapaturmalinkit li a { color: #6DAA1E; font-weight: bold;}
	
	#page #tapaturmaNews { margin-top: 15px; }
	#tapaturmaNews li { background: transparent url(/pics/li-blue.gif) 0px 2px no-repeat; padding-left: 15px; margin-bottom: 8px; }
	#tapaturmaNews li a { font-weight: bold; }

	#tapaturmaNosto { float: right; width: 200px; margin-top: 20px; margin-left: 15px; background: #fff; }
	#page #tapaturmaNosto ul { list-style-type: none; margin: 0;}
	#tapaturmaNosto li { background: transparent url(/pics/li-orange.gif) 0px 2px no-repeat; padding-left: 15px; }
	
	#tapaturmaNosto li a { color: #FF6600; font-weight: bold; }

	/* --- slideshow --- */

	#slideControls { position: relative; height: 25px; padding: 0 0 6px 0; border-bottom: 4px solid #f1f1f1; }

	#slideControls form { margin: 0; padding: 0; }

	#slideControls form span { font-size: 14px; padding-right: 6px; }
	
	#slideNavi {
		position: absolute;
		top: 0;
		right: 0;
		width: 300px;
		font-size: 18px;
		text-align: center;
		}
	
	#slideNavi a, #slideNavi span {
		position: absolute;
		font-weight: bold;
		font-size: 12px;
		}
	
	#slideNavi .prevSlide { top: 3px; left: 0; }
	#slideNavi .nextSlide { top: 3px; right: 0; }

	/* --- contentmodule --- */
	
	#contentModule {
		position: relative;
		margin-left: 311px;
		width: 58%;
    	}
		
		#contentModule p, #contentModule p.txtleipa, #contentModule p.txthuomio, #contentModule p.txtingressi, #contentModule p.txtkuva, #contentModule table { margin: 15px 0; }
		#contentModule ul, #contentModule ol, #bm #msg ul, #bm #msg ol { position: relative; margin: 15px 0; }
			#contentModule ol, #bm #msg ol { margin-left: 25px; }
			#contentModule ol li, #bm #msg ol li { margin: 0 0 0 8px; }
			#contentModule ul li, #bm #msg ul li { margin: 0 0 0 33px; }
			
			#contentModule ol ol, #bm #msg ol ol, #contentModule ul ul, #bm #msg ul ul { margin: 0 0 0 10px; }
				#contentModule ul ul li, #bm #msg ul ul li { margin: 0 0 0 8px; }

	table td, table th { padding: 2px; }
	blockquote { margin-left: 30px; }

/* --- Column Content style --- */
#columnContentModule {
	position: relative;
	margin-left: 280px;
	}