BODY
{
	color: #303030;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0px;
	width:895px;
	height:100%;
	background-color: #ffffff;
	background-image: url(../images/bg_front.gif);
	background-repeat: repeat-y;
	background-position:center;
	text-align: center;
}

body.email{width:730px;}

TD,P,DIV{
	color: #303030;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


/* Form elements */
select{font-size:11px}
input{font-size:11px;}
select.LinkList{width:150px;}
input.Search{width:150px;}



span.linkDiv{padding: 0 0px 0 0px;}


/* Headings --------------------------------------------------------------------------- */
H1{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding-bottom:5px;
	padding-top:0px;
	color: #66aadd;
}
H2{
	font-size:14px;
	margin: 0px;
}
H3{
	font-size:14px;
	color: #666666;
	margin: 0;
}

H1.channel{
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding-bottom:5px;
	padding-top:10px;
}

/* Anchors */
A. { text-decoration:none; font-size:12px; font-weight:normal; color: #00299E;}
A:link { text-decoration:none; font-size:12px; font-weight:normal; color: #00299E;}
A:active { text-decoration:none; font-size:12px; font-weight:normal;}
A:visited { text-decoration:none; font-size:12px; font-weight:normal; color: #666666}
A:hover { text-decoration:underline; font-size:12px; font-weight:normal;}

A.header { text-decoration:none; font-size:18px; font-weight:normal;color:#000000;}
A.header:link { text-decoration:none; font-size:18px; font-weight:normal;}
A.header:active { text-decoration:none; font-size:18px; font-weight:normal;}
A.header:visited { text-decoration:none; font-size:18px; font-weight:normal;}
A.header:hover { text-decoration:none; font-size:18px; font-weight:normal;}



/* Header --------------------------------------------------------------------------- */

#header{
	padding: 0 0 0 0;
	margin: 0;
	height: 116px;
	text-align: left;
}

#header FORM {
	margin: 0;
	padding: 0;
}

td.headerForm {
	padding:8px 15px 0 20px;
	background-image: url(../images/headernavi_separator.gif);
	background-repeat: no-repeat;
	background-position: right 13px;
}

.headerForm INPUT {
	font-size: 9px;
	margin-top: 1px;
}

.headerLink {
        margin: 0;
        padding: 7px 0 0 5px;
        background-image: url(../images/headernavi_separator.gif);
        background-repeat: no-repeat;
        background-position: right 13px;
}
 
.headerLink A:LINK, .headerLink A:VISITED{
        font-size: 10px;
        color: #04299E;
        padding: 0 9px 0 4px;
}
 
#headerLinkLast {
        background-image: none;
}

.HeaderLogo {
	float: left;
	width: 200px;
	padding-top: 40px;
}
.HeaderSlogan {
	margin-left: 230px;
	padding-top: 51px;
	float: left;
	width: 200px;
}

#HeaderDropdown SELECT {
	font-size: 9px;
	margin-top:1px;
}


#menu{
	display:block;
	padding: 0 0 0 0;
	margin:0px;
	background: #FFFFFF;
}

#subMenu{
	text-align:left;
	display:block;
	padding: 6px 0 2px 20px;
	margin:0;
	background: #DEEEFF;
	border-left: solid 1px #66AADD;
	border-right: solid 1px #66AADD;
	background-image: url(../images/bg_submenu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 12px;
}
.SubmenuLow{
	background-image: url(../images/submenu_low.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 4px;
	font-size: 0px;
}
#ChannelFront .SubmenuLow, #FrontPage .SubmenuLow {
	background-image: url(../images/submenu_low_front.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 4px;
	font-size: 0px;
}



/* Main areas --------------------------------------------------------------------------- */


#content{
	padding: 0;
	margin:0 0px 0px 0px;
	text-align:left;
}

#FrontPage #content{
	margin-top: 20px;
}

.Main {
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
	background-position:right top; 
	width:895px;
}

.MainContent {
	width:865px;
}

.MainContentFrontPage {
	width:865px;
	background-image: url(../images/tyhja_isokuva.jpg);
	background-repeat: no-repeat;
	background-position: 0 146px; 
}

.mainpageBigContent {
	/*height: 293px; Jacobsilla ei tarvita pakotettua korkeutta, koska ei ole taustakuvaa */
	width: 535px;
}

