*
{
	padding:0;
	margin:0;
	border:0;
	font-size:1em;
	font-family:sans-serif;
}


body
	{
	background-color:#e6e6e6;
	font-family:sans-serif;
	background-image:url(../img/ui/taustapikseli.png);
	margin:0 1em 1em 1em;
	}

	div.error, div.sqlerror /*Helpottaa debuggausta*/
	{
		position:absolute;
		top:2em;
		left:2em;
		border:solid 3px black;
		background-color:Red;
		margin:3px;
		z-index:999;
	}
	div.sqlerror
	{
	top:5em;
	left:2em;
	background-color:yellow;
	z-index:6;
	}

	#ylaBanneri
	{
	position:relative;	
	top:-1px;
	}
	#pageWrapper
	{
	position:relative;
	margin: 0 auto;
	width: 799px;
	text-align: left;
	background: Transparent;
	padding-bottom:2em;
	}

	#leftbuffer,#rightbuffer
		{
		position:absolute;
		top:0;
		bottom:0; /*Jotta bottombufferilla saadaan varjostukset*/
		width:23px;
		background-repeat:repeat-y;
		}
	
	#leftbuffer
		{
		left:-23px;
		background-image:url(../img/ui/varjostusVasen.gif);
		}
	#rightbuffer
		{
		right:-23px;
		background-image:url(../img/ui/varjostusOikea.gif);
		}

		#docs
		{
		position:relative;
		width:753px;
		float:left;
		background-color:white;
		background-image:url(../img/ui/tausta2.png);
		background-repeat:no-repeat;
		background-position:0 100%;
		margin-left:-23px;
		margin-bottom:-2em;
		}
		/*docsin sis?lt?*/
			#menu
			{
			position:relative;
			float:left;
			width:180px;
			top:0;
			bottom:0;
			background-color:Transparent;
			font-size:0.9em;
			overflow:hidden;
			}
				#menu a
				{
				color:#c38e00;
				background-color:Transparent;
				font-weight:bolder;
				vertical-align: bottom; /* This fixes the IE5 Win gap! */
				text-decoration: none;
				}
				
				#menu a:visited
				{
				color:#DDBF70;
				}
				#menu ul ul a:visited
				{
				color: #B8C8F4;
				}
						
				#menu a:hover, #content a:hover, #menu a.underline, #menu ul ul a.underline
				{
				color:#445E86;
				text-decoration:underline;
				}
	
				#menu ul
				{
				list-style-image: url(../img/ui/menuArrow.gif);
				list-style-position:inside;
				text-indent: -7px;
				}
				#menu li:hover
				{
				list-style-image: url(../img/ui/menuArrow_active.gif);
				}
				/*Menulle py�ristetyt taustat*/
				#menu ul li
				{
				position:relative;
				padding: 3px 0 8px 7px;
				background-image:url(../img/ui/menuRounded_left.gif);
				background-repeat:no-repeat;
				margin:10px 0 0 0;
				}
				
				#menu ul ul
				{
				margin:1em 0 0 1em;
				list-style-type:none;
				background-image:none;
				font-size:0.9em;
				}
				
				#menu ul ul li
				{
				background-image:none;
				padding:3px 0 0 0;
				margin:1px 0 3px 0;
				text-indent:-16px;
				}
				
				#menu ul ul ul,#menu ul ul ul ul
				{
				margin:0 0 0 5px;
				padding:1px 0 0 5px;
				font-size:0.9em;
				}
				
				#menu ul ul a
				{
				color: #7290e8;
				}
				

						
				li.activatedMenu, li.activatedSubMenu, li.activatedSubSubMenu, li.activatedSubSubSubMenu
				{
					list-style-image: url(../img/ui/menuArrow_active.gif);
				}
				#menu a.unpublished, #menu li.activatedSubMenu>a.unpublished, #menu li.activatedSubSubMenu>a.unpublished, #menu li.activatedSubSubSubMenu>a.unpublished, #content h1.unpublished a, #content h2.unpublished a
				{
				color:red;
				}
				
				
			#language, #language a
			{
			margin:1em;
			color:#5D5D5D;
			font-size:80%;
			}			
			address
			{
			font-style:normal;
			}	
			#content ul.newsList, li.newsList
			{
				margin: 0 0 8px 0;
				padding:0 0 0 0;
				list-style-type:none;
				list-style-image: none;
				border-bottom:dotted 1px #cccccc;
			}
			
			.announcements li
			{
			list-style-type:none;
			}
			
				
			#oikea /*Tämän sisällä ajankohtaista ja pikalinkit*/
			{
			width:180px;
			float:right;
			clear:right;
			}


			.shortcuts h2
			{
				color:#32427d;
				height: 20px;
				font-size:80%;
				padding: 3px 0 0 15px;
				margin-top:10px;
				
				background-image:url(../img/ui/menuRounded_right.png);
				background-repeat:no-repeat;
			} 
			
			.shortcuts ul
			{
				padding:0 0 0 15px;
				margin:10px 0 5px 0;
				margin-left: 10px;
				list-style-image: url(../img/ui/menuArrow.gif);
			} 
			

			.shortcuts a
			{
			color:#7290e8;
			font-weight:bold;
			font-size: 80%;
			background-color:Transparent;
			vertical-align: bottom; /* This fixes the IE5 Win gap! */			
			}
			.didyouknow
			{
			font-size:90%;
			margin:0 10px;
			color:#818181;
			
			}

			#footer
			{
				color: #6c6c6d;
				bottom:0;
				left:0;
				clear:both;
				width:100%;
				text-align:center;
				height:33px;
				font-size:90%;
				margin:2em 0 1em 0;				
			}
		#bottombuffer
			{
			position:absolute;
			bottom:0;				
			width:800px;
			left:-23px;
			bottom:-40px;
			height:40px;
			background-image:url(../img/ui/varjostusBottomFull.gif);
			z-index:777;
			}
		/*EO docsin sis?lt?*/
	/*EOTekstiosio*/
	/*EO #page*/
	
