@charset "UTF-8";
/* Eero Rantala 1.6.2010 */

body
  {font-family:Helvetica,Arial,Sans-serif;
   margin:0;
   background-image:url('eeroRantalaTextLightBrown.png');
/*   background-image:url('erEmbedded_3.png');*/
/*   background-image:url('eero_rantala_blue.png');*/
   background-attachment:fixed;
   color:#000;}
ul
  {margin:5px;
   padding-left:20px;}
img
  {border:0;}
h2
  {margin:0;}
blockquote a,
blockquote a:link,
blockquote a:visited
  {color:#663E00!important;
   text-decoration:underline;}
blockquote a:hover
  {color:#000!important;
   text-decoration:none;}

/******************/
/* .BodyContent   */
/******************/
.BodyContent
  {position:relative;
   left:0;
   top:0;
   width:100%;
   margin:0 auto 0 auto;}

/* BackgroundGradient EI KÄYTÖSSÄ
 *.BackgroundGradient
 *  {position:absolute;
 *   left:0;
 *    top:0;
 *    width:100%;
 *    height:100%;
 *    z-index:-1000;
 *    background:url('images/BackgroundGradient.png') repeat-x;}
 */

/*****************/
/* .BorderBorder */
/*****************/
.BorderBorder
  {width:950px;
   z-index:0;
   position:relative;
   margin:10px auto;}

/***********/
/* .Border */
/***********/
.Border
  {position:relative;
   z-index:1;
   overflow:hidden;
   padding:23px 23px 23px 23px;
   color:#000;
   font-size:16px;}
.Border a,
.Border a:visited
  {color:#311D00;
   text-decoration:underline;}
.Border a:hover
  {color:#000;
   text-decoration:none;}
.BorderTL, .BorderTR, .BorderBL, .BorderBR, .BorderL, .BorderT, .BorderR, .BorderB, .BorderC
  {position:absolute;
   z-index:-1;
   overflow:hidden;}
.BorderTL, .BorderTR, .BorderBL, .BorderBR
  {width:57px;
   height:57px;}
.BorderTL
  {top:0;
   left:0;
   background-image:url('images/BorderCorners.png');}
.BorderTR div, .BorderBL div, .BorderBR div
  {height:114px;
   width:114px;
   position:absolute;
   z-index:-1;
   background-image:url('images/BorderCorners.png');}
.BorderTR div, .BorderBR div
  {left:-57px;}
.BorderBL div, .BorderBR div
  {top:-57px;}
.BorderTR
  {top:0;
   right:0;}
.BorderBL
  {bottom:0;
   left:0;}
.BorderBR
  {bottom:0;
   right:0;}
.BorderT,.BorderB
  {left:57px;
   right:57px;
   height:57px;}
.BorderT
  {top:0;
   background-image:url('images/BorderHorizontal.png');}
.BorderB
  {bottom:0;}
.BorderB div
  {position:absolute;
   z-index:-1;
   top:-57px;
   height:114px;
   width:100%;
   background-image:url('images/BorderHorizontal.png');}
.BorderL, .BorderR
  {top:57px;
   bottom:57px;
   width:57px;}
.BorderL
  {left:0;
   background-image:url('images/BorderVertical.png');}
.BorderR
  {right:0;}
.BorderR div
  {position:absolute;
   z-index:-1;
   left:-57px;
   width:114px;
   height:100%;
   background-image:url('images/BorderVertical.png');}
.BorderC
  {left:57px;
   top:57px;
   right:57px;
   bottom:57px;
   background-image:url('images/BorderCenter.png');}

/***********/
/* .Header */
/***********/
.Header
  {position:relative;
   background-image:url('images/Header.png');
   background-repeat:no-repeat;
   padding:0;
   height:100px;
   color:#163452;}

/****************/
/* .HeaderTitle */
/****************/
.HeaderTitle
  {height:100px;
   width:950px;
   display:table-cell;
   text-align:Default;
   vertical-align:Top;
   color:#0E2135;
   font-size:24px;
   text-decoration:none;
   font-style:italic;
   font-weight:bold;}
.HeaderTitle h1 a, .HeaderTitle h1 a:link, .HeaderTitle h1 a:visited, .HeaderTitle h1 a:hover
  {text-decoration:none;
   color:inherit;}
.HeaderTitle h1
  {margin:0;
   padding:0 8px;
   color:#163452;
   font-size:36px;
   text-decoration:none;
   font-style:normal;
   font-weight:bold;}
.HeaderTitle h2
  {margin:0;
   padding:0 8px;
   font-size:inherit;
   font-weight:inherit;}

/*********/
/* .Menu */
/*********/
.Menu
  {background:transparent url('images/MenuBar.png') no-repeat;
   padding:5px 19px 0 19px;
   margin:0;
   text-align:Default;}
.Menu ul
  {list-style-type:none;
   padding:0;
   margin:0;
   color:#FFF;}
.Menu li
  {display:inline;
   padding:0;
   margin:0;}
 
/*********************************/
/* .MenuButton & .MenuButtonInput*/
/*********************************/
.MenuButton, .MenuButtonInput
  {border:0;
   margin:0;
   background:transparent url('images/MenuButtonAnchor.png') no-repeat top left;
   position:relative;
   overflow:hidden;
   height:28px;
   padding:0 0 0 18px;
   display:inline-block;
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   vertical-align:middle;
   zoom:1;}
.MenuButton span, .MenuButtonInput span
  {border:0;
   margin:0;
   background:transparent url('images/MenuButton.png') no-repeat right top;
   display:block;
   position:relative;
   color:#FFF;
   line-height:18px;}
.MenuButton span
  {padding:5px 18px 5px 0;}
.MenuButtonInput span
  {padding:0 18px 0 0;
   height:28px;}
.MenuButtonInput input
  {color:#FFF;
   font-size:16px;
   font-weight:bold;
   color:inherit;
   height:28px;
   padding:0 18px;
   margin:0 -18px;
   overflow:visible;
   cursor:pointer;
   background:Transparent;
   border:0;}
.MenuButtonInput::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner
  {border:none;}
.MenuButton,
.MenuButton:link,
.MenuButton:visited,
.MenuButton:hover,
.MenuButton:active
  {text-decoration:none!important;
   outline:none;}
.MenuButton:hover,
.MenuButtonInput:hover
  {background-position:left center;}
.MenuButton:hover span,
.MenuButtonInput:hover span
  {background-position:right center;
   color:#000;}
.MenuButton:active,
.MenuButtonInput:active
  {background-position:left bottom;}
.MenuButton:active span,
.MenuButtonInput:active span
  {background-position:right bottom;
   color:#000;}
.ActiveMenuButton,
.ActiveMenuButtonInput
  {border:0;
   margin:0;
   background:transparent url('images/ActiveMenuButtonAnchor.png') no-repeat top left;
   position:relative;
   overflow:hidden;
   height:28px;
   padding:0 0 0 18px;
   display:inline-block;
   color:#000;
   font-size:16px;
   font-weight:bold;
   vertical-align:middle;
   zoom:1;}
.ActiveMenuButton span,
.ActiveMenuButtonInput span
  {border:0;
   margin:0;
   background:transparent url('images/ActiveMenuButton.png') no-repeat right top;
   display:block;
   position:relative;
   color:#000;
   line-height:18px;}
.ActiveMenuButton span
  {padding:5px 18px 5px 0;}
.ActiveMenuButtonInput span
  {padding:0 18px 0 0;
   height:28px;}
.ActiveMenuButtonInput input
  {color:#000;
   font-size:16px;
   font-weight:bold;
   color:inherit;
   height:28px;
   padding:0 18px;
   margin:0 -18px;
   overflow:visible;
   cursor:pointer;
   background:Transparent;
   border:0;
   *left:-18px;}
.ActiveMenuButtonInput::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner
  {border:none;}
.ActiveMenuButton,
.ActiveMenuButton:link,
.ActiveMenuButton:visited,
.ActiveMenuButton:hover,
.ActiveMenuButton:active
  {text-decoration:none!important;
   outline:none;}
.ActiveMenuButton:hover,
.ActiveMenuButtonInput:hover
  {background-position:left center;}
.ActiveMenuButton:hover span,
.ActiveMenuButtonInput:hover span
  {background-position:right center;
   color:#000;}
.ActiveMenuButton:active,
.ActiveMenuButtonInput:active
  {background-position:left bottom;}
.ActiveMenuButton:active span,
.ActiveMenuButtonInput:active span
  {background-position:right bottom;
   color:#000;}

/*************/
/* .Columns */
/*************/   
.Columns
  {overflow:hidden;}

/************/
/* .Column1 */
/************/
.Column1
  {overflow:hidden;
   float:right;
   position:relative;
   width:25%;}

/* Toinen lisäsarake EI KÄYTÖSSÄ
 * .Column2
 *  {overflow:hidden;
 *   float:right;
 *   width:20%;}
 */

/***************/
/* .MainColumn */
/***************/
.MainColumn
  {overflow:hidden;}

/***********/
/* .Artice */
/***********/
.Article
  {position:relative;
   z-index:1;
   overflow:hidden;
   padding:15px 15px 15px 15px;
   color:#404040;
   font-size:18px;}
.Article p
  {text-align:left;
   font-family:serif;
   margin:0px;}
.Article blockquote
  {width:80%;
   color:#000;
   margin:0px;
   border:solid 1px #002B66;
   padding:15px;
   background:#FFF;
   font-family:serif;
   font-size:120%;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;}
.Article p:first-letter
  {float:left;
   font-size:300%;}
.Article a,
.Article a:visited
  {color:#663E00;
   text-decoration:underline;}
.Article a:hover
  {color:#000;
   text-decoration:none;}
.ArticleBorder
  {z-index:0;
   position:relative;
   margin:3px;}
.ArticleTL, .ArticleTR, .ArticleBL, .ArticleBR, .ArticleL, .ArticleT, .ArticleR, .ArticleB, .ArticleC
  {position:absolute;
   z-index:-1;
   overflow:hidden;}
.ArticleTL, .ArticleTR, .ArticleBL, .ArticleBR
  {width:12px;
   height:12px;}
.ArticleTL
  {top:0;
   left:0;
   background-image:url('images/ArticleCorners.png');}
.ArticleTR div, .ArticleBL div, .ArticleBR div
  {height:24px;
   width:24px;
   position:absolute;
   z-index:-1;
   background-image:url('images/ArticleCorners.png');}
.ArticleTR div
  {left:-12px;}
.ArticleBL div
  {top:-12px;}
.ArticleBR div
  {left:-12px;
   top:-12px;}
.ArticleTR
  {top:0;
   right:0;}
.ArticleBL
  {bottom:0;
   left:0;}
.ArticleBR
  {bottom:0;
   right:0;}
.ArticleT, .ArticleB
  {left:12px;
   right:12px;
   height:12px;}
.ArticleT
  {top:0;
   background-image:url('images/ArticleHorizontal.png');}
.ArticleB
  {bottom:0;}
.ArticleB div
  {position:absolute;
   z-index:-1;
   top:-12px;
   height:24px;
   width:100%;
   background-image:url('images/ArticleHorizontal.png');}
.ArticleL, .ArticleR
  {top:12px;
   bottom:12px;
   width:12px;}
.ArticleL
  {left:0;
   background-image:url('images/ArticleVertical.png');}
.ArticleR {right:0;}
.ArticleR div
  {position:absolute;
   z-index:-1;
   left:-12px;
   width:24px;
   height:100%;
   background-image:url('images/ArticleVertical.png');}
.ArticleC
  {left:12px;
   top:12px;
   right:12px;
   bottom:12px;
   background-image:url('images/ArticleCenter.png');}
.Article h2
  {color:#000;
   font-size:24px;
   text-decoration:none;
   font-style:normal;
   font-weight:bold;}
.Article h2 a,
.Article h2 a:visited
  {color:#000;
   text-decoration:none;}
.Article h2 a:hover
  {text-decoration:underline;}

/***********************/
/* .ArticleImageColumn */
/***********************/
.ArticleImageColumn
  {float:left;
   width:300px;
   margin:5px;
   overflow:hidden;}
.ArticleImageColumn img
  {width:100%;
   margin:0px;
   border:0px;
   padding:0px;}

/**********************/
/* .ArticleTextColumn */
/**********************/
.ArticleTextColumn
  {float:right;
   width:320px;
   margin:5px;
   padding:0px;}

/**********/
/* .Block */
/**********/
.Block
  {position:relative;
   z-index:1;
   overflow:hidden;
   padding:10px 10px 10px 10px;
   color:#000;
   font-size:16px;}
.Block q
  {display:block;
   font-size:150%;
   font-weight:bold;
   font-family:"Times New Roman",Serif;
   margin-left:10px;}
.Block a,
.Block a:visited
  {color:#663E00;
   text-decoration:underline;}
.Block a:hover
  {color:#000;
   text-decoration:none;}
.BlockBorder
  {z-index:0;
   position:relative;
   margin:3px;}
.BlockTL, .BlockTR, .BlockBL, .BlockBR, .BlockL, .BlockT, .BlockR, .BlockB, .BlockC
  {position:absolute;
   z-index:-1;
   overflow:hidden;}
.BlockTL, .BlockTR, .BlockBL, .BlockBR
  {width:12px;height:12px;}
.BlockTL
  {top:0;
   left:0;
   background-image:url('images/BlockCorners.png');}
.BlockTR div,
.BlockBL div,
.BlockBR div
  {height:24px;
   width:24px;
   position:absolute;
   z-index:-1;
   background-image:url('images/BlockCorners.png');}
.BlockTR div
  {left:-12px;}
.BlockBL div
  {top:-12px;}
.BlockBR div
  {left:-12px;
   top:-12px;}
.BlockTR
  {top:0;
   right:0;}
.BlockBL
  {bottom:0;
   left:0;}
.BlockBR
  {bottom:0;
   right:0;}
.BlockT, .BlockB
  {left:12px;
   right:12px;
   height:12px;}
.BlockT
  {top:0;
   background-image:url('images/BlockHorizontal.png');}
.BlockB
  {bottom:0;}
.BlockB div
  {position:absolute;
   z-index:-1;
   top:-12px;
   height:24px;
   width:100%;
   background-image:url('images/BlockHorizontal.png');}
.BlockL, .BlockR
  {top:12px;
   bottom:12px;
   width:12px;}
.BlockL
  {left:0;
   background-image:url('images/BlockVertical.png');}
.BlockR {right:0;}
.BlockR div
  {position:absolute;
   z-index:-1;
   left:-12px;
   width:24px;
   height:100%;
   background-image:url('images/BlockVertical.png');}
.BlockC
  {left:12px;
   top:12px;
   right:12px;
   bottom:12px;
   background-image:url('images/BlockCenter.png');}

/****************/
/* .BlockHeader */
/****************/
.BlockHeader
  {border:0;
   margin:0 0 7px 0;
   background:transparent url('images/BlockHeaderAnchor.png') no-repeat top left;
   position:relative;
   overflow:hidden;
   height:28px;
   padding:0 0 0 18px;
   display:block;
   color:#000;
   font-size:16px;
   font-weight:bold;
   vertical-align:middle;
   zoom:1;}
.BlockHeader span
  {border:0;
   margin:0;
   background:transparent url('images/BlockHeader.png') no-repeat right top;
   display:block;
   position:relative;
   color:#000;
   line-height:18px;
   padding:5px 18px 5px 0;}
.BlockContentBorder
  {position:relative;
   z-index:1;
   overflow:hidden;
   padding:5px 5px 5px 5px;
   color:#000;
   font-size:16px;
   margin:0;}
.BlockContentBorder a,
.BlockContentBorder a:visited
  {color:#663E00;
   text-decoration:underline;}
   color:#663E00;
   text-decoration:underline;}
.BlockContentBorder a:hover
  {color:#000;
   text-decoration:none;}

/**************************/
/* .Button & .ButtonInput */
/**************************/
.Button, .ButtonInput
  {border:0;
   margin:0;
   background:transparent url('images/ButtonAnchor.png') no-repeat top left;
   position:relative;
   overflow:hidden;
   height:36px;
   padding:0 0 0 22px;
   display:inline-block;
   color:#FFF;
   font-size:16px;
   vertical-align:middle;
   zoom:1;}
.Button span,
.ButtonInput span
  {border:0;
   margin:0;
   background:transparent url('images/Button.png') no-repeat right top;
   display:block;
   position:relative;
   color:#FFF;
   line-height:18px;}
.Button span
  {padding:9px 22px 9px 0;}
.ButtonInput span
  {padding:0 22px 0 0;
   height:36px;}
.ButtonInput input
  {color:#FFF;
   font-size:16px;
   color:inherit;
   height:36px;
   padding:0 22px;
   margin:0 -22px;
   overflow:visible;
   cursor:pointer;
   background:Transparent;
   border:0;}
.ButtonInput::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner
  {border:none;}
.Button, .Button:link, .Button:visited, .Button:hover, .Button:active
  {text-decoration:none!important;
   outline:none;}
.Button:hover, .ButtonInput:hover
  {background-position:left center;}
.Button:hover span,
.ButtonInput:hover span
  {background-position:right center;
   color:#000;}
.Button:active, .ButtonInput:active
  {background-position:left bottom;}
.Button:active span,
.ButtonInput:active span
  {background-position:right bottom;
   color:#000;}

/***********/
/* .Footer */
/***********/
.Footer
  {color:#000;
   font-size:16px;
   text-align:Center;
   background:url('images/Footer.png') bottom left;
   overflow:hidden;
   padding:5px 19px;}
.Footer a
  {color:#FFF;
   text-decoration:underline;}
.Footer a:visited
  {color:#FFF;
   text-decoration:underline;}
.Footer a:hover
  {color:#FFF;
   text-decoration:none;}