.Erotinviiva {
	background-image: url(../images/hr_dotline.gif);
	background-repeat: repeat-x;
	height: 2px;
	font-size:0px;
	margin: 1px 0 1px 0;
	padding: 0;
}

DIV.Stabilizer {
	clear : both;
	float: none;
	margin: 0;
	padding: 0;
	font-size:1px;
	width:auto;
}

/* Footer */ 

.FooterTools {
	clear: both;
	text-align:right;
	margin-top: 20px;
}

.FooterTools A:LINK, .FooterTools A:VISITED {
	text-decoration:none;
}

.FooterTop{
	height:10px;
	background: #FFFFFF;
}

#footer{
	clear: both;
	padding: 10px 5px 15px 5px;
	margin: 15px 0 0 0;
	border-top: solid 1px #2F3B8D;
	background: #FFFFFF;
	font-size: 10px;
	color: #666666;
}



/* content areas ---------------------------------------------------------------------------*/

.IsoNosto {
	padding: 0 0 15px 0;
	width: 538px;
}

#RightMenu {
	width: 224px;
	padding:0;
	margin:0px;
	background-image: url(../images/bg_rightmenu.gif);
	background-repeat: repeat-y;
}


#RightSide {
	padding:0;
	margin:0;
	background-image: url(../images/bg_rightmenu.gif);
	background-repeat: repeat-y;
}

#RightSide .DotLine {
	margin-top: 10px;
	margin-bottom: 10px;
}

.RightSide {
	width: 208px;
	padding:0;
	margin:0px;
}

#LeftSide {
	padding:0;
	margin:0;
	background-image: url(../images/bg_leftside.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.PystyDot {
	padding:0;
	margin:0;
	background-image: url(../images/bg_rightmenu.gif);
	background-repeat: repeat-y;

}
.DotLine {
	height: 14px;
	font-size: 0px;
	background-image: url(../images/dotline.gif);
	background-repeat: repeat-x;
	background-position: 0 6px;
	margin-left: 1px;
}



.ChannelOtsikko {
	padding: 10px 0 0 0;
	margin: 0;
}
.ChannelOtsikko H1 {
	padding: 0;
	margin: 5px 0 5px 0;
	color: #666666;
	font-size: 20px;
	font-weight: normal;
}

.ChannelNosto {
	padding: 0 15px 0 15px;
}

.ChannelNostoText {
	margin-bottom: 15px;
}
.ChannelNostoText A:LINK, .ChannelNostoText A:VISITED {
	color: #00299E;
}
.ChannelNostoURL A:LINK, .ChannelNostoURL A:VISITED {
	color: #00299E;
}
.ChannelNostoURL {
	padding-top: 10px;
}

.ChannelNosto UL {
	margin: 10px 0 10px 4px;
	list-style-type : none;
}

.ChannelNosto LI {
	background-image: url(../images/ul_pallo.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 12px;
}


.ChannelNosto H1 {
	color: #666666;
}

.ChannelNostoOtsikko A:HOVER {
	text-decoration: none;
}

.imgposTop {
	padding-bottom: 8px;
}

.imgposLeft {
	float:left;
	padding-right: 5px;
	padding-bottom: 5px;
}


.AttachmentsLinks {
	margin-left: 15px;
	margin-bottom: 5px;
}
.FileAttachment {
	margin-top: 9px;
}
.AttachmentsLinks P{
	padding-left: 17px;
	color: #666666;
	font-size: 10px;
}

.RelatedLinks {
	margin-top: 30px;
	border-top: 1px solid #66AADD;
	padding: 10px 10px 10px 10px;
}

.FileAttachmentLink {
	background-image: url(../images/listarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 20px;
}

.contentGrey, .contentBlue, .contentGreen {
	padding:0 20px 5px 5px;
	margin:0px;
}


.contentGreen H1 {   /* contenBlue:lle ei määritetty omaa */
	color: #55AA00;
}

.contentMain H1 {
	font-size: 20px;
	background-color:transparent;
	padding-bottom:10px;
	color: #666666;
	font-weight: normal;
}

.SubChanelTitle H1 {
	font-size: 20px;
	background-color:transparent;
	padding-bottom:10px;
	color: #666666;
	font-weight: normal;
	margin: 0 0 5px 10px;
	padding: 0;
}

#BasicWebPage H1 {
	background-color:transparent;
	padding-bottom:10px;
	color: #55AA00;
	font-size: 20px;
	font-weight: normal;
}

.contentMain{
	padding:0 20px 5px 20px;
	margin:0px;
	background-color:transparent;
}
.contentMain P {
	background-color:transparent;
	padding-bottom:10px
}

/*
td.contentMain textarea{font-family:Arial;font-size:11px;}
*/


.contentMain UL {
	margin: 10px 0 15px 10px;
	list-style-type : none;
}

.contentMain LI {
	background-image: url(../images/ul_pallo.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 12px;
	padding-bottom: 6px;
}

.contentMainDate {
	padding:5px 20px 5px 10px;
	margin:0px;
	background-color:transparent;
}


.TextContent {
	padding: 0 25px 20px 25px;
	margin-left: 25px;
}


.spacer {
	border-bottom: solid 1px #cccccc;
	margin-bottom:5px;
}


/* Sitemap and Feedback */

#SiteMap UL, #SiteMap LI{
	list-style-type : none;
	margin: 0 0 2px 14px;
	padding: 0 0 0 0;
}

#SiteMap B {
	color: #001177;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.FeedBack H1 {
	margin-left: 15px;
	font-size: 20px;
	background-color:transparent;
	padding-bottom:10px;
	color: #66DD00;
	font-weight: normal;
}

.FeedBackTable {
	background: #DCFFBB;
	margin: 10px 17px 10px 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #BBEE75;
	border-bottom: 1px solid #BBEE75;
}

.LomakeErotinViiva {
	font-size: 0px;
	border-bottom: 1px solid #BBEE75;
	margin-top: 15px;
	margin-bottom: 15px;
}



/* haku */

div.paging {padding: 1px 10px 2px 0px;}
p.searchResult{padding: 3px 10px 3px 0px;}
h2.searchResults{padding: 3px 10px 10px 0px;font-weight:normal;}
#SearchContent H1 B {
	color: #55AA00;
	font-weight: normal;
}



