body {background: #f4f4f4 url(./bgr_body.gif) top left repeat-x; font:63%/1.5em Arial, Helvetica, sans-serif;  padding: 0; margin: 0;} /* 1em = 10px */
.wrapper { clear: both; background: #fff; border: 1px solid #cbcbcb; width: 94.4em; /* 98.7em = 987px */ padding: 0 2em 0 2em; margin: 0 auto; border-bottom: 0; }

html, body { height: 98.8%; margin: 0; padding: 0; }
.wrapper { min-height: 97%; height: auto !important; height: 96.3%; }
.frontpage {  }

.site_header { background: url(./bgr_site_header.gif) top right no-repeat; padding: 1.2em 2em 0 0; margin-right: -2em; position: relative; top: -1px; right: -1px; }
.site_header * {margin:0; padding:0;}
.site_header .search { float: right; margin-top: 1.9em; }
.site_header .search label { margin-right: 0.3em; }
.site_header .search input { vertical-align: top}
.site_header .search input.text { width: 160px; height: 16px; }
.site_header .search .refined_search { display: block; margin-left: 30px; margin-top: -0.8em  }
	.site_frontpage .site_header { margin-bottom: 2em; }


.site_header h1 { background: url(./bgr_wrapper.gif) no-repeat /*url(./grid.gif)*/ top left; font-size: 2em; line-height: 0.8em; margin: -0.6em 20em 0 -1em; padding: 0.9em 0 0.3em 1em; position:relative; left: -2px; }
.site_header h1 .slogan { margin-left: 1em; position:relative; bottom: -0.15em; background-image:url(./slogan_hyvinvointia.gif); background-repeat:no-repeat; background-position:left; }

.site_header .print_header_image { display: none; }




td.hci_menu {
background-image: 
url('./bgr_main_menu_ul_bottom_brd.gif');
background-repeat: repeat-x;
background-position: 0px 61px;
    margin-bottom: 30px

}
td.hci_menu_2 {
background-image: 
url('./bgr_main_menu_ul_bottom_brd.gif');
background-repeat: repeat-x;
background-position: 0px 36px;
height : 40px;
vertical-align: bottom;
}

table.hci_border {
border : 1px solid #ccc;
border-collapse:collapse;
background : white;
width : 1000;
}

td.hci_border{
padding :20px;
}

.title  {
    font-family: Arial,sans-serif;
    color: #333333;
    font-size: 18px;
    text-decoration: none;
}
.body_text  {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}

.body_text TD  {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 9px;
    text-decoration: none;
}

.indent {
width : 242px;
}

div.ajankohtaista A {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold; 
    text-decoration: none;
}
div.ajankohtaista A:hoover {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold; 
    text-decoration: underline;
}

a.hci_menu  {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold; 
    text-decoration: none;
    display: block;
    background: url('./passive_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
    margin-right: 10px
}

a.hci_menu:hover {
    text-decoration: none;
    color: #000000; 
    background: url('./passive_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
    margin-right: 10px
}

a.hci_menu_active  {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold; 
    text-decoration: none;
    display: block;
    background: url('./active_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
    margin-right: 10px
}

a.hci_menu_active:hover {
    text-decoration: none;
    color: #000000; 
    background: url('./active_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
    margin-right: 10px
}

a.hci_menu_nomargin  {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold; 
    text-decoration: none;
    display: block;
    background: url('./passive_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
}

a.hci_menu_nomargin:hover {
    text-decoration: none;
    color: #000000; 
    background: url('./passive_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
}

a.hci_menu_active_nomargin  {
    font-family: Arial,sans-serif;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold; 
    text-decoration: none;
    display: block;
    background: url('./active_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
}

a.hci_menu_active_nomargin:hover {
    text-decoration: none;
    color: #000000; 
    background: url('./active_menu.gif') top right no-repeat;   
    width: 150;
    height: 25;
    text-align : center;
    float: left;
    line-height: 1.2em;
}


table.main_content_area {

 height:24;
 font-size: 1.2em;
 padding :5px;
 }

/* #section_menu formatting */
a.section_menu{
 float: left;
 width: 202px;
 clear: left;
 margin-right: 1.8em;
 border-bottom: 1px solid #cbcbcb;
 margin-bottom: 1em;
 font-size: 1.2em;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 line-height: 1.2em;
padding :3px;
margin-bottom : 0px;
  } 

a.section_menu:hover { text-decoration: underline; } 


/* #section_menu formatting */
a.next_prev{
 width: 85px;
 border-bottom: 1px solid #cbcbcb;
 margin-bottom: 1em;
 font-size: 1.2em;
 text-decoration: none;
 color: #333;
 font-weight: bold;
 line-height: 1.2em;
padding :3px;
margin-bottom : 0px;
  } 

a.next_prev:hover { text-decoration: underline; } 

/* Footer */
#footer { border-top: 2px solid #f90; color: #666; clear: both; font-size: 0.7em; margin: 0; line-height: 2em; }
#footer p { margin-top: 0.2em; }
#footer .self_service_link { float: right; font-weight: bold; background:url(./icon_self_services_small.gif) right 0.5em no-repeat; padding-right: 55px;}
#footer .self_service_link a { background:url(./icon_arrow_right.gif) right no-repeat; padding-right: 12px;}
#footer img { height: 9px; width: 1px;margin: 0px 5px 0px 5px;}

/* Basic formatting */
a {color: #006ea5}
a:visited {}
a:hover, a:active { text-decoration: underline !important; color: #006ea5 !important; cursor:pointer; }
a img { border: none}
p { margin: 0.5em 0 1em;}
ul { list-style-type: none; margin: 0.5em 0 1.5em; padding: 0;}
li { margin: 0.3em 0; padding: 0;}
input, select {font-size: 0.9em; }

hr { clear: both; margin: 0; padding: 0; background: transparent; color: transparent; border: 0; visibility: hidden }
.clearer { clear: both }

h2 { font-size: 1.6em; font-weight: normal; margin: 0.3em 0 0.6em;}
	h2 span.date { font-size: 0.6em; font-weight: normal; margin-left: 1.5em; padding-left: 0.6em; background: url(./bgr_site_tools_li.gif) left no-repeat;}
h3, table caption { font-size: 1em; margin: 0.5em 0 0.2em; font-weight: bold; text-align: left; }


/* Specific link styles */
ul.attachments a { font-weight: bold }
li a.pdf { background: url(./icon_pdf.gif) left no-repeat; padding-left: 22px; }
h3 a.pdf { background: url(./icon_pdf.gif) left no-repeat; padding-right: 2px; }

.previous-page { background: url(./icon_previous.gif) 2px no-repeat; padding-left: 10px; text-decoration: underline; color: #006ea5 }
.next-page { background: url(./icon_next.gif) right no-repeat; padding-right: 10px; text-decoration: underline; color: #006ea5}

.back_link { font-weight: bold; background:url(./icon_back_link.gif) left no-repeat; padding-left: 15px; margin-bottom: 1.2em;  }
.forward_link a { font-weight: bold; background: url(./icon_arrow_right.gif) right no-repeat; padding-right: 15px; margin-bottom: 1.2em;  }

/*kuukausitilastojen menu */
div#kktilastolinkit a {
  border-width: 0px;
  background: #EBF3FB;
  padding-top: 0px;
  padding-bottom: 0px;
  margin:0px;
}