/*------MISC------*/
div.formWrapper>h1
{
	font-weight:normal;
	font-size:1.2em;
	color:black;
	margin-bottom:1em;
}
div.form
	{
	background-color:Transparent;
	margin:1em 0 1em 0;
	}

fieldset 
	{
	clear: both;
	font-size: 1em;
	border:0;
	border-top:solid 1px black;
	padding: 0 10px 5px 10px;
	margin: 1em 0 0 0;
	background-image:url(../img/formAla.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:transparent;
	}

fieldset legend
{
	border:0;
	background-color:Transparent;
	font-size:1.4em;
	padding:0 1em;
	margin:1em;
}
fieldset fieldset legend
	{
	font-size:1em;
	background-color:Transparent;
	}
fieldset fieldset
	{
	font-size:1em;
	background-image:none;
	}

/*fieldset.radio legend
{
background-image:none;
}*/

input, label
{
margin:0.2em 0 0.4em 0;
padding:0;
font-size:0.9em;
}

	

label
{
	display: block;
	float: left;
	clear:left;
	width: 130px;
	text-align: right;
	padding:1px;
}
input, select, textarea
{
float:right;
clear:right;
background-color:#E4EAEC;
border:inset 1px #e4eaec;
}
	div.announcements>h4
		{
		font-size:100%;
		color:black;
		}

input.pakollinenMissing, textarea.pakollinenMissing
{
	border:dashed 2px red;
}

input.button
	{
	border:#E0E0E0 dashed 2px;
	background-color:Transparent;
	color:#3366ff;
	padding:0 1em 0 0;
	background-image:url(../img/lahetaNuolet.gif);
	background-repeat:no-repeat;
	background-position:55px 3px;
	font-size:110%;
	margin:1em 1em 1em 1em;
	}
	
input.button:hover
	{
	text-decoration:underline;
	border:#3366ff dashed 2px;
	}

	li.dummy {display: none; }