/*--- MENU ---*/

td.nav1{
	padding:0 0 0 0;
	padding:0;
	margin:0;
	text-align:left;
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.humppa {
	background-image: url(../images/bg_navitable.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
td.nav2{
	padding:0;
	margin:0;
	text-align:left;
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.nav3{
	font-weight: normal;
	padding:0 0 0 0;
	margin:0;
	font-size:12px;
}

.linkDivSubMenu{  /* navierotin */
	width: 9px;
	font-size:1px;
	border-left: 1px solid #666666;
}

.MenuLink {
	float: left;
	height: 30px;
}

#MenuSelected {
	float: left;
	background-image: url(../images/bg_menu_selected.gif);
	background-position:bottom;
	background-repeat: repeat-x;
	border-left: 1px solid #66AADD;
	border-right: 1px solid #66AADD;
}

.MenuLink P {
	float: left;
	padding:9px 10px 0 10px;
}

.MenuLink, .MenuLink a:link, .MenuLink a:visited {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color: #001177;
	padding:0;
}

.MenuLink a:hover {
	text-decoration:underline;
}

#MenuSelected, #MenuSelected a:link, #MenuSelected a:visited {
	text-decoration:underline;
	font-size:13px;
	font-weight:bold;
	color: #666666;
	padding:0;
}

#MenuSelected a:hover {
	color: #001177;
	text-decoration:underline;
}

.MenuLinkSeparator {
	float: left;
	border-left: 1px solid #636365;
	margin-top: 9px;
}

A.nav2a { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;padding:2px 5px 2px 5px;margin:0px;}
A.nav2a:link { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;}
A.nav2a:active { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;}
A.nav2a:visited { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;}
A.nav2a:hover { text-decoration:none; font-size:23px; font-weight:normal;color: #3366CC;}

A.selected2 { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;background-color:#ffd700;padding:2px 5px 2px 5px;margin:0px;}
A.selected2:link { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;}
A.selected2:active { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;}
A.selected2:visited { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;}
A.selected2:hover { text-decoration:none; font-size:12px; font-weight:normal;color: #3366CC;}

.nav3a a:link, .nav3a a:visited  {
	font-size:12px;
	font-weight:normal;
	color: #001177;
	padding:0;
	margin:0px;
	margin-right: 9px;
}
A.nav3a a:hover {
	text-decoration:underline;
	font-size:12px;
	font-weight:normal;
	color: #3366CC;
}

#nav3Last a:link, #nav3Last a:visited {
	border: none;
}

.selected3 A:LINK, .selected3 A:VISITED {
	text-decoration: underline;
	font-size:12px;
	color: #666666;
	padding:0;
	margin:0;
	margin-right: 9px;
}

.selected3 a:hover {
	text-decoration:underline;
	font-size:12px;
	font-weight:normal;
	color: #001177;
}


#navigationPath {
	margin:0px 0px 3px 0px;
	padding:6px 0px 5px 14px;
	border-bottom: 1px solid #BBDDEE;
	color: #666666;
	font-size: 11px;
	background: #FFFFFF;
}

#navigationPath A:LINK, #navigationPath A:VISITED{
	color: #666666;
	font-size: 11px;
}

.Path {
	height: 55px;
	background: #FFFFFF;
}

#BODY#SubChannel .Path {
	height: 40px;
	background: #FFFFFF;
}


