/* Layout */

body 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 88%; 
	color: #000;
	margin: 0px;
	padding: 0px;
}



#content 
{
   	position: absolute;
   	top: 120px;
   	left: 240px;
	line-height: 1.5em;
	padding: 0px 50px 50px 10px; 
}


#sidebar 
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 200px;
	padding: 0px 20px 0px 20px;
}


#header 
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Trebuchet MS";
	background: #0076A3;
	border-bottom: 1px solid black;
	/* border-bottom: 3px solid #00A7F0; */
	height: 90px;
}



/* Leipäteksti, otsikot, ... */

p 
{
	text-align: justify;
	margin-bottom: 20px;
}

h2
{
	font-size: 135%;
	padding-bottom: 3px;
	color: #0076A3;
	border-bottom: 1px dashed #0076A3;
}

h3 
{
	font-size: 120%;
	padding-bottom: 2px;
	color: #0076A3;
	border-bottom: 1px dashed #0076A3;
}

h4 
{
	font-size: 110%;
	padding-bottom: 1px;	
	color: #0076A3;
	border-bottom: 1px dashed #0076A3;
}


.news
{
	border: 2px solid #000;
	padding: 0px 10px 0px 10px;
	background-color: #FFF8DD;
}


/* Otsikko */



#header h1 
{
	margin: 0;
	padding: 25px 25px 25px 45px;
	font-size: 250%;
	color: #fff;
}

#header h1 a 
{
	text-decoration: none;
	color: #fff;
}

#header h1 a:hover 
{
	color: #00A7F0;
}

a, a:link, a:active, a:visited
{
	color: #0076A3;
}

a:hover {
	color: #00A7F0;
}




/* Sivupalkki */

#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited 
{
	display: block;
	color: #FFF;
	background: #0076A3;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	margin-bottom: 5px;
	border: 1px solid #000;
	}

#sidebar a:hover 
{
	display: block;
	color: #FFF;
	background: #00A7F0;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	margin-bottom: 5px;
	border: 1px solid #000;
}


/* Taulukot */

table
{
	border: 1px solid black;
	border-collapse: collapse;
}

td
{
	border: 1px solid black;
	padding-right: 20px;
	padding-left: 5px;
}

th
{
	border: 1px solid black;
	padding-right: 20px;
	padding-left: 5px;
	text-align: left;
	color: white;
	background-color: #00A7F0; /* #0076A3; */
}


tr.even
{
	background-color: #F0F0F0;
}

tr.odd
{
	background-color: #FFFFFF;
}

tr.special 
{
	background-color: #A0A0A0;
}

table.updates
{
     
        border: 0px;
}

table.updates td
{
	border: 0px;
	vertical-align: top;
}