/* ---- Site design -------- */

body
{
	background:#7c7d75 url('../gfx/site.background.jpg') repeat-x scroll top left;
	margin:0px;
	padding:0px;
}

.site
{
	width:100%;
	text-align:center;
}

#container
{
	width:780px;
}

#site_navigation
{
	background:#ffffff url('../gfx/navigation.background.gif') repeat-x scroll bottom left;
	height:40px;
}

#page
{
	float:left;
	width:560px;
	position:relative;
	left:20px;
}

#footer
{
	height:53px;
	padding-bottom:40px;
}

#sidebar
{
	float:right;
	width:180px;
	padding-top:1px;
	padding-bottom:40px;
}

#sidefooter
{
	height:20px;
	line-height:0px;
}



/* ---- Navigation -------- */

#navigation, #popup_navigation
{
	border-left:1px solid #bebebe;
	margin:0px;
	margin-left:20px;
	padding:0px;
	height:40px;
}

#navigation li, #popup_navigation li
{
	float:left;
	list-style-type:none;
	margin:0px;
	border-left:1px solid #ffffff;
	border-right:1px solid #bebebe;
}

#navigation li a, #popup_navigation li a
{
	display:block;
	float:left;
	line-height:40px;
	padding:0px 14px;
}

#popup_navigation li a
{
	padding:0px 6px;
}

#navigation li:hover, #navigation li a:hover, #popup_navigation li:hover, #popup_navigation li a:hover
{
	background:#ffffff;
	text-decoration:underline;
}

#navigation #cur a, #popup_navigation #cur a
{
	color:#000000;
}



/* ---- Content design -------- */

#header
{
	background-color:#282828;
	background-repeat:no-repeat;
	background-attachment:scroll; 
	background-position:0px 60px;
	height:280px;
	text-align:center;
}

#header_desc, #popup_header_desc
{
	background-color:#181818;
	height:30px;
}

#content
{
	background:#ffffff url('../gfx/site.content.background.gif') repeat-x scroll top left;
	padding:30px 0px 1px 0px;
}

.tiedote
{
	width:560px;
	margin:0px auto 0px auto;
	text-align:left;
}

.tiedote_kuvitus_pieni
{
	float:left;
	padding:0.4em 20px 1em 30px;;
	width:200px;
	text-align:center;
}

.korostus
{
	background-color:#f3f4f5;
	width:540px;
	margin-left:10px;
	padding:10px 0px 1px 0px;
}

#content h1, #content h2, #content h3, #content p, #content ul
{
	margin-left:30px;
	margin-right:30px;
}

#content .korostus h2, #content .korostus h3, #content .korostus p, #content .korostus ul
{
	margin-left:20px;
	margin-right:20px;
}

.korostus h2
{
	margin-top:0px;
}

.sidebox
{
	background-color:#333333;
	padding-bottom:1px;
}

.column_left
{
	float:left;
	width:50%;
}

.column_right
{
	float:right;
	width:50%;
}

.highlite
{
	background-color:#f3f4f5;
	padding:1px 0px;
	margin-left:10px;
}

#content .highlite h2, #content .highlite ul
{
	margin-left:20px;
}

.galleriathumbit
{
	width:540px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.galleriathumbit img
{
	border:1px solid #e0e0e0;
	padding:3px;
	margin:0px 10px 10px 0px;
}

.galleriathumbit p
{
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:15px;
}

#galleria_kuva
{
	width:520px;
	height:530px;
	padding:10px 80px 10px 20px;
	overflow:auto;
}

.centered
{
	text-align:center;
}

.no_margin
{
	margin:0px;
}

.clear_both
{
	clear:both;
	height:1px;
	line-height:1px;
}



/* ---- General styles -------- */

p, h1, h2, h3, li
{
	font-family:tahoma,verdana,sans-serif;
	font-size:9pt;
	color:#000000;
	line-height:1.45em;
}

#navigation li, #navigation a, #navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active
{
	font-size:8pt;
	font-weight:bold;
	color:#7d7e76;
	text-decoration:none;
}

#popup_navigation li, #popup_navigation li a, #popup_navigation li a:link, #popup_navigation li a:visited, #popup_navigation li a:hover, li a:active
{
	font-size:8pt;
	color:#7d7e76;
	text-decoration:none;
	font-weight:normal;
}

#popup_navigation li#cur a
{
	font-weight:bold;
}

#popup_navigation li a:hover
{
	color:#000000;
}

ul
{
	margin:0px;
	padding:0px;
	margin-bottom:1.45em;
}

ul li
{
	margin-left:20px;
	padding:0px;
}

li a:hover
{
	color:#3b6884;
	font-size:9pt;
}

h1
{
	margin:0px;
	font-family:georgia,serif;
	font-size:18pt;
	color:#3b6884;
	font-weight:normal;
	line-height:16pt;
	margin-top:0em;
	margin-bottom:0.45em;
}

h2
{
	font-family:georgia,serif;
	font-size:13pt;
	color:#3b6884;
	font-weight:normal;
	margin-top:1em;
	margin-bottom:0em;
}

h3
{
	color:#777777;
	margin-top:0.45em;
	margin-bottom:0.45em;
}

p
{
	margin-top:0em;
	margin-bottom:1.45em;
}

p.small
{
	font-size:8pt;
}

p.dim
{
	color:#ababab;
}

p.bright
{
	color:#ffffff;
}

#header p
{
	margin:0px;
	line-height:0px;
}

#header_desc p
{
	margin:0px;
	text-align:center;
	padding-top:0.75em;
}

#popup_header_desc p
{
	margin:0px 0px 0px 20px;
	padding-top:0.75em;
	color:#ffffff;
	font-size:8pt;
}

#sidebar h2
{
	background:url('../gfx/site.content.background.gif') repeat-x scroll top left;
	height:30px;
	margin:0px;
	padding:0px 20px;
	font-size:10pt;
	color:#000000;
	font-weight:bold;
	line-height:30px;
}

#sidebar p
{
	font-size:7pt;
	color:#a9a9a9;
	margin-left:20px;
	margin-right:20px;
	margin-top:1.45em;
	margin-bottom:1.45em;
}

.tiedote_kuvitus_pieni p
{
	margin:5px 0px 0px 0px !important;
	font-size:8pt;
}

img
{
	border:0px;
}

p img
{
	vertical-align:middle;
}

img.header_logo
{
	margin-top:16px;
}

p.tothetop
{
	margin-top:5px;
}

img.dahmon
{
	margin:5px 0px;
}




/* ---- Link styles --------*/

a:link
{
	color:#002467;
	text-decoration:underline;
}

a:visited
{
	color:#002467;
	text-decoration:underline;
}

a:hover
{
	color:#002467;
	text-decoration:none;
}

a:active
{
	color:#002467;
	text-decoration:none;
}

.links a:link
{
	color:#002467;
	text-decoration:none;
}

.links a:visited
{
	color:#002467;
	text-decoration:none;
}

.links a:hover
{
	color:#002467;
	text-decoration:underline;
}

.links a:active
{
	color:#002467;
	text-decoration:underline;
}

#sidebar a:link
{
	color:#e4edfd;
	text-decoration:underline;
}

#sidebar a:visited
{
	color:#e4edfd;
	text-decoration:underline;
}

#sidebar a:hover
{
	color:#e4edfd;
	text-decoration:none;
}

#sidebar a:active
{
	color:#e4edfd;
	text-decoration:none;
}

.galleriathumbit a:hover img
{
	border:1px solid #111111;
}