/* LEFT MENU */

div.leftMenu{
	margin:0;
	width: 208px;
}

#leftColumn {
	background-image: url(../images/bg_leftmenu.gif);
	background-repeat: repeat-y;
	width: 208px;
	padding-top: 20px;
	margin-bottom: 20px;
}

DIV.leftMenu {
	margin-left: 8px;
	width: 196px;
	margin-bottom: 20px;
}
div.leftMenu ul {
}
div.leftMenu ul li{
	font-size:12px;
	list-style-type : none;
}

.leftMenuFirstLevel LI{
	border-bottom: 1px solid #8C9091;
	padding-bottom: 5px;
	padding-top: 2px;
}

.leftMenuSubLevel {
	margin-top: 8px;
	margin-bottom: 10px;
}

.leftMenuSubLevel LI{
	padding-left: 16px;
	border-bottom: none;
	padding-bottom: 6px;
}

div.leftMenu ul {
	margin-left: 1px;
	padding-left: 1px;
}

DIV.leftMenu .leftMenuLastLink  {
	border: none;
}

span.current{
	text-decoration: underline;
}

h2.leftMenu{
	font-size:12px;
	margin: 0 8px 10px 0;
	padding:0px;
	color: #666666;
}

.leftMenu A:LINK, .leftMenu A:VISITED{
	color: #001177;
}

A.leftMenuHeader { text-decoration:none; font-size:12px; font-weight:bold;color:#666666;margin:0px;padding:0px;}
A.leftMenuHeader:link { text-decoration:none; font-size:12px; font-weight:bold;color:#666666;}
A.leftMenuHeader:active { text-decoration:none; font-size:12px; font-weight:bold;color:#666666;}
A.leftMenuHeader:visited { text-decoration:none; font-size:12px; font-weight:bold;color:#666666;}
A.leftMenuHeader:hover { text-decoration:underline; font-size:12px; font-weight:bold;}





/* -----( Hidden elements for text version )-------------------------------- */

hr.Hide, a.Hide, span.Hide{
	display: none;
}




/* -----( Body Replacements )-------------------------------- */

BODY#FrontPage, BODY#ChannelFront {
	background-image: url(../images/bg_front.gif);
}


BODY#Print, BODY#Email {
	background-image: none;
	backgroud: #FFFFFF;
	text-align:left;
	margin: 20px 0 0 0;

}


/* -----( Facelift 2010 )-------------------------------- */

html { height:100%; }
body, body#FrontPage, body#ChannelFront { height:100%; background:url(../images/body_bg.jpg) 0 0 no-repeat; width:auto; margin:0; }
.Main { height:100%; background:url(../images/content_bg.png) 0 0 repeat-y; width:908px; margin:0 auto; }

A. { text-decoration:none; font-size:12px; font-weight:normal; color: #3264fa;}
A:link { text-decoration:none; font-size:12px; font-weight:normal; color: #3264fa;}
A:active { text-decoration:none; font-size:12px; font-weight:normal;}
A:visited { text-decoration:none; font-size:12px; font-weight:normal; color: #3264fa;}
A:hover { text-decoration:underline; font-size:12px; font-weight:normal;}

/* header */
#header {position:relative;}
#header .HeaderLogo { top:60px; left:0; position:absolute; width:229px; margin:0; padding:0;}
#header .HeaderSlogan { top:35px; left:0; position:absolute; width:229px; margin:0; padding:0;}

#Menu { height:27px; line-height:27px; }
.humppa { background-image:none; }
.humppa td { background:#e1ebf0 url(../images/menu_bg.png) repeat-x  }

.MenuLink a, .MenuLink a:hover, .MenuLink a:link, .MenuLink a:visited { text-transform:uppercase; text-decoration:none !important; color:#000; font-weight:bold; font-size:13px;}
.MenuLink { height:27px; }
.MenuLink:hover, #MenuSelected:hover { background:#b9c8d2; text-decoration:none; }
.MenuLink a { text-transform:uppercase; text-decoration:none; }
.MenuLink p { line-height:27px; padding-top:0;}

#MenuSelected { background: #b9c8d2 url(../images/menu_bg_sel.png) repeat-x; border:none; text-decoration:none; }
#MenuSelected a, #MenuSelected a:link, #MenuSelected a:visited {color:#000;}

.MenuLinkSeparator { border:none;}
td.nav2 .MenuLinkSeparator { border-left:1px solid #636365; margin-top:6px; }
td.nav1 a { font-style:uppercase; }
td.nav2 div { float:right; }
td.nav2 div div { float:left; }
td.nav2 .MenuLink, td.nav2 .MenuLink a:link, td.nav2 .MenuLink a:visited { font-size:11px; }
td.nav2 #MenuSelected, td.nav2 #MenuSelected a:link, td.nav2 #MenuSelected a:visited { font-size:11px; } 


#subMenu { background:#fff; border:none; padding-left:10px; margin-top:5px;}
#ChannelFront .SubmenuLow, #FrontPage .SubmenuLow, .SubmenuLow { background-image:none; }
.linkDivSubMenu { border:none; }
.nav3a a:link, .nav3a a:visited { text-transform:uppercase; color:#3264fa; font-size:11px;}

H1{ font-size:14px; color:#8296a5 !important; text-transform:uppercase; padding-bottom:15px; }
.ChannelOtsikko h1 { font-size:24px; color:#2f65f1 !important; text-transform:uppercase;  margin-bottom:10px;}

.ChannelNostoURL { padding-top:0; }
.ChannelNostoURL a:link, .ChannelNostoURL a:visited { color:#3e6cfb; font-size:11px; text-transform:uppercase; }

.HeaderTop { float:right; width:126px; margin-top:10px; text-align:right;}
.HeaderTop a, .HeaderTop a:link, .HeaderTop a:visited { color:#3264fa; font-size:11px; text-transform:uppercase; font-size:9px !important; white-space:nowrap; }
.HeaderTop p { padding:5px 0 0 0; float:right; clear:both;}
.HeaderTop p a:link, .headerLink a:visited { padding:0;}
.HeaderTop form { text-align:right; }

.HeaderTop input.searchSubmit { border:none; background:url(../images/search-form-arrow.png) no-repeat 0 0; cursor:pointer; margin:0; width:0px; height:15px; padding:0; padding-left:15px; display:inline-block; color:transparent;}
.HeaderTop input.searchText { display:inline-block; width:106px; float:left; padding-left:3px; padding-top:2px; margin-top:0; border: solid 1px #ddd; border-right:none; height:11px; }
.HeaderTop select { width:125px; margin-top:5px; border: solid 1px #ddd; }

#leftColumn { background-image:none; background-color:#e2ebf0; }
#leftColumn a {  color:#000; text-transform:uppercase;  font-size:11px; }
#leftColumn li { border:none; }
#leftColumn h2, #leftColumn .RelatedLinks h3 { color:#8494a1; text-transform:uppercase; font-size:12px;  }
#leftColumn .RelatedLinks { border:none; }
#leftColumn .RelatedLinks a { margin-bottom:7px;; }
#leftColumn .RelatedLinks a img { display:none; }

#navigationPath { border:none; font-style:italic; }
.PystyDot { background-image: none; }
#RightSide { background-image: none; }
#footer { border-top: solid 1px #8296a5; }

.MainPageLift { margin-left:8px; background:#3264fa; color:#fff; display:block; float:left; width:245px; padding:15px; }
.MainPageLift * { color:#fff; }
.MainPageLift .readMore a:link { color: #00e4ff; }
.MainPageLift .readMore a:visited {
	color: #00e4ff;
}
.MainPageLift div { width:auto; }
.MainPageLift .imageSide { float:left; margin-right:10px; }
.ChannelNosto { padding:0 8px; }






	
